/* HomeFresh / HomeFirstRun / HomeLight approved board geometry, with live theme tokens. */
:root{--home-green-strong:#2f6a2b;--home-violet:#8a3fd1;--home-track:#e6dcc5;--home-bar:#f5d2b0;--home-coral:#ff6c4c;--home-ghost-edge:#d8cbb0;--home-term-bg:var(--well);--home-hero-bg:var(--card)}
html.dark{--home-green-strong:#b9e3b7;--home-violet:#c77dff;--home-track:#3a342b;--home-bar:#4a3b2a;--home-ghost-edge:#4a4033;--home-term-bg:#0f0d0b;--home-hero-bg:#221d18}
.logo-name svg{width:90px;height:22px;display:block}.logo-name{line-height:1}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#page-home>.home-head>div:first-child{min-width:0;flex:1}#page-home #profile-card{flex:0 0 278px;max-width:278px!important}#page-home #profile-note{max-width:278px!important}
html:not(.dark) .logo-name svg path{stroke:#d9650f}
html:not(.dark) .logo-mark i:nth-child(3){background:#e8781e}html:not(.dark) .logo-mark i:nth-child(4){background:#f08a3c}html:not(.dark) .logo-mark i:nth-child(5){background:var(--sub)}
#page-home.on{display:flex;flex-direction:column;gap:18px}#page-home>.home-head{margin:0;gap:18px;align-items:start}#page-home h1{font-family:Figtree,sans-serif;font-weight:900;font-size:38px;line-height:1.05;letter-spacing:-.02em}#greeting span{color:var(--accent-text)}#home-subtitle{font-size:14.5px;color:var(--sub);margin-top:8px}#profile-note{font-size:12px!important}
#seg-profile,#stats-period{border-radius:999px;padding:3px;background:var(--card);border:1px solid var(--border-soft);isolation:auto}#seg-profile::before,#stats-period::before{display:none}#seg-profile button,#stats-period button{border-radius:999px;white-space:nowrap;font-weight:700}#seg-profile button.on,#stats-period button.on{background:var(--accent);color:var(--on-accent)}
.home-hero{position:relative;display:grid;grid-template-columns:232px minmax(0,1fr);gap:52px;padding:26px 28px;border-radius:26px;background:linear-gradient(135deg,rgba(217,154,85,.09),transparent 55%),var(--home-hero-bg);border:1px solid rgba(217,154,85,.25);overflow:hidden;animation:rise .5s ease .06s both}
.hero-left{align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px}.hero-right{align-self:stretch;display:flex;flex-direction:column;gap:12px;min-width:0}.home-state{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);display:flex;align-items:center;gap:7px}.home-state i{width:7px;height:7px;background:var(--accent);border-radius:50%}.talk .home-state{color:var(--heading)}.talk .home-state i{background:var(--home-coral)}.done .home-state{color:var(--green)}.done .home-state i{background:var(--green)}
#home-headline{font-size:30px;font-weight:900;line-height:1.1;letter-spacing:-.02em;font-family:Figtree,sans-serif;color:var(--heading);margin:0}#home-instruction{font-size:14.5px;color:var(--sub);line-height:1.75}.home-hints{font-size:11.5px;margin:0}.home-hints:empty{display:none}.home-hero .keys{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.home-hero kbd{min-width:28px;height:30px;display:inline-grid;place-content:center;padding:0 7px;border-radius:8px;background:var(--raised);border:1px solid var(--border);border-bottom-width:3px;font:800 12px Figtree;color:var(--heading)}.home-hero .keys .plus{color:var(--accent-text)}
.home-chips{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border-soft);align-items:center}.home-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;max-width:100%;min-width:0}.home-chip.voice-edit{background:rgba(199,125,255,.12);color:var(--home-violet)}.home-chip.voice-edit .keys{gap:2px}.home-chip.voice-edit kbd{background:transparent;border:0;min-width:0;height:auto;padding:0;font-size:12px}.home-chip.voice-current{margin:0;background:rgba(255,179,92,.12);color:var(--accent-text);border:0;padding:4px 12px;flex-wrap:wrap}.home-chip.voice-current label{font-size:12.5px;font-weight:700;color:inherit}.home-chip.voice-current select{background:transparent;color:var(--heading);border:0;padding:0 20px 0 0;max-width:190px;width:auto;font-weight:700;min-height:24px}.home-chip.connection{background:rgba(124,196,122,.10);color:var(--home-green-strong);overflow-wrap:anywhere}.home-chip.connection>i{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.home-chips a{font-size:12.5px;color:var(--accent-text);text-decoration:underline}.home-hero .go{margin-top:auto;align-self:flex-end;flex:none}.go:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.go:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(217,154,85,1)}
.home-result{padding:12px 14px;border-radius:14px;background:rgba(124,196,122,.08);border:1px solid rgba(124,196,122,.3);color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.home-meta{font-size:13px;color:var(--sub)}.home-meta button{background:transparent;border:0;color:var(--accent-text);font:inherit;text-decoration:underline;cursor:pointer}
html:not(.dark) .go{background:linear-gradient(180deg,#f08a3c,#e8781e);color:#2e271d}html:not(.dark) .talk .go{background:linear-gradient(180deg,#ff7d5e,#f0603f)}html:not(.dark) .hero-left .mk .caret{fill:#2a2016}html:not(.dark) #mkg stop:first-child{stop-color:#e06a1a}
.home-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.home-section-head h2{margin:0;font:800 13px Figtree;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.home-section-head>span{font-size:12px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-tile{background:var(--card);border:1px solid var(--border-soft);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left;color:var(--ink);font:inherit;overflow:hidden}.home-tile>span,.home-tile>b,.home-tile>small{max-width:100%}.home-tile .tile-label{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.home-tile .tile-head{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0;white-space:nowrap}.home-tile .tile-head .tile-label{overflow:hidden;text-overflow:ellipsis}.home-tile .tile-tag{font-size:10.5px;font-weight:700;color:var(--sub);background:var(--raised);border-radius:999px;padding:1px 7px;white-space:nowrap;flex:none}.home-tile .tile-value{font-weight:900;font-size:28px;letter-spacing:-.02em;color:var(--heading);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tile .tile-value.long{font-size:22px}.home-tile .tile-unit,.home-tile .tile-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tile .tile-caption{font-size:11.5px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:16px}.home-tile button{font:inherit}.home-tile.highlight{cursor:pointer;transition:background .15s ease,box-shadow .15s ease;animation:rise .5s ease .1s both}.home-tile.highlight:hover{background:var(--raised);box-shadow:var(--shadow-lift)}.home-tile.highlight:hover .tone-accent{color:var(--heading)}.home-tile:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.home-tile .tone-accent{color:var(--accent-text)}.home-tile .tone-green{color:var(--green)}.home-tile .tone-coral{color:var(--red)}.home-tile .tone-muted{color:var(--muted)}.home-tile.saved{background:linear-gradient(160deg,rgba(124,196,122,.10),transparent 60%),var(--card);border-color:rgba(124,196,122,.22)}.home-tile.saved .tile-value{color:var(--home-green-strong)}
.home-bars{display:flex;align-items:flex-end;gap:4px;height:30px;margin:3px 0}.home-bars i{flex:1;border-radius:3px;background:var(--home-bar);min-height:6%}.home-bars i:last-child{background:linear-gradient(#ffb35c,#ff6c4c)}.home-bar{display:block;height:8px;border-radius:999px;background:var(--home-track);overflow:hidden;margin:11px 0}.home-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.home-bar.green i{background:linear-gradient(90deg,var(--green),var(--home-green-strong))}.home-bar.coral i{background:var(--home-coral)}.home-stack{height:10px;display:flex;border-radius:999px;overflow:hidden;margin:6px 0 4px}.home-legend{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.home-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px}.home-before-after{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.3;margin-top:4px}.home-before-after span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-before-after span:first-child{text-decoration:line-through;color:var(--muted)}.home-before-after span:last-child{color:var(--home-green-strong);font-weight:700}.home-chiplearn{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.home-chiplearn span{font-size:10.5px;font-weight:700;color:var(--ink);background:var(--raised);border-radius:999px;padding:2px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.home-terminal{background:var(--home-term-bg);padding:8px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:10px 'Google Sans Code',monospace;color:var(--ink);margin:4px 0}.home-terminal b{color:var(--green);margin-right:5px}.home-fan{display:flex;padding-left:3px;margin:5px 0}.home-fan i{width:22px;height:22px;border-radius:6px;color:white;display:grid;place-content:center;font-style:normal;font-weight:800;box-shadow:0 1px 3px #0003}.home-fan i:first-child{transform:rotate(-8deg)}.home-fan i:last-child{transform:rotate(8deg)}
.home-tile.ghost{border:1px dashed var(--home-ghost-edge);background:var(--well);min-height:138px}.home-tile.ghost .ghost-note{font-size:12px;color:var(--muted);line-height:1.4}.home-tile.ghost svg{width:100%;height:42px;margin:8px 0;fill:none;stroke:var(--home-ghost-edge);stroke-dasharray:4 5;stroke-width:2}
.home-started{padding:18px 22px;border-radius:20px;border:1px solid rgba(217,154,85,.22);background:linear-gradient(135deg,rgba(217,154,85,.08),transparent),var(--card)}.started-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.started-head h2{font-size:15px;font-weight:800;margin:0;font-family:Figtree}.started-head span{font-size:12px;color:var(--muted)}.started-progress{width:120px;height:6px;border-radius:999px;background:var(--home-track);overflow:hidden}.started-progress i{display:block;height:100%;background:var(--green)}.started-hide{margin-left:auto;border:0;background:none;font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline}.started-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--border-soft)}.started-row:first-of-type{margin-top:14px}.started-number{width:26px;height:26px;border:1px solid var(--border);border-radius:50%;display:grid;place-content:center;font-size:12px;font-weight:700}.started-copy b{font-size:14px}.started-copy p{font-size:12.5px;color:var(--sub);margin-top:4px;line-height:1.5}.started-row.complete .started-number{background:var(--green);color:var(--bg);border-color:var(--green)}.started-row.complete b{color:var(--muted)}.started-done{color:var(--green);font-size:12px}.started-finished{font-size:13px;line-height:1.6;padding-top:12px}.started-copy kbd{font:700 11px Figtree;background:var(--raised);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 4px;color:var(--heading)}
#page-home .recent{margin:0;border-radius:18px}#page-home .recent-head h2{font-family:Figtree;font-weight:800}#page-home .recent-row{display:flex;gap:10px;align-items:center}.recent-app{width:30px;height:30px;border-radius:9px;display:grid;place-content:center;color:white;font-weight:800;flex:none}.recent-app.empty{border:1px dashed var(--home-ghost-edge);background:none}.recent-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.recent-copy .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.recent-copy small{font-size:11px;color:var(--muted)}.recent-copy .fallback{font-style:italic;color:var(--muted)}.recent-empty{font-size:12px;line-height:1.5;color:var(--muted)}
.home-hero.paused *,.home-hero.paused *::before,.home-hero.paused *::after{animation-play-state:paused!important}.home-hero.paused .demo{animation-play-state:paused!important}
@media(max-width:1100px){.home-hero{gap:26px;padding:24px}.home-tile{padding:14px 12px}.home-tile .tile-head{gap:4px}}
@media(max-width:900px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:224px minmax(0,1fr);gap:20px;padding:20px}#home-headline{font-size:27px}.home-hero .go{padding-right:20px}.home-hero .go .lab b{font-size:16px}}
@media(max-width:700px){.home-hero{grid-template-columns:minmax(0,1fr)}.hero-left{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px}.hero-left>.mk{width:110px;height:74px}#page-home h1{font-size:32px}.home-section-head{align-items:flex-start;flex-wrap:wrap}.started-row{grid-template-columns:26px minmax(0,1fr)}.started-row>button,.started-row>.started-done{grid-column:2;justify-self:start}.home-hero .go{margin-top:8px}.home-grid{gap:10px}.home-tile .tile-tag{padding:1px 5px}}
@media(max-width:900px){#page-home>.home-head{flex-wrap:wrap}#page-home>.home-head>div:first-child{flex-basis:100%}#page-home #profile-card{align-items:flex-start!important}}
.home-clear-dialog{margin:auto;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:20px;padding:24px;max-width:440px;box-shadow:var(--shadow-lift)}.home-clear-dialog::backdrop{background:#0008}.home-clear-dialog h2{margin-bottom:12px}.home-clear-dialog p{line-height:1.5;margin-bottom:14px}.home-clear-dialog label{display:flex;gap:8px;align-items:center;margin-bottom:22px}.home-clear-dialog .ctl{justify-content:flex-end;gap:10px}
html:not(.dark) .btn:not(.ghost):not(.danger),html:not(.dark) #seg-profile button.on,html:not(.dark) #stats-period button.on{box-shadow:inset 0 0 0 1px var(--sel-border)}
.go{font-family:Figtree,sans-serif;font-style:normal}.go .lab b,.go .lab small{font-style:normal}
.highlight-contents{display:flex;flex-direction:column;gap:4px;min-width:0}.tile-values{display:flex;align-items:baseline;gap:6px;min-width:0}.tile-values .tile-value{flex:none;max-width:100%}.tile-values .tile-unit{min-width:0}.ring-values{align-items:center;gap:10px}.ring-values>span:first-child{flex:none}.tile-ring-copy{display:flex;flex-direction:column;min-width:0}.tile-ring-copy .tile-value{font-size:22px!important}.tile-ring-copy .tile-sub{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.home-hero *,.home-hero *::before,.home-hero *::after,.home-tile{animation:none!important;transition:none!important}.mk .ink{stroke-dashoffset:0}.mk .res{display:none}.mk .caret{opacity:1}.demo{animation:none!important;--t:3.5}.go:hover{transform:none}}