:root{--bg:#e8f2ec;--bg-deep:#073428;--bg-mid:#0f4d3a;--ink:#10241c;--ink-soft:#456457;--line:#0734281f;--sun:#efc355;--river:#24838c;--mist:#d3ebe0;--leaf:#187456;--paper:#ffffffc7;--shadow:0 20px 60px #07342824;--radius:24px;--font-display:"Ubuntu", system-ui, sans-serif;--font-body:"Ubuntu", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 45% at 8% -8%, #24838c33, transparent 55%), radial-gradient(ellipse 55% 35% at 100% 0%, #efc3552e, transparent 48%), linear-gradient(180deg, #f3faf6 0%, var(--bg) 42%, #dceee4 100%);min-width:320px;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-header{z-index:40;background:#fff;border-bottom:1px solid #0734281a;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0;box-shadow:0 8px 24px #07342814}body.nav-open{overflow:hidden}.brand{z-index:42;align-items:center;gap:.8rem;min-width:0;display:flex}.menu-toggle{z-index:42;width:2.75rem;height:2.75rem;color:var(--bg-deep);cursor:pointer;background:#f7fbf8;border:1px solid #07342824;border-radius:.85rem;flex:none;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle-bars{gap:5px;width:1.15rem;display:grid}.menu-toggle-bars i{height:2px;transition:transform .28s var(--ease-out), opacity .2s ease;transform-origin:50%;background:currentColor;border-radius:999px;display:block}.site-header.menu-open .menu-toggle-bars i:first-child{transform:translateY(7px)rotate(45deg)}.site-header.menu-open .menu-toggle-bars i:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle-bars i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{display:none}.brand-mark{background:radial-gradient(circle at 30% 28%, #8fd6c4, transparent 42%), linear-gradient(145deg, var(--bg-mid), var(--bg-deep));border-radius:.8rem;width:2.25rem;height:2.25rem;animation:4s ease-in-out infinite markGlow;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.brand-text em{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-style:normal}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.nav-cluster{background:#0734280b;border:1px solid #07342814;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.28rem;display:inline-flex}.nav-account-slot{border-left:1.5px solid #07342829;align-items:center;min-height:2.4rem;margin-left:.15rem;padding-left:.85rem;display:inline-flex}.nav-pill{cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), filter .25s ease;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}.nav-pill-label{align-items:baseline;gap:.35rem;display:inline-flex}.nav-pill-label strong{font-weight:600}.nav-pill-label em{font-style:normal;display:none}.nav-pill svg:last-child{transition:transform .28s var(--ease-out)}.mobile-nav-top,.mobile-nav-foot{display:none}.mobile-nav-links{display:contents}.nav-pill:hover{filter:brightness(1.05);transform:translateY(-1px)}.nav-pill-clases{color:#f4fff8;background:linear-gradient(135deg,#0f4d3a,#1f7a58);box-shadow:0 8px 22px #0f4d3a47}.nav-pill-dict{color:#f4fbff;background:linear-gradient(135deg,#1f5f8a,#2f8fad);box-shadow:0 8px 22px #1f5f8a47}.nav-pill-text{color:#fff8ea;background:linear-gradient(135deg,#8a5a12,#c48a2a);box-shadow:0 8px 22px #8a5a1247}.nav-pill.active,.nav-dropdown.active .nav-pill-clases,.nav-dropdown.open .nav-pill-clases{outline-offset:2px;outline:2px solid #ffffff59}.nav-dropdown{position:relative}.nav-dropdown.open .nav-pill-clases svg:last-child{transform:rotate(180deg)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-menu{border:1px solid var(--line);width:min(340px,100vw - 2rem);box-shadow:var(--shadow);transform-origin:100% 0;animation:menuIn .28s var(--ease-out);z-index:50;background:#fff;border-radius:20px;gap:.55rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.nav-menu[hidden]{display:none}.nav-level-group{background:#f7fbf8;border:1px solid #0f4d3a24;border-radius:16px;overflow:hidden}.nav-level-head{color:#f4fff8;text-align:left;cursor:pointer;background:linear-gradient(135deg,#0f4d3a,#1a6a52);border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.85rem .95rem;display:flex}.nav-level-head strong{font-family:var(--font-display);font-size:1.05rem;display:block}.nav-level-head em{color:#f4fff8c7;margin-top:.15rem;font-size:.78rem;font-style:normal;line-height:1.3;display:block}.nav-level-meta{flex:none;align-items:center;gap:.45rem;display:flex}.nav-level-all{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#ffffff24;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.75rem;font-weight:700}.nav-level-chevron{transition:transform .2s var(--ease-out);opacity:.85;place-items:center;display:grid}.nav-level-group.is-open .nav-level-chevron{transform:rotate(180deg)}.nav-level-head:hover .nav-level-all{background:#ffffff3d}.nav-level-classes{gap:.15rem;padding:.35rem;display:grid}.nav-level-classes[hidden]{display:none}.nav-level-overview .nav-class-title{color:var(--leaf);font-weight:700}.nav-level-group.coming-soon .nav-level-head.locked{background:linear-gradient(135deg,#3d5a4e,#5a7a6a)}.nav-level-all.soon{text-transform:none;letter-spacing:.02em;background:#ffffff1a;font-weight:600}.nav-level-empty{color:#0f4d3a9e;margin:0;padding:.75rem .85rem .9rem;font-size:.88rem;line-height:1.4}.soon-pill{letter-spacing:.03em;color:var(--leaf);background:#0f4d3a1a;border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.levels-roadmap-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.levels-roadmap-list li{background:#f7fbf8;border:1px solid #0f4d3a1f;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.levels-roadmap-list li.open{background:linear-gradient(135deg,#f4fbf7,#eaf6ef);border-color:#0f4d3a38}.levels-roadmap-list li.locked{opacity:.88}.levels-roadmap-list strong{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;display:block}.levels-roadmap-list span{color:var(--leaf);margin-top:.15rem;font-size:.9rem;display:block}.levels-roadmap-list p{color:#142820b8;margin:.45rem 0 0;font-size:.88rem;line-height:1.45}.levels-roadmap-list a{color:var(--leaf);white-space:nowrap;flex:none;font-weight:700}.profile-cut{background:linear-gradient(90deg,#0000,#0f4d3a47 12% 88%,#0000);border:0;height:1px;margin:.35rem 0 .15rem;position:relative}.profile-cut:before{content:"";background:var(--leaf);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #f7fbf8}.level-accordions{gap:.75rem;display:grid}.level-accordion{background:#f7fbf8;border:1px solid #0f4d3a24;border-radius:18px;overflow:hidden}.level-accordion.available{background:linear-gradient(160deg,#f3faf6,#e8f4ee);border-color:#0f4d3a38}.level-accordion.locked{background:#fbfcfc}.level-accordion-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.level-accordion-copy strong{font-family:var(--font-display);color:var(--ink);font-size:1.2rem;display:block}.level-accordion-copy em{color:var(--leaf);margin-top:.2rem;font-size:.9rem;font-style:normal;display:block}.level-accordion-meta{flex:none;align-items:center;gap:.65rem;display:flex}.level-accordion-count{color:var(--leaf);background:#0f4d3a1a;border-radius:999px;padding:.3rem .55rem;font-size:.82rem;font-weight:700}.level-accordion-chevron{border-right:2px solid var(--leaf);border-bottom:2px solid var(--leaf);width:.55rem;height:.55rem;transition:transform .2s var(--ease-out);opacity:.75;transform:rotate(45deg)}.level-accordion.is-open .level-accordion-chevron{margin-top:.25rem;transform:rotate(225deg)}.level-accordion-panel{border-top:1px solid #0f4d3a1a;padding:0 1.1rem 1.1rem}.level-accordion-panel[hidden]{display:none}.level-accordion-desc{color:#142820b8;margin:.85rem 0 .9rem;font-size:.9rem;line-height:1.45}.level-accordion-empty{color:#0f4d3a9e;margin:0;padding:.35rem 0 .15rem;font-size:.9rem}.level-accordion .progress-list{margin:0}.nav-class-item{opacity:0;animation:riseSoft .35s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.7rem .75rem;display:grid;transform:translateY(8px)}.nav-class-item:hover{background:#0f4d3a14}.nav-class-num{font-family:var(--font-display);color:var(--leaf);min-width:1.6rem;font-size:1.05rem;font-weight:700}.nav-class-title{color:var(--ink);font-size:.9rem;font-weight:600;line-height:1.35}.dict-app{width:min(980px,100% - 2rem);margin:0 auto;padding:1.4rem 0 4rem}.dict-hero{color:#f4fbff;animation:rise .5s var(--ease-out) both;background:radial-gradient(circle at 90% 12%,#8fd6f040,#0000 30%),linear-gradient(145deg,#123a52,#1f5f8a 55%,#2f8fad);border-radius:28px;margin-bottom:1rem;padding:1.5rem 1.4rem}.dict-hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.3rem)}.dict-hero .lede{color:#f4fbffdb;max-width:36rem}.dict-stats{color:#f4fbffbf;margin:.8rem 0 0;font-size:.86rem}.dict-toolbar{gap:.8rem;margin-bottom:.9rem;display:grid}.dict-search input{width:100%;color:var(--ink);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #1f5f8a38;border-radius:18px;padding:.95rem 1.1rem;font-size:1rem}.dict-search input:focus{outline-offset:2px;outline:2px solid #2f8fad73}.dict-modes{flex-wrap:wrap;gap:.45rem;display:flex}.dict-modes button,.dict-letters button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fffc;border-radius:999px;padding:.45rem .8rem;font-size:.84rem;font-weight:600}.dict-modes button.active,.dict-letters button.active{color:#fff;background:#1f5f8a;border-color:#1f5f8a}.dict-letters{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.dict-results{gap:.7rem;display:grid}.dict-entry{animation:riseSoft .35s var(--ease-out) both;background:#ffffffdb;border:1px solid #1f5f8a1f;border-radius:18px;padding:1rem 1.05rem}.dict-entry-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.dict-entry p{color:var(--ink-soft);margin:0;line-height:1.5}.dict-badge{letter-spacing:.04em;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.dict-badge.es-gn{color:#1f5f8a;background:#1f5f8a1f}.dict-badge.gn-es{color:#0f4d3a;background:#0f4d3a1f}.dict-empty{text-align:center;color:var(--ink-soft);border:1px dashed var(--line);background:#ffffffb3;border-radius:18px;padding:1.4rem}.dict-source{color:var(--ink-soft);margin-top:1.2rem;font-size:.78rem}.primary-btn,.secondary-btn,.ghost-btn,.answer-btn{cursor:pointer;transition:transform .25s var(--ease-out), background .25s ease, box-shadow .25s ease;border:0;border-radius:999px;padding:.85rem 1.35rem}.primary-btn{background:var(--sun);color:#1d2a16;font-weight:600;box-shadow:0 12px 32px #efc3554d}.secondary-btn{color:#f4fff8;background:#ffffff14;border:1px solid #ffffff38}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.answer-btn:hover,.class-link:hover,.pager-link:hover,.start-link:hover{transform:translateY(-3px)}.home-hero{color:#f4fff8;background:radial-gradient(70% 60% at 75% 55%,#efc3552e,#0000 60%),linear-gradient(145deg,#031912 0%,#0a3d30 48%,#145a45 100%);align-items:end;min-height:min(62vh,520px);display:grid;position:relative;overflow:hidden}.home-hero-media{z-index:0;pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0}.home-hero-img{object-fit:contain;object-position:right bottom;width:auto;max-width:72%;height:92%;animation:hero-rise 1.1s var(--ease-out) both;margin-right:2%;display:block}@keyframes hero-rise{0%{opacity:0;transform:translateY(3%)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.home-hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#031912e0 0%,#0319128c 34%,#0319121f 62%,#03191247 100%),linear-gradient(#03191259 0%,#0000 28%,#03191273 100%);position:absolute;inset:0}.home-hero-inner{z-index:2;width:min(1120px,100% - 2.4rem);max-width:36rem;animation:rise .8s var(--ease-out) both;margin:0 auto 0 max(1.2rem,50% + min(1120px,100% - 2.4rem)/-2);padding:clamp(3.2rem,8vh,4.5rem) 0 clamp(2.2rem,5vh,3.2rem);position:relative}.home-hero-brand{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg,#fff 12%,#efc355 48%,#b8f0d8 82%,#fff 100%) 0 0/220%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.8rem,11vw,7rem);line-height:.92;animation:8s linear infinite shimmer}.home-hero-line{color:#f4fff8e6;max-width:32rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,2.3vw,1.25rem);line-height:1.55}.home-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.home-direct{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.6rem 0 3.5rem}.how-strip{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:-2.2rem 0 1.8rem;display:grid;position:relative}.how-strip article{border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;animation:riseSoft .5s var(--ease-out) forwards;animation-delay:calc(.1s + var(--i,0) * 60ms);background:#fff;border-radius:18px;gap:.25rem;padding:1rem .95rem;display:grid}.how-strip span{font-family:var(--font-display);color:var(--leaf);font-weight:700}.how-strip strong{font-size:.95rem}.how-strip p{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.4}.home-classes{animation:riseSoft .55s var(--ease-out) both;animation-delay:.12s}.home-classes-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:1rem;display:flex}.home-classes-head h2{margin:0;font-size:clamp(1.7rem,3vw,2.3rem)}.level-cut{box-shadow:var(--shadow);background:#ffffff8c;border:1px solid #0f4d3a29;border-radius:28px;overflow:hidden}.level-cut-head{color:#f4fff8;background:linear-gradient(135deg,#0f4d3a,#1a6a52);border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1.1rem 1.25rem;display:flex}.level-cut-label{letter-spacing:.12em;text-transform:uppercase;color:#efc355f2;margin:0 0 .2rem;font-size:.74rem;font-weight:700}.level-cut-head h3{margin:0;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700}.level-cut-link{color:#fff;transition:background .25s ease, transform .25s var(--ease-out);background:#ffffff24;border-radius:999px;align-items:center;padding:.55rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}.level-cut-link:hover{background:#ffffff38;transform:translateY(-1px)}.level-cut .class-index{margin:0;padding:1rem}.start-link{background:var(--sun);color:#1d2a16;transition:transform .25s var(--ease-out);border-radius:999px;align-items:center;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 10px 28px #efc35547}.start-link.on-dark{margin-top:1.2rem}.text-link{color:var(--river);font-weight:600}.nivel-hero{padding:1.5rem 0 .5rem}.nivel-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.nivel-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.breadcrumb{color:#f4fff8b8;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.84rem;display:flex}.breadcrumb a{color:var(--sun)}.breadcrumb a:hover{text-decoration:underline}.resource-page{width:min(980px,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem}.resource-hero{color:#f4fff8;animation:rise .5s var(--ease-out) both;border-radius:28px;margin-bottom:1.2rem;padding:1.6rem 1.5rem}.resource-hero.dict{background:radial-gradient(circle at 90% 10%,#efc35540,#0000 30%),linear-gradient(145deg,#04261e,#0f4d3a 60%,#187456)}.resource-hero.text{background:radial-gradient(circle at 12% 20%,#8fd6c447,#0000 32%),linear-gradient(145deg,#0a2f3a,#14523e 55%,#1f6b52)}.resource-hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem)}.resource-hero .lede{color:#f4fff8d6;max-width:38rem}.resource-back{color:var(--sun);margin-top:1rem;font-weight:600;display:inline-block}.resource-list-page{gap:1rem;display:grid}.download-card{border:1px solid var(--line);box-shadow:var(--shadow);animation:riseSoft .45s var(--ease-out) both;background:#ffffffd6;border-radius:22px;gap:1rem;padding:1.25rem;display:grid}.download-card-body{grid-template-columns:auto 1fr;align-items:start;gap:.95rem;display:grid}.download-icon{width:2.8rem;height:2.8rem;font-family:var(--font-display);color:var(--river);background:#24838c1f;border-radius:14px;place-items:center;font-weight:700;display:grid}.download-card.text .download-icon{color:#8a6a12;background:#efc35533}.download-card h2{margin:0;font-size:1.25rem}.download-card p{color:var(--ink-soft);margin:.4rem 0 0;line-height:1.5}.download-meta{word-break:break-word;color:var(--leaf)!important;font-size:.8rem!important}.download-actions{flex-wrap:wrap;gap:.6rem;display:flex}.download-btn{transition:transform .25s var(--ease-out), background .25s ease;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.download-btn.primary{background:var(--bg-deep);color:#f4fff8}.download-btn.ghost{border:1px solid var(--line);color:var(--bg-deep);background:#0734280f}.download-btn:hover{transform:translateY(-2px)}.class-body,.page-header{width:min(1100px,100% - 2rem);margin-inline:auto}.class-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.class-index.immediate{margin-top:0}.class-link{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;animation:riseSoft .6s var(--ease-out) forwards;animation-delay:calc(80ms + var(--i,0) * 80ms);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s ease;gap:.45rem;padding:1.45rem 1.35rem 1.25rem;display:grid;transform:translateY(18px)}.class-link:hover{border-color:#24838c59;box-shadow:0 26px 60px #07342829}.class-link-top{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.class-number{font-family:var(--font-display);color:var(--leaf);font-size:2.5rem;line-height:1}.class-date{color:var(--ink-soft);font-size:.75rem}.class-link h3{margin:.2rem 0 0;font-size:1.45rem}.class-subtitle{color:var(--bg-deep);margin:0;font-weight:600}.class-summary{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.45rem 0 0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.class-cta{color:var(--river);transition:transform .25s var(--ease-out);margin-top:.55rem;font-size:.9rem;font-weight:600}.class-link:hover .class-cta{transform:translate(4px)}.theme-row{flex-wrap:wrap;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.theme-row li{color:var(--river);background:#24838c1f;border-radius:999px;padding:.28rem .65rem;font-size:.76rem;font-weight:600}.theme-row.on-dark li{color:#dff7ea;background:#ffffff1f}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--river);margin:0 0 .55rem;font-size:.76rem;font-weight:600}.eyebrow.light{color:#efc355e6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}.lede,.prose p{color:var(--ink-soft);line-height:1.7}.guarani{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.class-hero{color:#f4fff8;background:radial-gradient(circle at 88% 18%,#efc35538,#0000 28%),linear-gradient(135deg,#04261e,#0f4d3a 55%,#187456);padding:3.8rem clamp(1rem,4vw,2.5rem) 3.2rem}.class-hero-inner{width:min(980px,100%);animation:rise .7s var(--ease-out) both;margin:0 auto}.class-progress{gap:.45rem;margin-bottom:1.2rem;display:flex}.progress-dot{background:#fff3;border-radius:999px;width:2.2rem;height:.45rem;transition:background .25s,transform .25s}.progress-dot.done{background:#b8f0d8b3}.progress-dot.current{background:var(--sun);transform:scaleY(1.35)}.class-kicker{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--sun);margin-bottom:.4rem;font-size:.86rem;display:block}.class-hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.6rem)}.class-hero .lede{color:#f4fff8d6;max-width:44rem}.class-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:1.5rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:2.2rem 0 1rem;display:grid}.class-toc{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;max-height:calc(100vh - 6.5rem);padding:1rem;position:sticky;top:5.2rem;overflow:auto}.toc-label{letter-spacing:.12em;text-transform:uppercase;color:var(--river);margin:0 0 .7rem;font-size:.72rem;font-weight:600}.class-toc ol{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.class-toc a{color:var(--ink-soft);border-radius:12px;grid-template-columns:auto 1fr;gap:.55rem;padding:.55rem .5rem;font-size:.82rem;line-height:1.35;transition:background .2s,color .2s;display:grid}.class-toc a span{font-family:var(--font-display);color:var(--leaf)}.class-toc a:hover,.class-toc a.active{color:var(--bg-deep);background:#24838c1a}.toc-quiz-btn{color:var(--bg-deep);transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-out);background:linear-gradient(#ffffffeb,#d3ebe0bf);border:1px solid #18745638;border-radius:16px;gap:.12rem;margin-top:.95rem;padding:.85rem .9rem;text-decoration:none;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb3}.toc-quiz-btn:before{content:"";background:linear-gradient(90deg,#0000,#0f4d3a47,#0000);height:1px;position:absolute;top:-.55rem;left:.9rem;right:.9rem}.toc-quiz-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--river);font-size:.68rem;font-weight:700}.toc-quiz-btn strong{font-family:var(--font-display);color:var(--bg-deep);font-size:.98rem;font-weight:700;line-height:1.2}.toc-quiz-btn em{color:var(--ink-soft);font-size:.78rem;font-style:normal;line-height:1.3}.toc-quiz-btn:hover,.toc-quiz-btn.active{color:var(--bg-deep);background:linear-gradient(#fff,#24838c1f);border-color:#24838c73;transform:translateY(-1px)}.toc-quiz-btn:hover strong,.toc-quiz-btn.active strong{color:var(--leaf)}.quiz-anchor{scroll-margin-top:5.5rem}.class-body{gap:1.2rem;width:100%;padding:0 0 2rem;display:grid}.section-anchor{scroll-margin-top:5.5rem}.section-block{border-radius:var(--radius);border:1px solid var(--line);animation:riseSoft .55s var(--ease-out) both;background:#ffffffb8;padding:1.55rem 1.35rem}.section-heading h2{margin:0;font-size:clamp(1.4rem,2.8vw,1.85rem)}.section-heading .lede{margin-top:.55rem}.subheading{letter-spacing:.08em;text-transform:uppercase;color:var(--river);margin:1.15rem 0 .65rem;font-size:.82rem;font-weight:600}.prose p{margin:.55rem 0}.feature-list{color:var(--ink-soft);gap:.55rem;margin:0;padding-left:1.1rem;line-height:1.55;display:grid}.alphabet-grid{flex-wrap:wrap;gap:.45rem;display:flex}.alpha-chip{text-align:center;border:1px solid var(--line);min-width:2.55rem;font-family:var(--font-display);opacity:0;animation:popIn .35s var(--ease-out) forwards;background:#0734280f;border-radius:14px;padding:.55rem .65rem;font-weight:700}.alpha-chip.vowel{background:#efc3552e;border-color:#efc35559}.rules-grid,.vocab-grid,.color-grid,.pairs-grid{gap:.8rem;display:grid}.rules-grid,.vocab-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.vocab-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rule-item,.example-row,.time-node,.color-item{background:#e8f2ecbf;border:1px solid #07342814;border-radius:18px;padding:1rem}.rule-item h3{margin:0 0 .4rem;font-size:1.1rem}.rule-item p,.example-row span,.example-row em,.time-node span,.color-item span{color:var(--ink-soft);line-height:1.5}.vocab-tile{appearance:none;cursor:pointer;text-align:left;width:100%;min-height:6.2rem;transition:transform .2s var(--ease-out), background .2s ease, border-color .2s ease, box-shadow .2s ease;background:#fffffff2;border:1px solid #0734281a;border-radius:18px;align-content:center;gap:.3rem;padding:1rem .95rem;display:grid}.vocab-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0734281a}.vocab-tile:focus-visible{outline:2px solid var(--river);outline-offset:2px}.vocab-tile.revealed{color:#f4fff8;background:linear-gradient(145deg,#0f4d3a,#187456);border-color:#0000}.vocab-tile.revealed em{color:#f4fff8cc}.vocab-tile em{color:var(--ink-soft);font-size:.8rem;font-style:normal}.vocab-tile.highlight{background:#efc35524;border-color:#efc35559}.vocab-tile.highlight.revealed{background:linear-gradient(145deg,#0f4d3a,#187456)}.example-stack{gap:.65rem;display:grid}.example-row{gap:.2rem;display:grid}.color-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.color-item{text-align:center;transition:transform .25s var(--ease-out)}.color-item:hover{transform:translateY(-4px)scale(1.02)}.swatch{border:2px solid #12241c29;border-radius:50%;width:4rem;height:4rem;margin:0 auto .7rem;box-shadow:inset -8px -10px 18px #0000001f,inset 6px 6px 12px #ffffff59}.pronoun-layout{gap:1.3rem;display:grid}.pairs-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.times-track{gap:.7rem;display:grid}.time-node{transition:transform .25s var(--ease-out);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.85rem;display:grid}.time-node:hover{transform:translate(4px)}.time-index{font-family:var(--font-display);color:var(--leaf);grid-row:1/span 2;font-size:1.35rem}.audio-block{background:linear-gradient(120deg,#24838c1f,#efc3551f);border:1px solid #24838c2e;border-radius:16px;gap:.55rem;margin:0 0 1rem;padding:.9rem 1rem;display:grid}.audio-label{color:var(--bg-deep);align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;display:flex}.audio-dot{background:var(--river);border-radius:50%;width:.55rem;height:.55rem;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 6px #24838c26}.audio-block audio{width:100%}.exercise-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.ghost-btn{color:var(--bg-deep);border:1px solid var(--line);background:#0734280f}.exercise-progress{color:var(--ink-soft);font-size:.86rem}.exercise-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.exercise-list li{background:#e8f2ecd9;border:1px solid #07342814;border-radius:16px;gap:.55rem;padding:.95rem;display:grid}.exercise-prompt{align-items:flex-start;gap:.7rem;font-weight:500;display:flex}.exercise-num{background:var(--bg-deep);color:#f4fff8;border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-size:.75rem;display:grid}.answer-btn{border:1px solid var(--line);color:var(--ink-soft);background:#fff;justify-self:start}.answer-btn.open{color:var(--ink);background:#efc3552e;border-color:#efc35566}.answer-btn em{color:var(--ink-soft);font-style:normal}.class-pager{grid-template-columns:1fr 1fr;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto 4rem;display:grid}.pager-link{border:1px solid var(--line);transition:transform .25s var(--ease-out), box-shadow .25s ease;background:#ffffffc7;border-radius:18px;gap:.2rem;padding:1.15rem 1.2rem;display:grid}.pager-link span{letter-spacing:.08em;text-transform:uppercase;color:var(--river);font-size:.74rem}.pager-link em{color:var(--ink-soft);font-size:.88rem;font-style:normal}.pager-link.next{text-align:right}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);background:#fff;padding:2rem clamp(1rem,4vw,2.5rem) 2.4rem;font-size:.9rem}.scroll-top-btn{right:max(1rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom));z-index:35;color:#f4fff8;cursor:pointer;width:2.75rem;height:2.75rem;transition:transform .2s var(--ease-out), filter .2s ease;background:linear-gradient(145deg,#0f4d3a,#187456);border:1px solid #0f4d3a29;border-radius:999px;place-items:center;display:grid;position:fixed;box-shadow:0 10px 24px #07342838}.scroll-top-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.scroll-top-btn:focus-visible{outline-offset:3px;outline:2px solid #efc355d9}.footer-inner{width:min(1100px,100%);margin:0 auto}.footer-social{text-align:center;justify-items:center;gap:.75rem;display:grid}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.footer-credits{text-align:left;background:#07342809;border:1px solid #07342814;border-radius:18px;flex:0 28rem;width:min(100%,28rem);margin:0;padding:.95rem 1.1rem 1rem;box-shadow:0 8px 22px #0734280a}.footer-credits-label{letter-spacing:.14em;text-transform:uppercase;color:#456457b8;margin:0 0 .65rem;font-size:.68rem;font-weight:700}.footer-credits-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .9rem;margin:0;padding:0;list-style:none;display:grid}.footer-credits-list li{color:#2d4a3eeb;align-items:center;gap:.5rem;min-width:0;font-size:.84rem;font-weight:500;line-height:1.3;display:flex}.footer-credits-list li span:last-child{overflow-wrap:anywhere}.footer-teacher-icon{width:1.45rem;height:1.45rem;color:var(--leaf);background:#1874561a;border:1px solid #18745624;border-radius:999px;flex:none;place-items:center;display:grid}.footer-meta{text-align:center;align-content:center;justify-items:center;gap:.55rem;margin-left:auto;display:grid}.footer-love{font-family:var(--font-display);color:var(--bg-deep);margin:0;font-size:1.1rem}.footer-heart{color:#c23b4a;margin-left:.15rem}.footer-repo{color:var(--river);text-underline-offset:3px;font-weight:600;text-decoration:underline}.footer-repo:hover{color:var(--bg-deep)}.footer-icons{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.15rem;display:flex}.footer-icons a{width:2.3rem;height:2.3rem;color:var(--bg-deep);border:1px solid var(--line);transition:transform .25s var(--ease-out), background .25s ease, color .25s ease;background:#0734280f;border-radius:999px;place-items:center;display:grid}.footer-icons a:hover{background:var(--bg-deep);color:#f4fff8;transform:translateY(-2px)}@media (width<=820px){.footer-row{flex-direction:column;align-items:center}.footer-credits{width:min(100%,28rem)}.footer-meta{margin-left:0}}@media (width<=520px){.footer-credits-list{grid-template-columns:1fr}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes riseSoft{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes floaty{0%,to{transform:translate(0,0)}50%{transform:translate(12px,-18px)}}@keyframes shimmer{to{background-position:220%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes markGlow{0%,to{box-shadow:inset 0 0 0 1px #ffffff2e,0 0 #8fd6c433}50%{box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 8px #8fd6c414}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #24838c1f}50%{box-shadow:0 0 0 10px #24838c14}}@media (width<=980px){.class-layout{grid-template-columns:1fr}.class-toc{max-height:none;position:static}.class-toc ol{-webkit-overflow-scrolling:touch;gap:.35rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.class-toc a{min-width:10rem}.home-hero-inner{max-width:none;margin-left:auto;margin-right:auto}.home-hero{min-height:min(52vh,440px)}.home-hero-img{object-position:center bottom;max-width:90%;height:88%;margin-right:0}.how-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-1.2rem}.class-index{grid-template-columns:1fr}}@media (width<=820px){.menu-toggle{display:inline-flex}.site-header.menu-open{box-shadow:none;border-bottom-color:#0000}.nav-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#03191285;border:0;margin:0;padding:0;animation:.22s both fadeIn;display:block;position:fixed;inset:0}.nav-backdrop[hidden]{display:none}.site-nav{z-index:41;width:min(22.5rem,92vw);height:100dvh;transition:transform .32s var(--ease-out);background:radial-gradient(80% 40% at 100% 0,#efc35529,#0000 55%),linear-gradient(#f7fbf8 0%,#eef6f1 100%);border-left:1px solid #0734281a;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:0;margin:0;padding:0;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(105%);box-shadow:-24px 0 48px #07342838}.site-nav[data-open]{transform:translate(0)}.mobile-nav-top,.mobile-nav-foot{display:block}.mobile-nav-top{padding:calc(4.75rem + env(safe-area-inset-top,0px)) 1.2rem .85rem}.mobile-nav-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--leaf);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.mobile-nav-title{font-family:var(--font-display);color:var(--ink);font-size:1.45rem;line-height:1.2;display:block}.mobile-nav-links{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.55rem;padding:.35rem 1rem 1rem;display:flex;overflow-y:auto}.mobile-nav-foot{padding:1rem 1.2rem calc(1.15rem + env(safe-area-inset-bottom,0px));background:#ffffffb8;border-top:1px solid #0734281a;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.mobile-nav-foot p{color:var(--ink-soft);margin:0;font-size:.82rem}.mobile-nav-foot span{color:#c45b5b}.mobile-nav-foot a{color:var(--leaf);font-size:.8rem;font-weight:700}.site-nav .nav-cluster{border-radius:22px;flex-direction:column;align-items:stretch;gap:.55rem;width:100%;padding:.55rem;display:flex}.site-nav .nav-account-slot{border-top:1.5px solid #07342824;border-left:0;width:100%;min-height:0;margin:.65rem 0 0;padding:.75rem 0 0}.site-nav .nav-pill-account{width:100%;margin-top:0;margin-left:0;padding-top:.85rem}.site-nav .nav-pill-account:before{display:none}.site-nav .nav-pill>svg:first-child{flex:none;width:1.35rem;height:1.35rem}.site-nav .nav-pill-label{text-align:left;flex:1;gap:.1rem;min-width:0;display:grid}.site-nav .nav-pill-label strong{font-size:1rem;font-weight:700;line-height:1.15}.site-nav .nav-pill-label em{opacity:.82;font-size:.75rem;font-weight:500;line-height:1.2;display:block}.site-nav .nav-dropdown{width:100%;display:block}.site-nav .nav-dropdown .nav-pill{width:100%}.site-nav .nav-menu{width:100%;box-shadow:none;background:#ffffffe6;border-radius:16px;margin-top:.45rem;padding:.35rem;animation:none;position:static}.site-nav .nav-level-head{padding:.75rem .85rem}.site-nav .nav-class-item{opacity:1;padding:.72rem .7rem;animation:none;transform:none}.home-hero{min-height:min(48vh,380px)}.home-hero-brand{font-size:clamp(2.6rem,14vw,4.2rem)}.home-hero-line{max-width:18rem;font-size:.98rem}.home-hero-img{opacity:.95;max-width:100%;height:78%}.home-hero-scrim{background:linear-gradient(90deg,#031912e6 0%,#0319128c 48%,#03191238 100%),linear-gradient(#03191233 0%,#0000 35%,#03191280 100%)}.home-hero-inner{width:min(1120px,100% - 1.5rem);margin-left:auto;margin-right:auto;padding:2.4rem 0 2rem}.home-direct{width:min(1180px,100% - 1.25rem);padding-bottom:2.5rem}.how-strip{gap:.55rem;margin-top:-1rem}.how-strip article{padding:.85rem .8rem}.level-cut-head{padding:1rem}.level-cut .class-index{padding:.7rem}.home-classes-head{flex-direction:column;align-items:flex-start}.class-pager{grid-template-columns:1fr}.pager-link.next{text-align:left}.vocab-grid,.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.vocab-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-tile{min-height:5.4rem;padding:.85rem .75rem}.dict-app,.resource-page{width:min(980px,100% - 1.25rem);padding-top:1rem}.dict-hero,.resource-hero{border-radius:22px;padding:1.15rem 1rem}.dict-modes button,.dict-letters button{min-height:2.4rem}.footer-social{text-align:center;gap:.85rem}.footer-icons{justify-content:center}.primary-btn{min-height:2.85rem}}@media (width<=520px){.brand-text em{display:none}.brand-mark{width:2rem;height:2rem}.how-strip{grid-template-columns:1fr;margin-top:.75rem}.home-hero{min-height:min(42vh,320px)}.home-hero-img{max-width:85%;height:70%;margin-left:auto}.vocab-grid,.rules-grid,.vocab-grid.compact,.color-grid,.pairs-grid{grid-template-columns:1fr 1fr}.class-toc a{min-width:8.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width>=900px){.pronoun-layout{grid-template-columns:1fr 1.2fr}.times-track{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flip-face.back{position:static;transform:none}}.nav-pill-progress{color:#fff8ea;background:linear-gradient(135deg,#6b3d1f,#a8642a);box-shadow:0 8px 22px #6b3d1f40}.account-page{width:min(720px,100% - 2rem);margin:0 auto;padding:1.4rem 0 3.5rem}.account-form{border:1px solid var(--line);background:#ffffffe0;border-radius:22px;gap:.85rem;margin-top:1rem;padding:1.2rem;display:grid}.account-form label{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.account-form input{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.8rem .95rem}.account-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.account-switch{color:var(--ink-soft);margin-top:1rem}.account-switch button{color:var(--leaf);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.progress-summary{margin:1rem 0 1.2rem}.progress-bar{background:#0734281a;border-radius:999px;height:.7rem;margin-bottom:.7rem;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#0f4d3a,#efc355);height:100%;display:block}.progress-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.progress-list li{border:1px solid var(--line);background:#ffffffe0;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.progress-list li.done{background:#18745614;border-color:#18745659}.progress-list strong{display:block}.progress-list span{color:var(--ink-soft);font-size:.85rem}.progress-list .muted{color:var(--ink-soft)}.quiz-block{margin-top:1.2rem}.quiz-meta{color:var(--ink-soft);margin:0 0 1rem}.quiz-passed{color:var(--leaf);font-weight:700}.quiz-error{color:#a33b3b;font-weight:600}.quiz-form{gap:1rem;display:grid}.quiz-question{border:1px solid var(--line);background:#ffffffe6;border-radius:16px;margin:0;padding:1rem}.quiz-question legend{padding:0 .25rem;font-weight:700}.quiz-options{gap:.45rem;margin-top:.7rem;display:grid}.quiz-option{cursor:pointer;border-radius:12px;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;display:flex}.quiz-option:hover{background:#0f4d3a0f}.quiz-locked,.class-complete{border:1px solid var(--line);background:#ffffffe0;border-radius:18px;gap:.7rem;margin-top:1rem;padding:1rem;display:grid}.nav-pill-account{color:#f4fff8;background:linear-gradient(135deg,#244038,#3a5f52);box-shadow:0 8px 22px #24403840}.nav-pill-account.has-avatar{padding-left:.45rem}.nav-avatar{object-fit:cover;border:1.5px solid #ffffff8c;border-radius:999px;flex:none;width:1.55rem;height:1.55rem}.profile-photo-card{border:1px solid var(--line);background:#ffffffe6;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:1rem 0 1.2rem;padding:1.1rem;display:grid}.profile-photo-preview{color:#fff;background:linear-gradient(145deg,#0f4d3a,#187456);border-radius:999px;flex:none;place-items:center;width:5.5rem;height:5.5rem;font-size:2rem;display:grid;overflow:hidden}.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.profile-photo-actions .lede{margin:0 0 .7rem}@media (width<=520px){.profile-photo-card{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-photo-actions .account-actions{justify-content:center}}.profile-photo-fallback{opacity:.9;background:radial-gradient(circle at 50% 35%,#fff 0 28%,#0000 29%),radial-gradient(circle at 50% 105%,#fff 0 42%,#0000 43%);border-radius:999px;width:2.2rem;height:2.2rem}.account-shell{width:min(1100px,100% - 1.5rem);margin:0 auto;padding:1.2rem 0 3.5rem}.account-shell.login-view{place-items:center;min-height:70vh;display:grid}.account-login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#efc3552e,#0000 42%),linear-gradient(160deg,#fff,#f3faf6);border-radius:28px;padding:1.6rem 1.4rem}.account-login-card h1{margin:.2rem 0 .4rem;font-size:clamp(2rem,5vw,2.6rem)}.profile-hero{color:#f4fff8;box-shadow:var(--shadow);background:radial-gradient(50% 80% at 90% 20%,#efc35547,#0000 55%),linear-gradient(145deg,#031912 0%,#0a3d30 48%,#145a45 100%);border-radius:32px;margin-bottom:1rem;padding:1.4rem;position:relative;overflow:hidden}.profile-hero-glow{pointer-events:none;background:radial-gradient(circle,#b8f0d82e,#0000 70%);width:55%;height:80%;position:absolute;inset:auto -10% -40% auto}.profile-hero-main{z-index:1;grid-template-columns:1.4fr .8fr;align-items:center;gap:1.2rem;display:grid;position:relative}.profile-identity{grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;display:grid}.profile-avatar-wrap{justify-items:center;display:grid}.profile-avatar{background:linear-gradient(145deg,#0f4d3a,#187456);border:3px solid #efc3558c;border-radius:999px;place-items:center;width:7.2rem;height:7.2rem;display:grid;overflow:hidden;box-shadow:0 16px 40px #00000040}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-copy h1{margin:0 0 .3rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05}.profile-name-edit{gap:.55rem;max-width:22rem;margin-bottom:.35rem;display:grid}.profile-name-input{color:#f4fff8;width:100%;font-family:var(--font-display);background:#00000038;border:1px solid #ffffff47;border-radius:12px;padding:.65rem .8rem;font-size:1.35rem;font-weight:700}.profile-name-input:focus{outline-offset:1px;outline:2px solid #efc355a6}.profile-name-actions{flex-wrap:wrap;gap:.65rem;display:flex}.profile-email,.profile-meta{color:#f4fff8c7;margin:.12rem 0;line-height:1.45}.profile-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.85rem;display:flex}.profile-text-action{color:#f4fff8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .8rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.profile-text-action:hover:not(:disabled){color:#fff;background:#ffffff2e;border-color:#ffffff47}.profile-text-action.solid{color:#1d2a16;background:#efc355;border-color:#efc3558c}.profile-text-action.solid:hover:not(:disabled){color:#1d2a16;background:#ffd978}.profile-actions .profile-text-action.profile-logout{color:#fff;background:#e11d48;border-color:#fb7185;box-shadow:0 6px 16px #e11d4847}.profile-actions .profile-text-action.profile-logout:hover:not(:disabled){color:#fff;background:#be123c;border-color:#fda4af}.profile-text-action:disabled{opacity:.55;cursor:wait}.profile-flash{z-index:1;margin:.85rem 0 0;font-size:.88rem;font-weight:600;position:relative}.profile-flash.ok{color:#b8f0d8}.profile-flash.error{color:#ffb4a8}.profile-ring-card{text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;justify-self:end;justify-items:center;gap:.7rem;min-width:11rem;padding:1rem;display:grid}.profile-ring{--pct:0;background:radial-gradient(circle at center, #031912eb 58%, transparent 59%), conic-gradient(#efc355 calc(var(--pct) * 1%), #ffffff26 0);border-radius:999px;place-content:center;width:7.5rem;height:7.5rem;display:grid}.profile-ring strong{font-size:1.55rem;line-height:1}.profile-ring span{color:#f4fff8b3;font-size:.72rem}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.profile-metrics article{border:1px solid var(--line);background:#ffffffe6;border-radius:20px;gap:.15rem;padding:1rem .95rem;display:grid}.profile-metrics span{color:var(--ink-soft);font-size:.78rem;font-weight:600}.profile-metrics strong{color:var(--bg-deep);font-size:1.7rem;line-height:1.1}.profile-metrics em{color:var(--ink-soft);font-size:.78rem;font-style:normal}.profile-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:28px;padding:1.2rem}.profile-panel-head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.9rem;display:flex}.profile-panel-head h2{margin:.15rem 0 0}.progress-summary.compact{margin:0 0 1rem}.progress-list.rich .progress-item-main{align-items:center;gap:.8rem;display:flex}.progress-num{font-family:var(--font-display);color:var(--leaf);min-width:1.8rem;font-weight:700}.progress-list li.active{background:#24838c14;border-color:#24838c59}.profile-empty{color:var(--ink-soft);margin:.8rem 0 0}@media (width<=900px){.profile-hero-main{grid-template-columns:1fr}.profile-ring-card{justify-self:stretch}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.profile-identity{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-copy{width:100%}.profile-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:1rem;display:grid}.profile-actions .profile-text-action{width:100%;min-height:2.55rem;padding:.55rem .7rem}.profile-actions .profile-logout{grid-column:1/-1}.profile-name-actions{justify-content:center}.profile-name-edit{width:100%;max-width:none}.profile-panel-head{flex-direction:column}}.google-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #07342824;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:2.9rem;margin-top:1rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #07342814}.google-btn:hover{background:#f8fbf9}.google-btn:disabled{opacity:.65;cursor:wait}.login-divider{place-items:center;margin:1rem 0 .35rem;display:grid;position:relative}.login-divider:before{content:"";background:#0734281f;height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{z-index:1;color:var(--ink-soft);background:linear-gradient(160deg,#fff,#f3faf6);padding:0 .7rem;font-size:.8rem;font-weight:600;position:relative}.account-login-card .account-form{margin-top:.4rem}