@layer components{.home{--h-paper:#f6f0e4;--h-paper-deep:#ede4d3;--h-card:#fffdf8;--h-ink:#2b3a55;--h-body:#46536b;--h-muted:#75809a;--h-line:color-mix(in srgb, var(--h-ink) 10%, var(--h-paper));--h-shadow:0 1px 2px #2b3a550f, 0 10px 28px #2b3a5514;--h-shadow-up:0 2px 4px #2b3a5514, 0 18px 40px #2b3a5524;--h-art-filter:none;color:var(--h-ink);background:var(--h-paper);font-variant-numeric:tabular-nums;grid-template-columns:1fr;min-height:100vh;font-family:Huninn,Avenir Next,Nunito Sans,Noto Sans TC,system-ui,sans-serif;display:grid}:root.dark .home{--h-paper:#141a27;--h-paper-deep:#0f141f;--h-card:#1f2838;--h-ink:#ece6d8;--h-body:#c9c3b5;--h-muted:#8f97a8;--h-line:color-mix(in srgb, var(--h-ink) 12%, var(--h-paper));--h-shadow:0 1px 2px #0000004d, 0 10px 28px #00000059;--h-shadow-up:0 2px 4px #0006, 0 18px 40px #00000080;--h-art-filter:brightness(.86) saturate(.92)}.home img{filter:var(--h-art-filter)}.rail{display:none}.home-main{flex-direction:column;gap:clamp(2rem,4vw,3.5rem);min-width:0;padding:clamp(1rem,2.5vw,2.5rem) clamp(1rem,4vw,4rem) 4rem;display:flex}.home-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-topbar-tools{align-items:center;gap:.75rem;display:flex}.topbar-link{color:var(--h-body);border-radius:999px;padding:.4rem .8rem;text-decoration:none}.topbar-link:hover{background:var(--h-card)}.rail-brand{color:var(--h-ink);letter-spacing:.01em;align-items:center;gap:.6rem;font-size:1.25rem;text-decoration:none;display:inline-flex}.rail-brand img{box-shadow:var(--h-shadow);border-radius:.75rem}@media (width>=1100px){.home{grid-template-columns:15.5rem minmax(0,1fr)}.home-topbar{display:none}.rail{box-sizing:border-box;border-right:1px solid var(--h-line);background:color-mix(in srgb, var(--h-paper-deep) 55%, var(--h-paper));flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.rail-nav{flex-direction:column;gap:.15rem;display:flex}.rail-nav a,.rail-foot a{color:var(--h-body);border-radius:.6rem;padding:.45rem .75rem;font-size:.95rem;text-decoration:none;transition:background .12s,color .12s}.rail-nav a:hover,.rail-foot a:hover{background:var(--h-card);color:var(--h-ink)}.rail-foot{border-top:1px solid var(--h-line);flex-direction:column;gap:.15rem;margin-top:auto;padding-top:1rem;display:flex}.rail-locale{margin-top:.5rem}}.today-hero{background:var(--h-card);box-shadow:var(--h-shadow);isolation:isolate;border-radius:1.75rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"text art""stats art";gap:0 2rem;display:grid;position:relative;overflow:hidden}.today-hero-text{flex-direction:column;grid-area:text;gap:.75rem;padding:clamp(1.5rem,3vw,3rem) 0 0 clamp(1.5rem,3vw,3rem);display:flex}.today-hero-eyebrow{color:var(--ui-accent-strong);letter-spacing:.08em;margin:0;font-size:.85rem}.today-hero-title{text-wrap:balance;margin:0;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.15}.today-hero-lead{color:var(--h-body);max-width:40ch;margin:0;font-size:1.05rem}.today-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.today-hero-cta{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:0 8px 20px color-mix(in srgb, var(--ui-accent) 35%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:1.05rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.today-hero-cta:hover{box-shadow:0 12px 26px color-mix(in srgb, var(--ui-accent) 45%, transparent);transform:translateY(-1px)}.today-hero-ghost{color:var(--h-body);border-radius:999px;padding:.85rem 1rem;text-decoration:none}.today-hero-ghost:hover{background:var(--h-paper);color:var(--h-ink)}.today-hero-stats{grid-area:stats;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:.75rem;margin:0;padding:clamp(1rem,2vw,1.5rem) 0 clamp(1.5rem,3vw,3rem) clamp(1.5rem,3vw,3rem);list-style:none;display:grid}.stat{background:var(--h-paper);color:var(--h-ink);border-radius:1.1rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.35rem;min-height:6.5rem;padding:.9rem 1rem;text-decoration:none;transition:background .12s;display:flex}.stat:hover{background:var(--h-paper-deep)}.stat-number{align-items:baseline;gap:.25rem;font-size:1.9rem;line-height:1;display:flex}.stat-number small{color:var(--h-muted);font-size:.8rem}.stat-empty{color:var(--h-muted);font-size:.85rem;line-height:1.3}.stat-label{color:var(--h-muted);font-size:.8rem}.stat-ring{--p:0%;background:conic-gradient(var(--ui-accent) var(--p), var(--h-line) 0);border-radius:50%;place-items:center;width:3.8rem;height:3.8rem;display:inline-grid;position:relative}.stat-ring:before{content:"";background:var(--h-paper);border-radius:50%;position:absolute;inset:.35rem}.stat-ring strong,.stat-ring small{font-weight:400;line-height:1;position:relative}.stat-ring strong{font-size:1.05rem}.stat-ring small{color:var(--h-muted);font-size:.6rem}.today-hero-art{object-fit:cover;object-position:right center;grid-area:art;width:100%;height:100%;min-height:18rem;display:block}@media (width<=760px){.today-hero{grid-template-columns:1fr;grid-template-areas:"art""text""stats"}.today-hero-art{aspect-ratio:16/8;min-height:0}.today-hero-text,.today-hero-stats{padding-inline:1.25rem}.today-hero-stats{padding-bottom:1.25rem}}.band{flex-direction:column;gap:1.25rem;scroll-margin-top:1.5rem;display:flex}.band-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"art art""copy action";align-items:end;gap:.75rem 1rem;display:grid}.band-art{object-fit:cover;width:100%;height:clamp(3.5rem,7vw,5.5rem);box-shadow:var(--h-shadow);border-radius:1.25rem;grid-area:art;display:block}.band-copy{grid-area:copy;min-width:0}.band-title{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2}.band-subtitle{color:var(--h-body);margin:.25rem 0 0}.band-action{color:var(--ui-accent-strong);border:1px solid color-mix(in srgb, var(--ui-accent) 40%, transparent);white-space:nowrap;border-radius:999px;grid-area:action;padding:.5rem .9rem;text-decoration:none}.band-action:hover{background:var(--ui-accent-container)}.hm-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));gap:.75rem;display:grid}.hm-grid-wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.tile,.row-tile{background:var(--h-card);color:var(--h-ink);box-shadow:var(--h-shadow);border-radius:1.25rem;text-decoration:none;transition:transform .14s,box-shadow .14s;overflow:hidden}.tile:hover,.row-tile:hover{box-shadow:var(--h-shadow-up);transform:translateY(-3px)}.tile{grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.85rem;padding:.6rem 1rem .6rem .6rem;display:grid}.tile-art{aspect-ratio:1;object-fit:cover;background:var(--h-paper);border-radius:.85rem;width:4.25rem;display:block}.tile-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.tile-eyebrow{color:var(--ui-accent-strong);letter-spacing:.06em;font-size:.75rem}.tile-title{font-size:1rem;line-height:1.3}.tile-detail{color:var(--h-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.35;display:-webkit-box;overflow:hidden}.row-tile{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .75rem;display:grid}.row-glyph{background:var(--ui-accent-container);width:2.75rem;height:2.75rem;color:var(--ui-accent-strong);border-radius:.9rem;place-items:center;font-size:1.25rem;display:grid}.row-chevron{color:var(--h-muted);transition:transform .14s}.row-tile:hover .row-chevron{transform:translate(3px)}.home-foot{border-top:1px solid var(--h-line);flex-direction:column;gap:1.5rem;padding-top:1rem;display:flex}.guide-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.guide-label{color:var(--h-body);margin-right:.25rem}.guide-pill{color:var(--h-body);border:1px solid var(--h-line);background:var(--h-card);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;text-decoration:none}.guide-pill:hover{color:var(--h-ink);border-color:var(--h-muted)}.build-stamp{color:var(--h-muted);margin:0;font-size:.75rem}@media (prefers-reduced-motion:reduce){.home *{transition:none!important}}.today-hero-streak{color:var(--h-body);font-size:.95rem;text-decoration:none}.today-hero-streak:hover{color:var(--h-ink)}.today-lines{flex-direction:column;gap:.2rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.today-line{color:var(--h-ink);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline:-.6rem;padding:.4rem .6rem;font-size:.95rem;text-decoration:none;transition:background .12s;display:flex}.today-line:hover{background:var(--h-paper)}.today-line strong{font-weight:400}.today-line-trail{color:var(--h-body);margin-left:auto}.today-line-trail small{color:var(--h-muted)}.today-phase{background:var(--ui-accent-container);color:var(--ui-accent-strong);letter-spacing:.04em;border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.today-line-teaser{color:var(--ui-accent-strong)}.today-plan-done{color:var(--h-muted);text-decoration:line-through}.today-plan-check{color:var(--ui-success);margin-left:auto;text-decoration:none}.today-done{color:var(--ui-success-ink);margin:.5rem 0 0;font-size:.9rem}.today-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-wrap{min-width:0;display:block;position:relative}.tile-wrap>.tile{height:100%}.tile-badge{background:var(--ui-danger);color:#fff;box-shadow:var(--h-shadow);border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .5rem;font-size:.75rem;text-decoration:none;display:inline-flex;position:absolute;top:.45rem;right:.5rem}.tile-badge:hover{filter:brightness(1.1)}.journey{background:linear-gradient(120deg, color-mix(in srgb, var(--ui-accent-container) 70%, var(--h-card)), var(--h-card) 70%);box-shadow:var(--h-shadow);border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1.1rem 1.4rem;display:grid}.journey-eyebrow{letter-spacing:.06em;color:var(--ui-accent-strong);align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:flex}.journey-level{background:var(--h-card);color:var(--h-ink);border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.journey-title{margin:.2rem 0 0;font-size:1.25rem;line-height:1.25}.journey-body{color:var(--h-body);max-width:52ch;margin:.35rem 0 0;font-size:.92rem}.journey-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.journey-cta{padding:.65rem 1.2rem;font-size:.95rem}@media (width<=640px){.journey{grid-template-columns:1fr}}.beta-tag{color:#fff;letter-spacing:.12em;background:#d62828;border-radius:.5rem;padding:.15rem .7rem;font-size:1.1rem;line-height:1.4;display:inline-block;transform:rotate(-6deg);box-shadow:0 2px 6px #d6282859}.rail-brand{flex-wrap:wrap}.mission-home{flex-direction:column;gap:.5rem;max-width:46rem;margin:1.5rem auto 0;padding-inline:1rem;display:flex}.mission-head{align-items:baseline;gap:.75rem;margin-top:1rem;display:flex}.mission-head h2{margin:0;font-size:1.1rem}.mission-head p{color:var(--h-muted);margin:0;font-size:.85rem}.mission-progress{color:var(--ui-accent-strong);margin-left:auto;font-size:.85rem;font-weight:700}.mission-list{border:1px solid var(--h-rule,#0000001a);border-radius:.9rem;margin:0;padding:0;list-style:none;overflow:hidden}.mission-list li+li{border-top:1px solid var(--h-rule,#0000001a)}.mission-row{color:var(--h-ink);align-items:center;gap:.7rem;padding:.8rem .9rem;text-decoration:none;transition:background .12s;display:flex}.mission-row:hover{background:var(--h-paper)}.mission-tick{border:1.5px solid var(--h-muted);border-radius:50%;flex:none;place-items:center;width:1.15rem;height:1.15rem;font-size:.7rem;line-height:1;display:grid}.mission-row-done .mission-tick{background:var(--ui-success);border-color:var(--ui-success);color:var(--h-card,#fff)}.mission-glyph{color:var(--ui-accent-strong);flex:none}.mission-label{flex:1}.mission-row-done .mission-label{color:var(--h-muted);text-decoration:line-through}.mission-cta{background:var(--ui-accent-strong);color:var(--h-card,#fff);border-radius:999px;flex:none;padding:.15rem .7rem;font-size:.8rem;font-weight:700}.mission-done{background:var(--ui-accent-container);border-radius:.9rem;margin-top:.75rem;padding:.9rem 1rem}.mission-done strong{color:var(--ui-accent-strong);display:block}.mission-done p{color:var(--h-body);margin:.25rem 0 .5rem;font-size:.9rem}.mission-done-link{color:var(--ui-accent-strong);font-size:.9rem;font-weight:600}.mission-escape{width:100%;color:var(--h-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.9rem;align-items:center;gap:.7rem;margin-top:1.25rem;padding:.8rem .9rem;display:flex}.mission-escape:hover{background:var(--h-paper)}.mission-escape-text{flex-direction:column;flex:1;display:flex}.mission-escape-text small{color:var(--h-muted)}.mission-footnote{color:var(--h-muted);margin:.6rem .2rem 0;font-size:.82rem;line-height:1.5}.today-mock{border:1px solid var(--h-rule,#0000001a);color:var(--h-ink);border-radius:.9rem;margin-top:.9rem;padding:.85rem 1rem;text-decoration:none;display:block}.today-mock:hover{background:var(--h-paper)}.today-mock-head{color:var(--ui-accent-strong);align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.today-mock-chevron{color:var(--h-muted);margin-left:auto}.today-mock-rows{margin:.5rem 0 0;padding:0;list-style:none}.today-mock-rows li{align-items:baseline;gap:.75rem;padding:.15rem 0;font-size:.9rem;display:flex}.today-mock-label{min-width:4.5rem}.today-mock-count{color:var(--h-muted);flex:1}.today-mock-score{color:var(--ui-accent-strong)}.daily-coach{border:1px solid var(--h-rule,#0000001a);border-radius:.9rem;margin-top:.9rem;padding:.95rem 1rem}.daily-coach-head{letter-spacing:.02em;color:var(--ui-accent-strong);align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.daily-coach-moves{margin:0;padding:0;list-style:none}.daily-coach-move{align-items:flex-start;gap:.6rem;margin-top:.6rem;font-size:.92rem;line-height:1.55;display:flex}.daily-coach-move>span:first-child{color:var(--h-muted)}.daily-coach-move.is-part_up>span:first-child{color:var(--ui-success)}.daily-coach-move.is-part_down>span:first-child{color:var(--ui-danger)}.daily-coach-advice{background:var(--ui-success-surface);border-radius:.6rem;margin-top:.8rem;padding:.75rem .85rem}.daily-coach-advice strong{letter-spacing:.04em;text-transform:uppercase;color:var(--ui-success);font-size:.72rem;font-weight:700;display:block}.daily-coach-advice p{color:var(--ui-success-ink,var(--h-ink));margin:.35rem 0 0;font-size:.92rem;line-height:1.55}.daily-coach-link{color:var(--ui-success);margin-top:.45rem;font-size:.88rem;font-weight:600;display:inline-block}.suggest-list{border:1px solid var(--h-rule,#0000001a);border-radius:.9rem;margin:0;padding:0;list-style:none;overflow:hidden}.suggest-list li+li{border-top:1px solid var(--h-rule,#0000001a)}.suggest-row{color:var(--h-ink);align-items:center;gap:.7rem;padding:.75rem .9rem;text-decoration:none;display:flex}.suggest-row:hover{background:var(--h-paper)}.suggest-glyph{flex:none}.suggest-text{flex-direction:column;flex:1;display:flex}.suggest-text small{color:var(--h-muted)}.mission-toggle{font:inherit;cursor:pointer;background:0 0;border:0}.mission-toggle.is-on{color:var(--ui-accent-strong);font-weight:700}}