@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";.ob-root{display:flex;flex-direction:column;min-height:100%;background:var(--bg);color:var(--ink);padding:var(--s5) var(--s4) var(--s5);gap:var(--s5)}.ob-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2);width:100%;margin:0 auto;max-width:26rem}.ob-progress-seg{height:6px;background:var(--line-soft);border-radius:var(--r-full);transform-origin:left center;transition:background var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out)}.ob-progress-seg.is-on:nth-child(1){background:var(--band-1)}.ob-progress-seg.is-on:nth-child(2){background:var(--band-2)}.ob-progress-seg.is-on:nth-child(3){background:var(--band-3)}.ob-progress-seg.is-on:nth-child(4){background:var(--band-4)}.ob-progress-seg.is-on:nth-child(5){background:var(--band-5)}.ob-progress-seg.is-on{transform:scaleY(1.4)}.ob-form{display:flex;flex-direction:column;flex:1;gap:var(--s5);width:100%;max-width:26rem;margin-inline:auto}.ob-step{display:flex;flex-direction:column;gap:var(--s4);margin:auto 0;padding:var(--s2) 0}.ob-eyebrow{margin:0;font-size:var(--step--1);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.ob-question{margin:0;font-size:var(--step-3);line-height:1.1;font-weight:700;letter-spacing:-.01em;color:var(--ink);max-width:20ch}.ob-helper{margin:0;font-size:var(--step--1);color:var(--ink-faint);max-width:34em}.ob-body{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s4)}.ob-fields{display:flex;flex-direction:column;gap:var(--s5)}.ob-field{display:flex;flex-direction:column;gap:var(--s2);border:0;padding:0;margin:0;min-width:0}.ob-fieldset{border:0;padding:0;margin:0}.ob-label{font-size:var(--step--1);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.ob-field-help{margin:0;font-size:var(--step--1);color:var(--ink-faint);min-height:1.2em}.ob-input{appearance:none;width:100%;background:var(--bg-raised);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);font:inherit;font-size:var(--step-1);min-height:56px;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.ob-input::placeholder{color:var(--ink-faint)}.ob-input:hover{border-color:var(--ink-faint)}.ob-input:focus{outline:none;border-color:var(--hot);background:var(--bg-sunk);box-shadow:0 0 0 1px var(--hot)}.ob-input[aria-invalid=true]{border-color:var(--rot)}.ob-input-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;max-width:10rem}.ob-input-other{margin-top:var(--s3)}.ob-chip-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ob-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.ob-chips-stack{flex-direction:column;gap:var(--s2)}.ob-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--s3) var(--s4);min-height:48px;border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-dim);border-radius:var(--r-full);font-size:var(--step-0);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.ob-chip:hover{border-color:var(--ink-faint);color:var(--ink)}.ob-chip:active{transform:scale(.98)}.ob-chip.is-on{background:var(--hot);border-color:var(--hot-press);color:var(--hot-ink)}.ob-chip.is-on:hover{color:var(--hot-ink)}.ob-chip-wide{justify-content:flex-start;border-radius:var(--r-md);text-align:left;padding:var(--s4) var(--s5);min-height:56px}.ob-chip:has(.ob-chip-input:focus-visible),.ob-goal:has(.ob-chip-input:focus-visible){outline:2px solid var(--hot);outline-offset:2px}.ob-goals{display:flex;flex-direction:column;gap:var(--s3)}.ob-goal{position:relative;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s5);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;min-height:88px;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.ob-goal:hover{border-color:var(--ink-faint)}.ob-goal:active{transform:scale(.99)}.ob-goal.is-on{background:var(--bg-sunk);border-color:var(--hot)}.ob-goal-title{font-size:var(--step-1);font-weight:700;color:var(--ink)}.ob-goal.is-on .ob-goal-title{color:var(--hot)}.ob-goal-sub{font-size:var(--step--1);color:var(--ink-faint);line-height:1.4}.ob-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s4);width:100%}.ob-controls-spacer{width:var(--s2)}.ob-back,.ob-next{appearance:none;font:inherit;font-weight:700;font-size:var(--step-0);border-radius:var(--r-md);min-height:52px;padding:var(--s3) var(--s5);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.ob-back{background:transparent;border:1px solid var(--line);color:var(--ink-dim)}.ob-back:hover{color:var(--ink);border-color:var(--ink-faint)}.ob-next{background:var(--hot);border:1px solid var(--hot-press);color:var(--hot-ink);flex:1}.ob-next:hover:not(:disabled){background:var(--hot-press)}.ob-next:active:not(:disabled){transform:scale(.98)}.ob-next:disabled{background:var(--line);border-color:var(--line);color:var(--ink-faint);cursor:not-allowed}@media(max-width:480px){.ob-root{padding:var(--s4) var(--s4) var(--s5);gap:var(--s4)}.ob-question{font-size:var(--step-2)}}.signin{display:grid;place-items:center;min-height:100%;padding:var(--s5)}.signin-inner{display:flex;flex-direction:column;width:100%;max-width:26rem}.signin-eyebrow{margin:0 0 var(--s2);color:var(--hot);font-size:var(--step--1);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.signin h1{margin:0 0 var(--s3);font-size:var(--step-3);line-height:1.15;font-weight:700;letter-spacing:-.02em}.signin-help{margin:0 0 var(--s6);color:var(--ink-faint);font-size:var(--step--1)}.signin-label{margin-bottom:var(--s2);color:var(--ink-dim);font-size:var(--step--1);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.signin input{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-raised);color:var(--ink);font:inherit;font-size:var(--step-1);transition:border-color var(--t-fast) var(--ease-out)}.signin input::placeholder{color:var(--ink-faint)}.signin input:focus{border-color:var(--hot);outline:none}.signin-error{margin:var(--s3) 0 0;color:var(--rot);font-size:var(--step--1)}.signin-go{display:flex;align-items:center;justify-content:center;gap:var(--s2);margin-top:var(--s5);padding:var(--s4);border:0;border-radius:var(--r-md);background:var(--hot);color:var(--hot-ink);font:inherit;font-size:var(--step-0);font-weight:700;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.signin-go:hover:not(:disabled){background:var(--hot-press)}.signin-go:active:not(:disabled){transform:scale(.98)}.signin-go:disabled{background:var(--bg-raised);color:var(--ink-faint);cursor:not-allowed}.signin-again{margin-top:var(--s5);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:transparent;color:var(--ink-dim);font:inherit;font-size:var(--step--1);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.signin-again:hover{color:var(--ink)}.chat{height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}.chat__meter{flex:none;padding:var(--s4) var(--s5) var(--s3);border-bottom:1px solid var(--line-soft);background:var(--bg-sunk)}.chat__meter-top{display:flex;align-items:baseline;justify-content:space-between}.chat__meter-label{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.chat__meter-time{font-size:var(--step-2);font-variant-numeric:tabular-nums}.chat__meter-track{margin-top:var(--s2);height:var(--s2);border-radius:var(--r-full);background:var(--line);overflow:hidden}.chat__meter-fill{width:100%;height:100%;border-radius:var(--r-full)}.chat__meter-foot{margin-top:var(--s2);font-size:var(--step--1);text-align:right;color:var(--ink-faint);font-variant-numeric:tabular-nums}.chat__scroll{flex:1;overflow-y:auto;padding:var(--s5) var(--s5) var(--s6)}.chat__empty{margin:var(--s6) 0;text-align:center;font-size:var(--step--1);color:var(--ink-faint)}.chat__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.c-msg{display:flex}.c-msg--user{justify-content:flex-end}.c-msg--ai{justify-content:flex-start}.c-bubble__zh{font-family:var(--font-cn);font-size:var(--step-1);line-height:1.5;font-weight:500}.c-bubble{border:none;background:none;padding:0;margin:0;font:inherit;text-align:left}.c-bubble--ai{max-width:min(82%,34rem);background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:var(--r-lg);border-bottom-left-radius:var(--r-sm);padding:var(--s4) var(--s5);color:var(--ink);cursor:pointer;transition:border-color var(--t-base) var(--ease-out)}.c-bubble--ai:hover{border-color:var(--line)}.c-bubble__hint{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.c-bubble__chev{transition:transform var(--t-base) var(--ease-out)}.c-bubble--is-open .c-bubble__chev{transform:rotate(180deg)}.c-bubble__gloss{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-base) var(--ease-out)}.c-bubble__gloss-inner{overflow:hidden;min-height:0}.c-bubble--is-open .c-bubble__gloss{grid-template-rows:1fr;margin-top:var(--s2)}.c-bubble--is-open .c-bubble__gloss-inner{padding-top:var(--s2);border-top:1px solid var(--line-soft);font-size:var(--step-0);line-height:1.5}.c-bubble--user{max-width:min(80%,30rem);background:var(--hot);color:var(--hot-ink);border-radius:var(--r-lg);border-bottom-right-radius:var(--r-sm);padding:var(--s4) var(--s5)}.c-msg--rejected .c-bubble--user{background:var(--bg-raised);color:var(--ink-dim);border:1px dashed var(--line)}.c-bubble__reject{display:block;margin-top:var(--s2);font-size:var(--step--1);color:var(--ink-faint)}.c-think{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--step--1);color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:var(--r-full);padding:var(--s2) var(--s4)}.c-think__spin{animation:c-think-spin var(--t-slow) linear infinite}@keyframes c-think-spin{to{transform:rotate(360deg)}}.chat__dock{flex:none;border-top:1px solid var(--line-soft);background:var(--bg-raised);padding:var(--s3) var(--s5) var(--s4)}.chat__status{min-height:1.5em;font-size:var(--step--1);margin-bottom:var(--s2)}.chat__status--warn{color:var(--rot);font-weight:500}.chat__status--out{color:var(--ink-dim)}.chat__status--ok{color:var(--ink-faint);font-variant-numeric:tabular-nums}.chat__row{display:flex;align-items:center;gap:var(--s3)}.chat__mic{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--s2);min-width:7.5rem;padding:var(--s4) var(--s4);border:none;border-radius:var(--r-full);background:var(--hot);color:var(--hot-ink);font-family:var(--font-ui);font-size:var(--step-0);font-weight:700;cursor:pointer;transition:background var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.chat__mic:hover{background:var(--hot-press)}.chat__mic:active{transform:scale(.97)}.chat__mic:disabled{background:var(--bg-sunk);color:var(--ink-faint);cursor:wait}.chat__mic.c-mic--live{background:var(--hot-press);box-shadow:0 0 0 4px color-mix(in oklch,var(--hot) 35%,transparent)}.chat__mic.c-mic--speaking{background:var(--bg-sunk);color:var(--good)}.chat__field{position:relative;flex:1;display:flex;align-items:center}.chat__field input{width:100%;padding:var(--s3) var(--s7) var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg-sunk);color:var(--ink);font-family:var(--font-cn);font-size:var(--step-0);transition:border-color var(--t-base) var(--ease-out)}.chat__field input::placeholder{color:var(--ink-faint)}.chat__field input:focus{border-color:var(--hot)}.chat__field input:disabled{color:var(--ink-faint);cursor:not-allowed}.chat__send{position:absolute;right:var(--s1);display:grid;place-items:center;padding:var(--s2) var(--s4);margin:0;border:none;border-radius:var(--r-full);background:var(--hot);color:var(--hot-ink);cursor:pointer;transition:background var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.chat__send:hover{background:var(--hot-press)}.chat__send:active{transform:scale(.94)}.chat__send:disabled{background:var(--bg-sunk);color:var(--ink-faint);cursor:default}.stats{display:flex;flex-direction:column;gap:var(--s7);padding:var(--s6) var(--s5) var(--s7);max-width:720px;margin:0 auto;color:var(--ink)}.headline{display:flex;flex-direction:column;gap:var(--s3);padding-top:var(--s4)}.overline{margin:0;font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.headline-num{font-size:clamp(5.5rem,18vw,11rem);line-height:.9;letter-spacing:-.04em;color:var(--band-6);font-weight:700;text-shadow:0 0 24px color-mix(in oklch,var(--band-6) 35%,transparent)}.headline-rule{margin:0;max-width:32ch;color:var(--ink-dim);font-size:var(--step-0);line-height:1.45}.facts{display:grid;grid-template-columns:1fr;gap:var(--s5)}@media(min-width:720px){.facts{grid-template-columns:1fr 1fr 1fr;gap:var(--s4)}}.fact{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) 0;border-top:1px solid var(--line-soft);position:relative}.fact-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.fact-label{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.fact-icon{display:inline-flex;color:var(--band-6);line-height:0}.fact-value{font-size:var(--step-3);line-height:1.05;letter-spacing:-.02em;color:var(--ink);font-weight:500}.fact-of{color:var(--ink-faint);font-size:var(--step-1);font-weight:400;margin-left:.15em}.fact-sub{margin:0;color:var(--ink-dim);font-size:var(--step-0);line-height:1.45}.fact-sub .cn{color:var(--ink)}.drift{display:inline-flex;align-items:center;gap:.2em;font-size:var(--step--1);padding:2px 8px;border-radius:var(--r-full);font-weight:500}.drift-up{color:var(--band-5);background:color-mix(in oklch,var(--band-5) 14%,transparent)}.drift-down{color:var(--rot);background:color-mix(in oklch,var(--rot) 14%,transparent)}.experience-value{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1)}.experience-level{font-size:var(--step-0);color:var(--ink-dim);font-weight:400;letter-spacing:.01em}.streak-value{display:inline-flex;align-items:baseline;gap:.2em}.streak-unit{color:var(--ink-faint);font-size:var(--step-1);font-weight:400}.bar-track{display:block;position:relative;height:6px;background:var(--bg-sunk);border-radius:var(--r-full);overflow:hidden;margin-top:var(--s2)}.fill{display:block;position:absolute;inset:0;height:100%;border-radius:inherit}.sect-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.sect-head h2{margin:0;font-size:var(--step-1);font-weight:500;letter-spacing:.01em;color:var(--ink)}.sect-meta{color:var(--ink-faint);font-size:var(--step--1)}.clear-filter{background:transparent;border:1px solid var(--line);color:var(--ink-dim);border-radius:var(--r-full);padding:4px 10px;font:inherit;font-size:var(--step--1);cursor:pointer}.clear-filter:hover{color:var(--ink);border-color:var(--ink-faint)}.bands{display:flex;flex-direction:column}.bandstrip{display:flex;height:14px;background:var(--bg-sunk);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--s4)}.band-strip-seg{display:block;height:100%;border:none;padding:0;cursor:pointer;position:relative;transition:filter var(--t-fast) var(--ease-out)}.band-strip-seg.on{outline:2px solid var(--ink);outline-offset:2px;z-index:1}.band-strip-seg:hover{filter:brightness(1.15)}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3)}.legend-item{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:var(--s3);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--s2) var(--s3);cursor:pointer;text-align:left;color:var(--ink-dim);font:inherit;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.legend-item:hover{background:var(--bg-raised);color:var(--ink)}.legend-item.selected{background:var(--bg-raised);border-color:var(--line);color:var(--ink)}.swatch{display:block;width:12px;height:12px;border-radius:3px}.legend-text{display:flex;flex-direction:column;gap:2px;min-width:0}.legend-name{font-size:var(--step-0);color:inherit}.legend-range{font-size:var(--step--1);color:var(--ink-faint)}.legend-count{font-size:var(--step-1);color:var(--ink);font-weight:500;line-height:1}.senses{display:flex;flex-direction:column}.sense-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s5)}.word-row{display:flex;flex-direction:column;gap:var(--s3);padding-bottom:var(--s5);border-bottom:1px solid var(--line-soft)}.word-row:last-child{border-bottom:none}.word-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.hanzi{font-family:var(--font-cn);font-size:var(--step-4);line-height:1;color:var(--ink);font-weight:500;letter-spacing:-.01em}.word-meta{font-size:var(--step--1);color:var(--ink-faint)}.stack{display:flex;height:8px;background:var(--bg-sunk);border-radius:var(--r-full);overflow:hidden}.stack-seg{display:block;height:100%}.sense-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.sense-item{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:var(--s3);color:var(--ink-dim);font-size:var(--step-0)}.dot{display:block;width:8px;height:8px;border-radius:50%}.gloss{color:var(--ink)}.sense-band{font-size:var(--step--1);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.sense-strength{color:var(--ink-dim);font-size:var(--step-0);min-width:2ch;text-align:right}.empty{margin:0;padding:var(--s5) 0;color:var(--ink-faint);font-size:var(--step-1);text-align:center}.quiet-foot{margin:0;text-align:center;color:var(--ink-faint);font-size:var(--step--1);letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.stats *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.share-card{aspect-ratio:1 / 1;width:100%;max-width:640px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto auto auto;gap:var(--s5);padding:var(--s6) var(--s6) var(--s5);background:var(--bg);color:var(--ink);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:0 0 0 1px color-mix(in oklch,var(--line) 50%,transparent),0 30px 80px -40px color-mix(in oklch,var(--band-6) 35%,transparent),inset 0 1px color-mix(in oklch,var(--ink) 6%,transparent);position:relative;overflow:hidden;font-family:var(--font-ui)}.share-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,color-mix(in oklch,var(--band-6) 18%,transparent) 0%,transparent 55%);pointer-events:none;z-index:0}.share-card>*{position:relative;z-index:1}.card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:var(--step-0);color:var(--ink-dim)}.card-name{font-size:var(--step-1);color:var(--ink);font-weight:500;letter-spacing:-.01em}.card-tier{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s4);flex:1 1 auto}.hero-num{display:flex;align-items:baseline;gap:var(--s3);line-height:.85}.hero-hanzi{font-family:var(--font-cn);font-size:clamp(7rem,26vw,18rem);font-weight:700;letter-spacing:-.04em;color:var(--band-6);line-height:.85;text-shadow:0 0 36px color-mix(in oklch,var(--band-6) 45%,transparent)}.hero-line{width:100%;display:flex}.hero-rule{display:block;height:2px;width:64px;background:var(--band-6);border-radius:var(--r-full);opacity:.7}.level{display:flex;flex-direction:column;gap:var(--s1)}.level-eyebrow{margin:0;font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.level-name{margin:0;font-family:var(--font-cn);font-size:var(--step-3);line-height:1;color:var(--ink);font-weight:700;letter-spacing:-.02em}.level-can{margin:0;font-size:var(--step-1);color:var(--ink-dim);line-height:1.3}.numbers{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line-soft)}.row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);font-size:var(--step-1)}.row-label{font-size:var(--step-0);color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase}.row-value{font-size:var(--step-2);color:var(--ink);font-weight:500;display:inline-flex;align-items:baseline;gap:.4em}.row-streak .row-value{color:var(--band-6)}.streak-value{align-items:center}.flame{color:var(--band-6);margin-right:.15em;filter:drop-shadow(0 0 6px color-mix(in oklch,var(--band-6) 50%,transparent))}.streak-unit{color:var(--ink-faint);font-size:var(--step-0);font-weight:400}.card-foot{display:flex;align-items:center;justify-content:center;padding-top:var(--s3);border-top:1px solid var(--line-soft)}.watermark{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}@media(prefers-reduced-motion:reduce){.share-card,.share-card *{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg: oklch(16% .012 60);--bg-raised: oklch(21% .014 60);--bg-sunk: oklch(12% .01 60);--line: oklch(30% .014 60);--line-soft: oklch(25% .012 60);--ink: oklch(95% .008 80);--ink-dim: oklch(72% .012 70);--ink-faint: oklch(52% .012 65);--hot: oklch(76% .166 62);--hot-press: oklch(68% .16 58);--hot-ink: oklch(18% .03 60);--band-1: oklch(48% .014 250);--band-2: oklch(56% .048 210);--band-3: oklch(64% .082 165);--band-4: oklch(72% .106 120);--band-5: oklch(78% .15 78);--band-6: oklch(84% .17 62);--rot: oklch(62% .15 25);--good: var(--band-5);--font-ui: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-cn: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.625rem;--step-3: 2.25rem;--step-4: 3.25rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2.25rem;--s7: 3.5rem;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-full: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .14s;--t-base: .22s;--t-slow: .38s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased}:lang(zh),.cn{font-family:var(--font-cn)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--hot);outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;height:100%;max-width:34rem;margin:0 auto;position:relative}.boot{display:grid;place-items:center;height:100%;color:var(--ink-faint);letter-spacing:.02em}.model-gate{position:absolute;inset-inline:0;top:0;bottom:10.5rem;display:grid;place-items:center;padding:var(--s4);pointer-events:none;background:linear-gradient(to bottom,color-mix(in oklch,var(--bg) 55%,transparent),color-mix(in oklch,var(--bg) 88%,transparent));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.model-gate>*{pointer-events:auto}.model-gate p{margin:0;padding:var(--s3) var(--s5);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-full);color:var(--ink-dim);font-size:var(--step--1);font-variant-numeric:tabular-nums}button.primary{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s4) var(--s6);border:0;border-radius:var(--r-lg);background:var(--hot);color:var(--hot-ink);font:inherit;font-weight:700;font-size:var(--step-1);cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}button.primary:hover{background:var(--hot-press)}button.primary:active{transform:scale(.97)}button.primary small{font-weight:400;font-size:var(--step--1);opacity:.75}.error{margin:0 var(--s4) var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:color-mix(in oklch,var(--rot) 14%,var(--bg-raised));border:1px solid color-mix(in oklch,var(--rot) 35%,transparent);color:var(--ink);font-size:var(--step--1)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);padding:var(--s2) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--bg)}.tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s2);border:0;border-radius:var(--r-md);background:transparent;color:var(--ink-faint);font:inherit;font-size:var(--step--1);cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.tabs button.on{color:var(--hot)}.tabs button:hover{color:var(--ink-dim)}.tabs button.on:hover{color:var(--hot)}.share-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:var(--s5);background:color-mix(in oklch,var(--bg-sunk) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;animation:overlay-in var(--t-base) var(--ease-out) both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.share-close{position:absolute;top:var(--s5);right:var(--s5);display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg-raised);color:var(--ink-dim);cursor:pointer;transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.share-close:hover{color:var(--ink)}.share-close:active{transform:scale(.94)}