:root{--bg:#e7eef0;--bg-deep:#d2dde2;--ink:#14221f;--ink-soft:#3d524c;--brand:#1a3a32;--brand-mid:#2a5a4c;--accent:#c4a35a;--accent-deep:#8f7335;--surface:#fffcf7c7;--surface-solid:#fffaf3;--line:#14221f1f;--ok:#2f6b4f;--bad:#9b3d3d;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-ui:"Figtree", system-ui, sans-serif;--font-he:"Frank Ruhl Libre", "Times New Roman", serif;--shadow:0 18px 50px #14221f14;color:var(--ink);font-family:var(--font-ui);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:450;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh}body{min-width:320px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background-color:#0000;background-image:radial-gradient(90% 60% at 10% -10%,#c4a35a38,#0000 55%),radial-gradient(70% 50% at 100% 0,#2a5a4c2e,#0000 50%),linear-gradient(165deg,#eef4f5 0%,#dce7ea 45%,#d4e0d8 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:soft-light;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.he{font-family:var(--font-he);direction:rtl;unicode-bidi:isolate}.app-shell{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.topbar{padding:.85rem 1.25rem;padding-top:max(.85rem, env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#e7eef0b8;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand);align-items:baseline;gap:.55rem;font-size:1.35rem;font-weight:700;display:flex}.brand span{font-family:var(--font-he);color:var(--accent-deep);font-size:1.5rem;font-weight:500}.brand .brand-maggie{font-family:var(--font-display);color:var(--accent-deep);font-size:1.15rem;font-weight:700}.nav-links{flex-wrap:wrap;gap:.35rem;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:.45rem .75rem;font-size:.92rem;font-weight:550;transition:background .2s,color .2s,transform .2s}.nav-links a:hover{color:var(--brand);background:#1a3a3214}.nav-links a.active{background:var(--brand);color:#f7f1e4}.main{flex:1;width:min(1080px,100%);margin:0 auto;padding:1.25rem 1.15rem 5.5rem}.bottom-nav{bottom:0;z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));background:#fffaf3eb;justify-content:space-around;display:none;position:fixed;inset-inline:0}.bottom-nav a{text-align:center;min-height:48px;color:var(--ink-soft);touch-action:manipulation;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.55rem .25rem;font-size:.72rem;font-weight:600;display:flex}.bottom-nav a.active{color:var(--brand);background:#1a3a3214}.bottom-nav .he-mini{font-family:var(--font-he);margin-bottom:.15rem;font-size:1.05rem;line-height:1.1;display:block}@media (width<=820px){.nav-links{display:none}.bottom-nav{display:flex}.main{padding:1rem .9rem 7rem}.brand{font-size:1.15rem}.brand .brand-maggie{font-size:1rem}.topbar{gap:.5rem;padding-inline:.85rem}body{background-attachment:scroll}.hero{min-height:min(78dvh,640px);margin-inline:-.9rem;padding:1.5rem 1rem 1.85rem}.cta-row{gap:.55rem}.cta-row .btn{flex:auto;justify-content:center;min-height:44px}.field input,.field-select,textarea{min-height:44px;font-size:16px}button,.btn{touch-action:manipulation}}.install-banner{background:linear-gradient(135deg,#1a3a321a,#c4a35a29);border:1px solid #1a3a322e;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1rem;padding:.85rem 1rem;animation:.45s both rise;display:flex}.install-banner-text{flex:12rem;gap:.15rem;display:grid}.install-banner-text strong{font-family:var(--font-display);color:var(--brand);font-size:1.05rem}.install-banner-text span{color:var(--ink-soft);font-size:.88rem;line-height:1.35}.install-banner-actions{flex-wrap:wrap;gap:.45rem;display:flex}.install-banner-actions .btn{min-height:40px;padding:.45rem .9rem;font-size:.88rem}@media (display-mode:standalone){.install-banner{display:none}}.hero{color:#f4efe4;isolation:isolate;border-radius:0 0 28px 28px;align-items:end;min-height:min(88dvh,760px);margin:-1.25rem -1.15rem 2rem;padding:2rem 1.35rem 2.4rem;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-2;background:linear-gradient(#0c1c1826 0%,#0c1c18b8 55%,#0c1c18eb 100%),radial-gradient(circle at 70% 30%,#c4a35a59,#0000 45%),linear-gradient(135deg,#1a3a32 0%,#244a40 40%,#0f2823 100%);position:absolute;inset:0}.hero-bg--photo{background:#0f241c}.hero-photo{object-fit:cover;object-position:center 28%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-bg--photo:after{content:"";inset:0;inset-inline-end:auto;opacity:1;white-space:normal;background:linear-gradient(105deg,#0c1c16eb 0%,#0c1c16b3 40%,#0c1c1652 68%,#0c1c161f 100%);font-size:0;animation:none;bottom:auto}.hero-bg:after{content:"אבגדהוזחטיכלמנסעפצקרשת";inset-inline-end:-4%;font-family:var(--font-he);letter-spacing:.08em;opacity:.12;white-space:nowrap;z-index:1;pointer-events:none;direction:rtl;font-size:clamp(4rem,18vw,11rem);animation:18s ease-in-out infinite alternate drift;position:absolute;bottom:8%}.hero-copy{z-index:2;max-width:36rem;position:relative}.page-visual{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);margin:0 0 1.25rem;overflow:hidden}.page-visual-img,.page-visual picture{width:100%;display:block}.page-visual-img{aspect-ratio:21/9;object-fit:cover;object-position:center 28%;height:auto}.page-visual-caption{color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin:0;padding:.55rem .9rem .7rem;font-size:.82rem;display:flex}.page-visual-caption strong{color:var(--brand);font-family:var(--font-display);font-weight:650}.maggie-gallery .maggie-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.85rem;padding:.25rem 0 .85rem;display:flex;overflow-x:auto}.maggie-rail-item{scroll-snap-align:start;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);flex:0 0 min(78vw,280px);transition:transform .2s,border-color .2s;overflow:hidden}.maggie-rail-item:hover{border-color:#1a3a3247;transform:translateY(-2px)}.maggie-rail-img,.maggie-rail-item picture{width:100%;display:block}.maggie-rail-img{aspect-ratio:4/3;object-fit:cover;object-position:center 25%}.maggie-rail-caption{color:var(--ink-soft);flex-direction:column;gap:.15rem;padding:.55rem .75rem .75rem;font-size:.82rem;line-height:1.35;display:flex}.maggie-rail-caption strong{color:var(--brand);font-family:var(--font-display);font-weight:650}.maggie-rail-caption em{font-style:normal}.path-with-art .path-row{justify-content:flex-start;gap:.9rem}.path-row>picture{border:1px solid var(--line);background:var(--bg-deep);border-radius:12px;flex:0 0 88px;width:88px;height:66px;display:block;overflow:hidden}.path-row>picture img,.path-row>.path-thumb{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .35s;display:block}.path-row:hover>picture img,.path-row:hover>.path-thumb{transform:scale(1.05)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-4%)}}.hero-brand{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin:0 0 .75rem;font-size:clamp(2.2rem,8vw,4.4rem);line-height:1.02;animation:.8s both rise}.hero-brand .he{color:var(--accent);letter-spacing:.04em;margin-top:.35rem;font-size:.42em;display:block}.hero p{color:#f4efe4e0;max-width:34ch;margin:0 0 1.4rem;font-size:1.08rem;animation:.9s .1s both rise}.cta-row{flex-wrap:wrap;gap:.7rem;animation:1s .18s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-weight:650;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#1a2a20}.btn-primary:hover{background:#d4b56a}.btn-ghost{color:#f4efe4;background:0 0;border-color:#f4efe459}.btn-ghost:hover{background:#ffffff14}.btn-solid{background:var(--brand);color:#f7f1e4}.btn-solid:hover{background:var(--brand-mid)}.btn-outline{border-color:var(--line);color:var(--brand);background:0 0}.btn-outline:hover{border-color:var(--brand);background:#1a3a320d}.section{margin-bottom:2.5rem;animation:.55s both rise}.section h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand);margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.1rem)}.section>.lead{color:var(--ink-soft);max-width:52ch;margin:0 0 1.25rem}.stats-inline{color:var(--ink-soft);flex-wrap:wrap;gap:1.25rem;margin:1.5rem 0 0;font-size:.95rem;display:flex}.stats-inline strong{font-family:var(--font-display);color:var(--brand);font-size:1.55rem;line-height:1.1;display:block}.unit-block{margin-bottom:1.75rem}.unit-block h3{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep);margin:0 0 .75rem;font-size:.85rem}.lesson-list{gap:.65rem;display:grid}.lesson-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:transform .18s,border-color .18s;display:flex}.lesson-row:hover{border-color:#1a3a3240;transform:translateY(-1px)}.lesson-row.done{border-color:#2f6b4f59}.lesson-row h4{margin:0 0 .2rem;font-size:1.05rem}.lesson-row p{color:var(--ink-soft);margin:0;font-size:.9rem}.badge{color:var(--ok);white-space:nowrap;font-size:.75rem;font-weight:650}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.65rem;display:grid}.letter-tile{background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .4rem;transition:transform .18s,border-color .18s;display:flex}.letter-tile:hover,.letter-tile:focus-visible{border-color:var(--brand-mid);outline:none;transform:translateY(-2px)}.letter-tile .glyph{font-family:var(--font-he);color:var(--brand);font-size:2rem;line-height:1}.letter-tile .name{color:var(--ink-soft);text-align:center;font-size:.72rem}.speak-btn{color:var(--brand);background:#1a3a3214;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:inline-grid}.speak-btn:hover{background:#1a3a3224}.speak-btn.is-speaking{color:var(--accent-deep);background:#c4a35a47}.speak-btn.is-error{color:var(--bad);background:#9b3d3d24}.speak-btn.has-mora{background:#c4a35a38;box-shadow:inset 0 0 0 1.5px #8f733559}.record-opt{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fffaf3e6;align-items:flex-start;gap:.75rem;margin:.85rem 0 1rem;padding:.85rem 1rem;display:flex}.record-opt input{width:1.1rem;height:1.1rem;accent-color:var(--brand);margin-top:.25rem}.record-opt span{flex-direction:column;gap:.2rem;font-size:.95rem;display:flex}.record-opt em{color:var(--ink-soft);font-size:.86rem;font-style:normal}.role-badge.is-record{color:var(--accent-deep);background:#c4a35a38;margin-inline-start:.4rem}.guided-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:1.15rem 1.2rem 1.25rem}.guided-card-he{justify-content:center;align-items:center;gap:.75rem;display:flex}.guided-card-translit{text-align:center;color:var(--ink-soft);margin:.35rem 0 0;font-size:.95rem}.guided-card-es{text-align:center;margin:.15rem 0 0;font-weight:600}.guided-card-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.guided-hint{color:var(--accent-deep);font-size:.92rem;font-weight:650}.btn.is-recording{background:var(--bad);border-color:var(--bad);color:#fff;animation:1.2s ease-in-out infinite pulse-rec}@keyframes pulse-rec{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.studio-preview{margin-top:.5rem}.studio-custom{gap:.35rem;display:grid}.studio-clip-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.studio-clip-list li{border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);background:var(--surface);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem .9rem;display:grid}.studio-clip-list .he{font-size:1.25rem}@media (width<=640px){.studio-clip-list li{grid-template-columns:1fr auto}.studio-clip-list li span:nth-child(2){color:var(--ink-soft);grid-column:1/-1;font-size:.88rem}}.hebrew-xl{font-family:var(--font-he);text-align:center;color:var(--brand);direction:rtl;margin:.5rem 0;font-size:clamp(2.8rem,10vw,4.5rem);line-height:1.15}.meta-row{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.progress-track{background:#14221f1a;border-radius:999px;height:8px;margin:.75rem 0 1.25rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand-mid), var(--accent));border-radius:inherit;height:100%;transition:width .35s}.quiz-options{gap:.55rem;margin-top:1rem;display:grid}.quiz-options button{text-align:start;border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);border-radius:14px;padding:.9rem 1rem;transition:border-color .15s,background .15s}.quiz-options button:hover:not(:disabled){border-color:var(--brand-mid)}.quiz-options button.correct{border-color:var(--ok);background:#2f6b4f1f}.quiz-options button.wrong{border-color:var(--bad);background:#9b3d3d1a}.step-actions{flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:1.5rem;display:flex}.vocab-list,.phrase-list{gap:.65rem;display:grid}.vocab-item,.phrase-item{background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.vocab-item .he,.phrase-item .he{color:var(--brand);font-size:1.45rem}.vocab-item .es,.phrase-item .es{font-weight:600}.vocab-item .tr,.phrase-item .tr{color:var(--ink-soft);font-size:.88rem}.srs-quality{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1.25rem;display:grid}.srs-quality button{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;padding:.7rem .35rem;font-size:.85rem;font-weight:600}.srs-quality button:first-child:hover{border-color:var(--bad)}.srs-quality button:nth-child(4):hover{border-color:var(--ok)}.flip-hint{text-align:center;color:var(--ink-soft);margin-top:.75rem;font-size:.9rem}.topic-list{gap:.75rem;display:grid}.topic{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:1.1rem 1.15rem}.topic h3{font-family:var(--font-display);color:var(--brand);margin:0 0 .35rem}.topic .summary{color:var(--ink-soft);margin:0 0 .75rem}.topic ul{color:var(--ink-soft);margin:0 0 .85rem;padding-inline-start:1.1rem}.example{border-top:1px solid var(--line);gap:.15rem;padding:.65rem 0;display:grid}.example .he{color:var(--brand);font-size:1.35rem}.empty-state{text-align:center;color:var(--ink-soft);padding:2rem 1rem}.filter-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.filter-chips button{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.filter-chips button.active{background:var(--brand);border-color:var(--brand);color:#f7f1e4}.detail-panel{border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--line);margin-top:1rem;padding:1.15rem;animation:.35s both rise}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field span{color:var(--ink-soft);font-size:.88rem;font-weight:600}.field input{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);border-radius:12px;padding:.7rem .85rem}.field input:focus{border-color:var(--brand-mid);outline:2px solid #2a5a4c59}button.lesson-row{text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer}.zion-term{background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;padding:1rem 1.05rem}.zion-term-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.zion-term-head .he{color:var(--brand);font-size:1.55rem}.zion-note{color:var(--ink-soft);margin:.55rem 0 0;font-size:.92rem;line-height:1.45}.calendar-panel{margin-bottom:1.5rem}.calendar-arc{flex-wrap:wrap;align-items:center;gap:.5rem .35rem;margin:.75rem 0 1.1rem;display:flex}.calendar-arc-step{background:#1a3a3214;border-radius:12px;align-items:center;gap:.4rem;padding:.45rem .7rem;display:inline-flex;position:relative}.calendar-arc-step .he{color:var(--brand);font-size:1.05rem}.calendar-arc-step strong{font-size:.85rem}.calendar-arc-arrow{color:var(--accent-deep);font-weight:700;position:absolute;inset-inline-end:-.85rem}.calendar-day-list{gap:.65rem;display:grid}.calendar-day{border:1px solid var(--line);background:var(--surface-solid);border-inline-start:4px solid var(--brand-mid);border-radius:14px;padding:.9rem 1rem}.calendar-day.tone-memorial{border-inline-start-color:#6b5a4a}.calendar-day.tone-celebration{border-inline-start-color:var(--accent-deep)}.calendar-day.tone-culture{border-inline-start-color:var(--brand-mid)}@media (width<=640px){.calendar-arc-arrow{display:none}}.dedication{--olive:#3a4a28;--olive-deep:#2a3520;--olive-mid:#4a5c34;--gold:#d4b45a;--gold-soft:#e8d49a;--gold-deep:#a8893a;border-radius:var(--radius);background:radial-gradient(ellipse 80% 120% at 100% 0%, #d4b45a47, transparent 55%), linear-gradient(135deg, var(--olive-deep) 0%, var(--olive) 48%, var(--olive-mid) 100%);border:1px solid #d4b45a73;margin:0 0 2rem;animation:.7s both rise;overflow:hidden;box-shadow:0 16px 40px #2a352038}.dedication-inner{text-align:center;color:var(--gold-soft);padding:1.35rem 1.35rem 1.45rem}.dedication-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .45rem;font-size:.72rem;font-weight:700}.dedication-he{color:var(--gold);text-shadow:0 1px #2a352059;margin:0 0 .35rem;font-size:clamp(1.55rem,5vw,2.15rem);line-height:1.2}.dedication-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f3e7c2;margin:0 0 .65rem;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700}.dedication-body{color:#e8d49ae0;max-width:42ch;margin:0 auto 1rem;font-size:.98rem;line-height:1.5}.dedication-link{color:var(--olive-deep);background:linear-gradient(180deg, var(--gold-soft), var(--gold));border:1px solid #d4b45a8c;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.05rem;font-size:.9rem;font-weight:700;transition:transform .18s,filter .18s;display:inline-flex}.dedication-link:hover{filter:brightness(1.05);transform:translateY(-1px)}.dedication-compact{margin-bottom:1.35rem}.dedication-compact .dedication-inner{padding:1rem 1.1rem}.dedication-compact .dedication-he{font-size:1.35rem}.dedication-compact .dedication-title{margin-bottom:.55rem;font-size:1.2rem}.banner-msg{color:var(--brand);background:#2a5a4c1a;border:1px solid #2a5a4c38;border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-weight:600}.banner-msg.is-error{color:#8c3628;background:#8c362814;border-color:#8c362847}.sync-status{color:var(--ink-soft);margin:0 0 1rem;font-size:.92rem}.setup-steps{color:var(--ink-soft);gap:.55rem;margin:0 0 1.25rem;padding-left:1.2rem;line-height:1.55;display:grid}.setup-steps code{color:var(--brand);font-size:.88em}.auth-divider{color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1.15rem 0 .85rem;font-size:.85rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.btn-google{color:#1f1f1f;border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:.65rem;width:100%;font-weight:600;display:inline-flex}.btn-google:hover{background:#f7f7f7;border-color:#1a3a3247}.btn-logout{color:#8c3628;border-color:#8c362859;width:100%;max-width:16rem}.btn-logout:hover{background:#8c36280f}.auth-chip{flex-shrink:0;align-items:center;gap:.45rem;margin-inline-start:auto;display:flex}.auth-chip-user,.auth-chip-in{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;color:var(--brand);font-size:.85rem;font-weight:600;overflow:hidden}.auth-chip-out{color:#8c3628;font:inherit;cursor:pointer;background:#fff;border:1px solid #8c362859;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.auth-chip-out:hover{background:#8c36280f}.auth-chip-in{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .75rem}@media (width<=900px){.auth-chip-user{max-width:5.5rem}}.role-picker{border:none;margin:0 0 1.15rem;padding:0}.role-picker legend{font-family:var(--font-display);color:var(--brand);margin-bottom:.35rem;font-size:1.15rem}.role-picker-lead{color:var(--ink-soft);margin:0 0 .85rem;font-size:.92rem;line-height:1.45}.role-groups{gap:1rem;display:grid}.role-groups h4{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .45rem;font-size:.82rem}.role-cards{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.role-card{text-align:start;border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;font:inherit;color:inherit;border-radius:14px;gap:.25rem;padding:.75rem .8rem;transition:border-color .15s,background .15s;display:grid}.role-card strong{font-family:var(--font-display);color:var(--brand);font-size:1.05rem}.role-card span{color:var(--ink-soft);font-size:.8rem;line-height:1.35}.role-card.active{border-color:var(--brand);background:#2a5a4c14;box-shadow:inset 0 0 0 1px #2a5a4c33}.role-badge{color:var(--brand);background:#2a5a4c1a;border-radius:999px;margin-top:.45rem;padding:.2rem .55rem;font-size:.82rem;font-weight:700;display:inline-block}@media (width<=560px){.role-cards{grid-template-columns:1fr}}.task-list{gap:1rem;display:grid}.task-card{border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--line);padding:1.1rem 1.15rem;animation:.35s both rise}.task-card h4{font-family:var(--font-display);color:var(--brand);margin:.35rem 0 .4rem;font-size:1.2rem}.task-card p{color:var(--ink-soft);margin:0;line-height:1.45}.task-card.is-done{background:linear-gradient(180deg, #2a5a4c0f, var(--surface-solid));border-color:#2a5a4c59}.task-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.task-kind{letter-spacing:.04em;text-transform:uppercase;color:var(--brand-mid);font-size:.78rem;font-weight:700;display:inline-block}.task-meta{font-size:.9rem;margin-top:.65rem!important}.task-students{gap:.35rem;margin:.75rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.task-card .cta-row{margin-top:1rem}.field-select{border:1px solid var(--line);background:var(--surface-solid);width:100%;font:inherit;color:var(--ink);border-radius:12px;padding:.7rem}.review-row{border-top:1px solid var(--line);gap:.45rem;padding:.75rem 0;display:grid}.review-row:first-child{border-top:none;padding-top:0}.review-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.review-status{color:var(--ink-soft);background:#1a3a3214;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.review-status.is-pending{color:#8a6a12;background:#b48c2824}.review-status.is-approved{color:var(--brand);background:#2a5a4c24}.review-status.is-needs_work{color:#8c3628;background:#8c36281a}.review-status.is-waiting{border:1px solid var(--line);background:0 0}.review-note,.review-feedback{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.4}.review-feedback{color:var(--brand);background:#2a5a4c12;border:1px solid #2a5a4c29;border-radius:12px;margin-top:.55rem;padding:.65rem .75rem}.task-card.is-approved{border-color:#2a5a4c66}.task-card.is-needs-work{border-color:#8c362859}.pair-tip{color:var(--accent-deep);text-align:center;margin:0 0 .75rem;font-weight:650}.pack-list{gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.pack-list li{border:1px solid var(--line);background:#fffaf3a6;border-radius:12px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:.65rem;padding:.65rem .75rem;display:grid}.pack-list .he{font-size:1.2rem}.pack-preview{border-radius:var(--radius);border:1px dashed var(--line);white-space:pre-wrap;color:var(--ink-soft);background:#14221f08;margin-top:1.25rem;padding:1rem;font-size:.88rem;line-height:1.45;overflow:auto}.cert-grid{gap:1rem;display:grid}.certificate{border-radius:var(--radius);background:radial-gradient(ellipse 80% 50% at 50% 0%, #c4a35a2e, transparent 55%), var(--surface-solid);text-align:center;box-shadow:var(--shadow);border:2px solid #c4a35a73;padding:1.5rem 1.35rem}.certificate--art{text-align:start;padding:0;overflow:hidden}.certificate-art{aspect-ratio:16/9;background:#e8efe8;position:relative;overflow:hidden}.certificate-art img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.certificate-copy{text-align:center;padding:1.1rem 1.25rem 1.35rem}.diploma-preview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.diploma-preview-card{border-radius:calc(var(--radius) - 4px);border:1px solid var(--line);background:var(--surface-solid);margin:0;overflow:hidden}.diploma-preview-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.diploma-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.diploma-catalog-card{opacity:.78;margin:0;transition:opacity .25s,transform .25s}.diploma-catalog-card.is-unlocked{opacity:1;transform:translateY(-2px)}.diploma-catalog-meta{padding:.65rem .15rem .25rem}.diploma-catalog-meta h4{font-family:var(--font-display);color:var(--brand);margin:.25rem 0 0;font-size:1.05rem}.diploma-catalog-meta p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.92rem}.diploma-catalog-status{letter-spacing:.04em;text-transform:uppercase;color:var(--brand)!important;font-size:.8rem!important}.cert-brand{font-family:var(--font-display);color:var(--brand);letter-spacing:.02em;margin:0;font-weight:650}.cert-he{color:var(--brand);margin:.5rem 0 .35rem;font-size:2rem}.certificate h3{font-family:var(--font-display);color:var(--brand);margin:0}.cert-sub,.cert-detail,.cert-date{color:var(--ink-soft);margin:.35rem 0 0}.cert-name{margin:.85rem 0 0;font-size:1.15rem;font-weight:700}.home-cal-hero{text-align:center}@media print{.topbar,.bottom-nav,.install-banner,.page-visual,.no-print,.cta-row,.pack-preview,.maggie-gallery,.diploma-preview-rail,.panel,.lead,.banner-msg,.section>h2{display:none!important}.certificate{break-inside:avoid;box-shadow:none;background:0 0;border:none}.certificate-copy{display:none!important}.certificate-art{aspect-ratio:auto}.certificate-art img{object-fit:contain;width:100%;height:auto;max-height:100vh}body[data-print-cert] .certificate:not(.is-printing){display:none!important}body[data-print-cert] .certificate.is-printing{width:100%;max-width:none;margin:0;padding:0;display:block!important}}@media (width<=720px){.hero-brand{font-size:clamp(1.85rem,8vw,2.6rem)}.pack-list li{grid-template-columns:1fr auto}.pack-list li span:nth-child(2){color:var(--ink-soft);grid-column:1/-1;font-size:.9rem}}