:root{color:#11253f;background:radial-gradient(circle at 14% 18%,rgba(255,196,110,.95),transparent 21%),radial-gradient(circle at 84% 12%,rgba(98,198,255,.85),transparent 18%),linear-gradient(180deg,#fff8ea,#eef6ff 48%,#fdfaf4);font-family:Avenir Next,Nunito,Segoe UI,sans-serif}html,body,#app{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell,.study-shell{position:relative;min-height:100vh;overflow:hidden}.glow{position:absolute;border-radius:999px;filter:blur(54px);opacity:.42;pointer-events:none}.glow-one{top:3rem;left:-4rem;width:12rem;height:12rem;background:#ff7f5485}.glow-two{top:14rem;right:-2rem;width:11rem;height:11rem;background:#1d98ff66}.page,.study-page{position:relative;z-index:1;margin:0 auto;display:grid;gap:1rem}.page{max-width:76rem;padding:1rem}.study-page{--study-card-height: 6.5rem;max-width:90rem;padding:1rem}.page-topbar{display:grid;gap:.75rem}.hero,.panel,.loading-card,.error-banner,.study-hero,.study-stage{border:1px solid rgba(17,37,63,.1);border-radius:1.6rem;background:#ffffffc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 48px #11253f1c}.hero,.study-hero{padding:1.25rem;display:grid;gap:1rem}.panel,.study-stage{padding:1rem;display:grid;gap:1rem}.hero-copy,.study-hero-copy{display:grid;gap:.65rem}.eyebrow,.section-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#b45d00}.hero h1,.study-hero h1,.panel h2{margin:0}.hero h1{font-size:clamp(2.35rem,10vw,4.5rem);line-height:.94;max-width:15ch}.study-hero h1{font-size:clamp(2rem,7vw,3.5rem);line-height:.96}.lede,.helper-text,.study-hero p{margin:0;color:#466381;line-height:1.6}.hero-meta,.study-session-meta{display:grid;gap:.7rem}.primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.35rem;border-radius:999px;background:#11253f14}.primary-nav button{border:0;border-radius:999px;padding:.85rem 1rem;font-weight:800;background:transparent;color:#446788}.profile-menu{position:relative;justify-self:end}.profile-menu[open]{z-index:3}.profile-trigger{list-style:none;display:grid;gap:.1rem;min-width:12rem;padding:.8rem 1rem;border-radius:1.2rem;border:1px solid rgba(17,37,63,.1);background:#ffffffd6;box-shadow:0 14px 34px #11253f1a}.profile-trigger::-webkit-details-marker{display:none}.profile-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8a5b23;font-weight:800}.profile-trigger strong{font-size:1rem}.profile-trigger small{color:#5b7390}.profile-popover{position:absolute;top:calc(100% + .55rem);right:0;width:min(20rem,calc(100vw - 2rem));display:grid;gap:.85rem;padding:.9rem;border-radius:1.4rem;border:1px solid rgba(17,37,63,.1);background:#fffffff5;box-shadow:0 22px 48px #11253f29}.profile-popover-header{display:grid;gap:.15rem}.profile-popover-header span,.profile-option span{color:#5b7390}.profile-option-list{display:grid;gap:.55rem}.profile-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(17,37,63,.08);border-radius:1rem;padding:.85rem .95rem;background:#f6f9fdeb;color:inherit}.profile-option strong,.profile-option span{pointer-events:none}.profile-option.active{border-color:#ff8f707a;background:linear-gradient(135deg,#ffb86d3d,#ff8f7033)}.primary-nav button.active{background:linear-gradient(135deg,#ffb86d,#ff8f70);color:#2a1600;box-shadow:0 8px 24px #ff8f703d}.pill,.mini-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:.45rem .8rem;font-weight:700}.pill{background:#11253f14;color:#244466}.mini-pill{background:#ff7b5426;color:#a6440f}.meta-card,.metric-card,.family-card,.admin-card,.library-item,.word-card,.package-summary{border-radius:1.3rem;background:#fffffff0;border:1px solid rgba(17,37,63,.08)}.meta-card,.metric-card,.family-card,.admin-card,.library-item,.word-card,.package-summary{padding:1rem}.meta-card{display:grid;gap:.25rem}.meta-card span{color:#5b7390}.error-banner,.loading-card{padding:1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.panel-header,.package-summary-top,.family-card-top,.admin-actions-inline{display:flex;align-items:start;justify-content:space-between;gap:1rem}.panel-header.compact{align-items:center}.selection-row,.metrics-grid,.status-strip,.summary-grid,.admin-grid,.family-grid,.package-library,.member-list,.admin-actions,.round-board{display:grid;gap:.9rem}.selection-row,.metrics-grid,.status-strip,.summary-grid,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.selection-row.single{grid-template-columns:minmax(0,22rem)}.field{display:grid;gap:.45rem}.field span{font-size:.88rem;font-weight:700;color:#4e6b8d}input,select,textarea{border:1px solid rgba(17,37,63,.14);border-radius:1rem;padding:.85rem 1rem;background:#fffffff5;color:inherit}textarea{min-height:18rem;resize:vertical}.cta-button,.quiet-button{border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:800}.cta-button{background:linear-gradient(135deg,#ffb86d,#ff8f70);color:#2a1600;box-shadow:0 8px 24px #ff8f7038}.quiet-button{background:#11253f14;color:#244466}.cta-button:disabled,.quiet-button:disabled{opacity:.6;cursor:default}.metric-card{display:grid;gap:.3rem}.metric-card span,.summary-grid span,.status-strip span,.package-summary span,.member-list-item span{color:#5b7390}.metric-card strong,.summary-grid strong,.status-strip strong,.package-summary strong,.member-list-item strong{font-size:1.15rem}.metric-card.primary{background:linear-gradient(145deg,#ffebc9f2,#ffd2a7eb)}.status-strip>div,.summary-grid>div{display:grid;gap:.25rem;padding:.85rem .95rem;border-radius:1rem;background:#11253f0d}.family-grid,.package-library{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.family-card,.admin-card,.library-item{display:grid;gap:.8rem}.family-card-top p,.library-item p{margin:0}.package-summary{display:grid;gap:.8rem}.package-summary.highlight{border-color:#ff8f7059}.member-list-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-radius:1rem;background:#11253f0d}.study-shell{background:radial-gradient(circle at top left,rgba(255,205,112,.33),transparent 22%),linear-gradient(180deg,#fff8ea,#edf5ff 44%,#f6fbff)}.study-stage{padding:1.5rem 1.25rem}.study-mode-bar{display:flex;justify-content:flex-end}.study-mode-menu{position:relative}.study-mode-menu[open]{z-index:3}.study-mode-trigger{list-style:none;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem .9rem;border-radius:999px;border:1px solid rgba(17,37,63,.1);background:#ffffffe6;box-shadow:0 14px 34px #11253f1a}.study-mode-trigger::-webkit-details-marker{display:none}.study-mode-trigger small{color:#4e6b8d;font-weight:800}.study-mode-popover{position:absolute;top:calc(100% + .5rem);right:0;min-width:11rem;display:grid;gap:.45rem;padding:.75rem;border-radius:1.15rem;border:1px solid rgba(17,37,63,.1);background:#fffffff5;box-shadow:0 22px 48px #11253f29}.study-mode-option{border:1px solid rgba(17,37,63,.08);border-radius:.95rem;padding:.75rem .85rem;background:#f6f9fdeb;color:inherit;font-weight:800;text-align:left}.study-mode-option.active{border-color:#ff8f707a;background:linear-gradient(135deg,#ffb86d3d,#ff8f7033)}.chunk-builder,.answer-strip,.choice-grid,.study-actions{display:grid;gap:.75rem}.chunk-target{margin:0;text-align:center;font-size:clamp(2rem,7vw,3.6rem);line-height:1}.answer-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem}.fragment-slot,.fragment-choice{border-radius:1.2rem;border:1px solid rgba(17,37,63,.08);background:#fffffff0;color:inherit;min-height:4.6rem;padding:.9rem .8rem;transition:transform .14s ease,border-color .14s ease,opacity .16s ease,background .16s ease}.fragment-slot{display:flex;align-items:center;justify-content:center;font-weight:800;color:#7a93af}.fragment-slot.filled{border-color:#36a06073;background:#e4ffecf0;color:#153b27}.fragment-word-gap{width:1.4rem;flex:0 0 1.4rem}.study-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.fragment-choice{display:flex;align-items:center;justify-content:center;text-align:center;will-change:transform}.fragment-choice strong{font-size:clamp(1rem,2.6vw,1.3rem);line-height:1.2;overflow-wrap:anywhere}.fragment-choice:hover:not(:disabled){transform:translateY(-1px)}.fragment-choice.wrong{border-color:#dd4848bf;background:#ffeaeaf5;animation:shake-card .22s ease-in-out}.fragment-choice.used{opacity:.38;transform:scale(.97);background:#e4ffecf0;border-color:#36a0608c}.fragment-choice:disabled,.fragment-slot:disabled{cursor:default}.fragment-slot:disabled:not(.filled){background:#f6f9fddb}.chunk-hint-button{justify-self:center;min-width:8rem}.round-board{grid-template-columns:repeat(2,minmax(0,1fr))}.board-column{display:grid;gap:.9rem}.word-card{display:flex;align-items:center;justify-content:center;min-height:var(--study-card-height);height:var(--study-card-height);text-align:center;background:#ffefe4f5;transition:transform .14s ease,border-color .14s ease,background .16s ease,opacity .16s ease}.word-card.selected{border-color:#297dd673;background:#e8f4fff5}.word-card.wrong{border-color:#dd4848bf;background:#ffeaeaf5;animation:shake-card .22s ease-in-out}.word-card.matched{border-color:#36a0608c;background:#e4ffecf0;opacity:.72}@keyframes shake-card{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.study-feedback-row{min-height:1.75rem}.study-feedback-row p{margin:0;font-weight:700}.success-note{color:#167548}.error-note{color:#b12828}.empty-panel{margin:0;padding:1rem;border-radius:1rem;background:#11253f0d;color:#4d6887}@media(max-width:720px){.page,.study-page{padding:.85rem}.answer-strip,.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-menu{justify-self:stretch}.profile-popover{width:100%}.primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.study-page{--study-card-height: 5.75rem}.round-board{grid-template-columns:repeat(2,minmax(0,1fr))}.package-summary-top,.panel-header,.family-card-top,.admin-actions-inline{flex-direction:column;align-items:stretch}}@media(min-width:721px){.page-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}}