:root{--cream:#fffaf0;--paper:#fffef8;--forest:#276b5a;--forest-dark:#17483d;--leaf:#a9d18e;--leaf-light:#e5f2d9;--orange:#ef8354;--orange-light:#ffe3d5;--sun:#f7c95c;--ink:#25332f;--muted:#687670;--line:#dfe6dc;--shadow:0 22px 55px #274b3e1f}*{box-sizing:border-box}html{background:var(--cream);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 9% 7%, #f7c95c40, transparent 22rem), radial-gradient(circle at 94% 35%, #a9d18e4d, transparent 28rem), var(--cream);padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));margin:0;font-family:Avenir Next,Trebuchet MS,system-ui,sans-serif}button,input{font:inherit}button{touch-action:manipulation}.site-header{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100%);margin:0 auto 22px;padding:8px 4px;display:flex}.site-brand{color:var(--forest-dark);align-items:center;gap:12px;text-decoration:none;display:flex}.site-brand>span:last-child{gap:1px;display:grid}.site-brand strong{font-size:1.08rem}.site-brand small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.site-brand-mark{color:#fff;background:var(--forest);border-radius:15px 15px 15px 5px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 8px 18px #276b5a33}.site-nav{background:#fffef8c7;border:1px solid #276b5a1a;border-radius:999px;align-items:center;gap:5px;padding:5px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:9px 13px;font-size:.82rem;font-weight:800;text-decoration:none}.site-nav a:hover{color:var(--forest-dark);background:var(--leaf-light)}.auth-button{color:#873b20;background:var(--orange-light);cursor:pointer;border:0;border-radius:999px;min-height:36px;padding:8px 13px;font-size:.78rem;font-weight:900}.auth-button:hover{color:#632913}.auth-button:focus-visible{outline-offset:3px;outline:4px solid #f7c95c8c}.auth-loading{min-height:60vh;color:var(--forest-dark);text-align:center;place-content:center;gap:8px;padding:32px;display:grid}.auth-loading strong{font-size:clamp(1.3rem,3vw,2rem)}.auth-loading span{color:var(--muted)}.site-content{min-height:calc(100vh - 100px)}.app-shell{gap:18px;width:min(1050px,100%);margin:0 auto;display:grid}.word-garden-shell{grid-template-columns:minmax(0,1fr)}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:4px;display:flex}.brand{color:var(--forest-dark);align-items:center;gap:12px;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{background:var(--forest);color:#fff;border-radius:15px 15px 15px 5px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #276b5a33}.day-label{color:var(--muted);font-size:.9rem;font-weight:700}.card{box-shadow:var(--shadow);background:#fffef8f0;border:1px solid #276b5a14;border-radius:30px}.hero{background:var(--forest);color:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;min-height:340px;padding:clamp(26px,5vw,56px);display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;background:#ffffff12;border-radius:999px;position:absolute}.hero:before{width:260px;height:260px;top:-90px;right:-70px}.hero:after{width:150px;height:150px;bottom:-105px;left:44%}.hero-copy,.garden-visual{z-index:1;position:relative}.eyebrow{color:#efffdf;letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.83rem;font-weight:800;display:inline-flex}h1{letter-spacing:-.045em;max-width:650px;margin:16px 0 12px;font-size:clamp(2.4rem,6vw,5rem);line-height:.94}.hero p{color:#ffffffc9;max-width:590px;margin:0 0 24px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:13px 20px;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #f7c95c8c}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.button-sun{background:var(--sun);color:var(--forest-dark);box-shadow:0 12px 25px #0a2d2540}.button-forest{background:var(--forest);color:#fff}.button-soft{background:var(--leaf-light);color:var(--forest-dark)}.button-warm{background:var(--orange-light);color:#873b20}.garden-visual{place-items:center;min-height:220px;display:grid}.word-bloom{aspect-ratio:1;place-items:center;width:min(220px,48vw);display:grid;position:relative}.petal{background:var(--leaf);transform-origin:100% 100%;opacity:.9;border-radius:60% 40%;width:45%;height:45%;position:absolute}.petal:first-child{transform:translate(-44%,-44%)rotate(0)}.petal:nth-child(2){transform:translate(44%,-44%)rotate(90deg)}.petal:nth-child(3){transform:translate(44%,44%)rotate(180deg)}.petal:nth-child(4){transform:translate(-44%,44%)rotate(270deg)}.bloom-center{z-index:2;aspect-ratio:1;background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:48%;font-size:clamp(2.5rem,8vw,4.6rem);font-weight:900;display:grid;position:relative;box-shadow:0 10px 28px #17483d4d}.error-banner{color:#873b20;background:#fff0e8;border:1px solid #e7a590;border-radius:16px;padding:14px 18px;font-weight:700}.dashboard{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-card{padding:22px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:800;display:block}.stat-value{color:var(--forest-dark);margin-top:6px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1;display:block}.stat-note{color:var(--muted);margin-top:8px;font-size:.9rem;display:block}.section-card{padding:clamp(22px,4vw,38px)}.section-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px;display:flex}h2{color:var(--forest-dark);letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.section-heading p{color:var(--muted);margin:5px 0 0;line-height:1.45}.curve{grid-template-columns:repeat(10,minmax(52px,1fr));align-items:end;gap:8px;width:100%;min-width:0;max-width:100%;min-height:174px;padding:8px 0 6px;display:grid;overflow-x:auto}.curve-step{justify-items:center;gap:8px;display:grid}.curve-bar{background:var(--leaf-light);border-radius:12px 12px 5px 5px;width:100%;min-height:18px;position:relative;overflow:hidden}.curve-step.active .curve-bar{background:var(--orange-light)}.curve-step.completed .curve-bar{background:var(--leaf)}.curve-bar:after{content:"";background:var(--forest);opacity:.18;height:8px;position:absolute;inset:auto 0 0}.curve-time{color:var(--muted);text-align:center;font-size:.76rem;font-weight:800}.word-list{gap:10px;display:grid}.word-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.5fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.word-name{color:var(--forest-dark);font-size:1.08rem;font-weight:900}.word-clue{color:var(--muted);line-height:1.4}.meaning-summary{gap:6px;display:grid}.meaning-summary>span{align-items:baseline;gap:8px;display:flex}.part-badge{color:var(--forest);background:var(--leaf-light);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 7px;font-size:.68rem;font-weight:900;display:inline-flex}.word-status{background:var(--orange-light);color:#873b20;white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 10px;font-size:.78rem;font-weight:800}.empty-state{color:var(--muted);text-align:center;background:#f6f5ee;border-radius:20px;padding:24px;line-height:1.5}.add-form{grid-template-columns:.75fr 1.25fr;gap:12px;display:grid}.field{color:var(--forest-dark);gap:7px;font-size:.82rem;font-weight:800;display:grid}.field input,.field select,.example-input-row input{border:2px solid var(--line);width:100%;min-height:49px;color:var(--ink);font:inherit;background:#fff;border-radius:14px;padding:11px 13px}.field select{cursor:pointer;text-transform:capitalize}.word-field{grid-column:1/-1;max-width:360px}.meaning-editor-list{grid-column:1/-1;gap:14px;display:grid}.meaning-editor{border:1px solid var(--line);background:#fbfaf4;border-radius:18px;gap:15px;min-width:0;margin:0;padding:20px;display:grid;position:relative}.meaning-editor legend{color:var(--forest-dark);padding:0 8px;font-size:.9rem;font-weight:900}.meaning-fields{grid-template-columns:minmax(130px,.55fr) minmax(240px,1.45fr);gap:12px;display:grid}.remove-meaning{position:absolute;top:-1px;right:14px}.example-editor{gap:8px;display:grid}.optional-label{color:var(--forest-dark);font-size:.82rem;font-weight:800}.optional-label small{color:var(--muted);margin-left:4px;font-weight:600}.example-input-row{grid-template-columns:1fr auto;gap:7px;display:grid}.text-button{color:var(--forest);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:7px 4px;font-size:.82rem;font-weight:900}.text-button:hover{color:var(--forest-dark);text-decoration:underline}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:50%;align-self:center;font-size:1.25rem}.add-meaning-button,.add-form .button{grid-column:1/-1;justify-self:start}.form-message{min-height:20px;color:var(--forest);grid-column:1/-1;margin:0;font-size:.9rem;font-weight:700}.word-search-form{align-items:end;gap:10px;display:flex}.word-search-form .field{flex:1;max-width:520px}.word-search-form .button{flex:none}.search-results{gap:8px;margin-top:16px;display:grid}.search-result{border:1px solid var(--line);width:100%;color:var(--forest);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.search-result:hover,.search-result.selected{border-color:var(--leaf);background:var(--leaf-light)}.search-result>span:first-child{gap:3px;display:grid}.search-result strong{color:var(--forest-dark);font-size:1.02rem}.search-result small{color:var(--muted);text-transform:capitalize}.search-result>span:last-child{font-size:.8rem;font-weight:900}.edit-word-form{border:1px solid var(--line);background:#f8f7f0;border-radius:20px;margin-top:18px;padding:20px}.edit-form-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-form-heading strong{color:var(--forest-dark);font-size:1.08rem}.edit-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.delete-confirmation{background:#fff0e8;border:1px solid #e7a590;border-radius:16px;grid-column:1/-1;gap:12px;padding:16px;display:grid}.delete-confirmation p{color:#873b20;margin:0;font-weight:800;line-height:1.45}.delete-confirmation>div{flex-wrap:wrap;gap:8px;display:flex}.edit-message{margin-top:12px}.review-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17483dd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.review-card{text-align:center;width:min(620px,100%);max-height:calc(100vh - 40px);padding:clamp(24px,5vw,44px);overflow-y:auto}.review-progress{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;font-weight:800}.review-prompt{color:var(--muted);margin:24px 0 8px;font-weight:700}.review-word{max-width:500px;color:var(--forest-dark);letter-spacing:-.035em;margin:0 auto 26px;font-size:clamp(2.3rem,8vw,4.6rem);font-weight:900;line-height:1.05}.answer-panel{background:var(--leaf-light);text-align:left;border-radius:20px;place-items:center;min-height:108px;margin:18px 0;padding:20px;display:grid}.meaning-content{width:100%}.meaning-label{color:var(--forest);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:900;display:block}.meaning-text{color:var(--forest-dark);margin:0;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:800;line-height:1.4}.revealed-meanings{gap:14px;display:grid}.revealed-meaning{background:#ffffff85;border-radius:15px;gap:7px;padding:16px;display:grid}.revealed-meaning+.revealed-meaning{border-top:1px solid #276b5a24}.revealed-meaning .part-badge{justify-self:start}.example-heading{color:var(--forest);margin:20px 0 8px;font-size:.88rem;font-weight:900}.revealed-meaning .example-heading{margin-top:9px}.example-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.example-item{color:var(--ink);background:#ffffffad;border-radius:12px;padding:10px 12px 10px 34px;line-height:1.45;position:relative}.example-item:before{content:"✦";color:var(--orange);position:absolute;top:10px;left:12px}.answer-hint{color:var(--muted)}.review-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.close-button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;min-width:44px;min-height:44px;font-size:1.3rem;position:absolute;top:18px;right:18px}.session-finish .finish-icon{font-size:4rem}.session-finish p{color:var(--muted);line-height:1.5}.hub-shell{gap:24px;width:min(1120px,100%);margin:0 auto;display:grid}.hub-hero{color:#fff;background:linear-gradient(135deg,#143f35,#276b5a 58%,#4c927c);border-radius:38px;flex-direction:column;justify-content:flex-end;min-height:350px;padding:clamp(28px,6vw,70px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #17483d38}.hub-hero:after{content:"G";color:#ffffff0f;font-size:clamp(12rem,31vw,25rem);font-weight:900;line-height:1;position:absolute;top:50%;right:clamp(20px,8vw,100px);transform:translateY(-54%)}.hub-kicker{z-index:1;color:#dff5c8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;font-size:.82rem;font-weight:900;position:relative}.hub-hero h1{z-index:1;max-width:720px;margin:0 0 15px;position:relative}.hub-hero p{z-index:1;color:#ffffffc2;max-width:680px;margin:0;font-size:1.08rem;line-height:1.6;position:relative}.gadget-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gadget-tile{min-height:310px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border:1px solid #276b5a17;border-radius:28px;flex-direction:column;padding:23px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.gadget-tile:hover{transform:translateY(-4px);box-shadow:0 28px 60px #274b3e2b}.gadget-number{color:#aab5af;letter-spacing:.1em;align-self:flex-end;font:800 .72rem/1 monospace}.gadget-symbol{width:82px;height:82px;color:var(--forest-dark);background:var(--leaf-light);border-radius:25px;place-items:center;margin:28px 0 24px;font-size:2.25rem;font-weight:900;display:grid}.gadget-tile.orange .gadget-symbol{color:#8f4022;background:var(--orange-light)}.gadget-tile.blue .gadget-symbol{color:#164f6e;background:#dceef5}.gadget-copy{gap:6px;display:grid}.gadget-copy strong{color:var(--forest-dark);font-size:1.4rem}.gadget-copy small{color:var(--orange);font-weight:800}.gadget-copy>span{color:var(--muted);margin-top:7px;line-height:1.5}.gadget-arrow{color:var(--forest);font-size:1.5rem;position:absolute;bottom:20px;right:23px}.platform-note{background:#fffef8b8;border:1px solid #276b5a1a;border-radius:22px;align-items:center;gap:16px;padding:22px 26px;display:flex}.platform-dot{background:var(--leaf);width:12px;height:12px;box-shadow:0 0 0 7px var(--leaf-light);border-radius:50%;flex:none}.platform-note p{color:var(--muted);margin:4px 0 0;line-height:1.4}.clock-shell{width:min(980px,100%);margin:0 auto}.clock-stage{color:#fff;background:radial-gradient(circle at 50% 30%,#1c2631,#080b0f 72%);border-radius:38px;flex-direction:column;justify-content:center;align-items:center;min-height:min(720px,100vh - 130px);padding:30px;display:flex;box-shadow:0 28px 70px #080b0f4d}.clock-heading{color:#ffffffe0;justify-content:space-between;align-self:stretch;gap:20px;margin-bottom:24px;font-weight:800;display:flex}.clock-heading small{color:#ffffff6b;font-weight:600}.clock-face{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;width:min(340px,72vw);position:relative;box-shadow:inset 0 0 40px #ffffff06,0 25px 60px #00000057}.clock-marker{transform-origin:1px calc(min(340px,72vw)/2 - 10px);background:#ffffffb3;border-radius:4px;width:2px;height:15px;position:absolute;top:10px;left:calc(50% - 1px)}.clock-hand{transform-origin:50% 100%;background:#fff;border-radius:99px;width:4px;position:absolute;bottom:50%;left:50%}.hour-hand{height:26%;transform:translateX(-50%) rotate(var(--hour-angle))}.minute-hand{width:3px;height:36%;transform:translateX(-50%) rotate(var(--minute-angle))}.second-hand{background:var(--orange);width:1.5px;height:39%;transform:translateX(-50%) rotate(var(--second-angle))}.clock-pin{background:var(--orange);border:4px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-digital{letter-spacing:-.04em;margin-top:26px;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:300}.clock-date{color:#ffffff75;letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;font-weight:800}.clock-wake{color:#ffffffb8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;margin-top:23px;padding:10px 15px}.clock-wake:disabled{opacity:.35}.clock-loading{text-align:center;color:var(--muted);padding:80px}.math-shell{grid-template-columns:.85fr 1.15fr;gap:18px;width:min(1020px,100%);margin:0 auto;display:grid}.math-intro,.math-board{box-shadow:var(--shadow);border-radius:30px}.math-intro{color:var(--ink);background:linear-gradient(145deg,#ffd76f,#ffad79);padding:clamp(24px,4vw,42px)}.math-kicker{color:var(--forest-dark);text-transform:uppercase;letter-spacing:.04em;background:#ffffff6b;border-radius:999px;padding:8px 11px;font-size:.75rem;font-weight:900;display:inline-block}.math-intro h1{color:#26383a;margin:25px 0 12px;font-size:clamp(2.6rem,6vw,5rem)}.math-intro>p{color:#5c5b50;line-height:1.55}.rule-grid{gap:10px;margin-top:35px;display:grid}.rule-grid>div{background:#ffffff73;border-radius:18px;gap:5px;padding:15px;display:grid}.rule-grid strong{color:var(--forest-dark);text-transform:uppercase;margin-bottom:5px;font-size:.8rem}.rule-grid span{font-weight:800}.math-board{color:#f8f3df;background:linear-gradient(145deg,#155658,#0d4547);padding:clamp(24px,4vw,42px)}.math-board-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.math-board-head>div:first-child>span{color:#f8f3df8c;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.math-board h2{color:#f8f3df;margin-top:5px}.math-score{color:#ffebb1;white-space:nowrap;background:#ffffff14;border-radius:999px;padding:8px 11px;font-size:.8rem;font-weight:800}.equation-row{background:#f8f3df0f;border:1px solid #f8f3df29;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;min-height:130px;margin:28px 0 18px;padding:22px;font-size:clamp(1.7rem,5vw,2.5rem);font-weight:900;display:flex}.equation-part{align-items:center;gap:11px;display:inline-flex}.math-blank input{color:#fff;text-align:center;width:78px;height:58px;font:inherit;background:#0000001f;border:3px solid #f8f3dff0;border-radius:16px}.math-controls{flex-wrap:wrap;gap:9px;display:flex}.math-controls button{color:#f8f3df;min-height:45px;font:inherit;cursor:pointer;background:#f8f3df1a;border:1px solid #f8f3df33;border-radius:999px;padding:10px 15px;font-weight:800}.math-controls .math-primary{color:var(--forest-dark);background:var(--sun);border:0}.math-controls button:disabled{opacity:.45;cursor:default}.math-feedback{color:#f8f3dfc2;min-height:24px;line-height:1.45}.math-feedback.good{color:#cbffd1}.math-feedback.bad{color:#ffd0c6}.math-steps{gap:10px;margin-top:15px;display:grid}.math-steps article{background:#f8f3df14;border:1px solid #f8f3df24;border-radius:14px;padding:14px}.math-steps strong{color:#ffebb1;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.math-steps p{color:#f8f3dfb3;margin:6px 0 9px;line-height:1.4}.math-steps span{font-size:1.15rem;font-weight:900}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.site-header{align-items:flex-start}.site-nav{justify-content:flex-start;max-width:65%;overflow-x:auto}.site-nav a{white-space:nowrap}.gadget-grid{grid-template-columns:1fr}.gadget-tile{min-height:260px}.math-shell{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:auto}.garden-visual{display:none}.dashboard{grid-template-columns:1fr 1fr}.dashboard .stat-card:last-child{grid-column:1/-1}.word-row{grid-template-columns:1fr auto}.word-clue{grid-area:2/1/auto/-1}.word-status{grid-area:1/2}.add-form,.meaning-fields{grid-template-columns:1fr}.word-field{max-width:none}.add-form .button{width:100%}.word-search-form{flex-direction:column;align-items:stretch}.word-search-form .field,.word-search-form .button{width:100%;max-width:none}.edit-actions,.delete-confirmation>div{display:grid}}@media (max-width:460px){body{padding-left:12px;padding-right:12px}.site-header{display:grid}.site-nav{width:100%;max-width:100%}.site-brand small{display:none}.hub-hero{min-height:390px}.math-board-head{display:grid}.clock-heading small{display:none}.topbar{align-items:flex-start}.day-label{text-align:right;max-width:125px}.hero{padding:28px 22px}.dashboard{grid-template-columns:1fr}.dashboard .stat-card:last-child{grid-column:auto}.curve{gap:4px}.curve-time{font-size:.66rem}.review-actions{display:grid}.review-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}