.actions[data-v-412cce0b]{display:flex;align-items:center;gap:var(--s3);margin-left:var(--s2)}[data-v-412cce0b] .nav a.router-link-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.btn--sm[data-v-412cce0b]{padding:var(--s2) var(--s4);font-size:var(--fs-sm);min-height:40px}.mobile-nav[data-v-412cce0b]{display:none}@media(max-width:880px){.row[data-v-412cce0b]{height:64px}.brand-text[data-v-412cce0b]{font-size:var(--fs-base)}.mobile-nav[data-v-412cce0b]{display:flex;gap:var(--s2);overflow-x:auto;padding:0 clamp(20px,5vw,48px) var(--s3);scrollbar-width:none}.mobile-nav[data-v-412cce0b]::-webkit-scrollbar{display:none}.mobile-nav a[data-v-412cce0b]{flex:0 0 auto;padding:var(--s2) var(--s4);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--ink-2);background:var(--surface);border:1px solid var(--line);white-space:nowrap}.mobile-nav a.router-link-active[data-v-412cce0b]{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:600}}.auth-wrap[data-v-b04c2db2]{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,5vw,48px)}.auth-card[data-v-b04c2db2]{width:min(420px,100%);padding:clamp(28px,4vw,40px)}.brand-mark[data-v-b04c2db2]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6)}.seal[data-v-b04c2db2]{width:44px;height:44px;flex:0 0 auto}.brand-name[data-v-b04c2db2]{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-lg);color:var(--ink);letter-spacing:.1em}.brand-slogan[data-v-b04c2db2]{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.05em;margin-top:2px}.auth-title[data-v-b04c2db2]{font-size:var(--fs-xl);margin-bottom:var(--s5)}.btn--block[data-v-b04c2db2]{width:100%;justify-content:center;min-height:48px;margin-top:var(--s2)}.btn[data-v-b04c2db2]:disabled{opacity:.6;cursor:not-allowed}.err[data-v-b04c2db2]{color:var(--up);font-size:var(--fs-sm);margin:var(--s3) 0 0}.hint[data-v-b04c2db2]{margin:var(--s5) 0 0;font-size:var(--fs-sm);color:var(--ink-2);text-align:center}.hint a[data-v-b04c2db2]{color:var(--accent-strong);font-weight:600}.auth-quote[data-v-b04c2db2]{margin:var(--s5) 0 0;padding-top:var(--s4);border-top:1px solid var(--line);font-family:var(--font-serif);font-size:var(--fs-sm);color:var(--ink-3);text-align:center;line-height:1.7}.auth-wrap[data-v-fd0c5d73]{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,5vw,48px)}.auth-card[data-v-fd0c5d73]{width:min(420px,100%);padding:clamp(28px,4vw,40px)}.brand-mark[data-v-fd0c5d73]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6)}.seal[data-v-fd0c5d73]{width:44px;height:44px;flex:0 0 auto}.brand-name[data-v-fd0c5d73]{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-lg);color:var(--ink);letter-spacing:.1em}.brand-slogan[data-v-fd0c5d73]{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.05em;margin-top:2px}.auth-title[data-v-fd0c5d73]{font-size:var(--fs-xl);margin-bottom:var(--s5)}.btn--block[data-v-fd0c5d73]{width:100%;justify-content:center;min-height:48px;margin-top:var(--s2)}.btn[data-v-fd0c5d73]:disabled{opacity:.6;cursor:not-allowed}.err[data-v-fd0c5d73]{color:var(--up);font-size:var(--fs-sm);margin:var(--s3) 0 0}.hint[data-v-fd0c5d73]{margin:var(--s5) 0 0;font-size:var(--fs-sm);color:var(--ink-2);text-align:center}.hint a[data-v-fd0c5d73]{color:var(--accent-strong);font-weight:600}.auth-quote[data-v-fd0c5d73]{margin:var(--s5) 0 0;padding-top:var(--s4);border-top:1px solid var(--line);font-family:var(--font-serif);font-size:var(--fs-sm);color:var(--ink-3);text-align:center;line-height:1.7}.section-tight[data-v-fe072d63]{padding-block:clamp(40px,6vw,72px) clamp(48px,7vw,96px)}.hero h1[data-v-fe072d63]{font-family:var(--font-serif);font-size:clamp(52px,8vw,96px);letter-spacing:.14em;font-weight:900;margin-top:var(--s3)}.hero .accent[data-v-fe072d63]{color:var(--primary)}.hero .sub[data-v-fe072d63]{margin-top:var(--s4);font-size:var(--fs-xl);color:var(--ink-2);font-family:var(--font-serif);letter-spacing:.06em}.as-of[data-v-fe072d63]{font-size:var(--fs-xs);flex:0 0 auto}.note[data-v-fe072d63]{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none}.note[data-v-fe072d63]:last-child{border-bottom:0}.note .d[data-v-fe072d63]{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--ink-3);min-width:54px;display:inline-flex;align-items:center;gap:6px}.note .t[data-v-fe072d63]{color:var(--ink);transition:color var(--dur) var(--ease)}.note:hover .t[data-v-fe072d63]{color:var(--primary-strong)}.mini-ic[data-v-fe072d63]{width:16px;height:16px;color:var(--ink-3)}.m-empty[data-v-fe072d63]{margin:0;font-size:var(--fs-sm);line-height:1.8}.module.is-soon[data-v-fe072d63]{background:color-mix(in oklch,var(--surface) 70%,var(--paper))}.badge--soon[data-v-fe072d63]{background:var(--clay-soft);color:var(--clay);font-size:var(--fs-xs);vertical-align:middle;margin-left:var(--s2)}.m-foot .arrow[data-v-fe072d63]{display:inline-block;transition:transform var(--dur) var(--ease)}.m-foot a:hover .arrow[data-v-fe072d63]{transform:translate(3px)}@media(max-width:880px){.dash-head .quote[data-v-fe072d63]{text-align:left;max-width:none}}.block[data-v-247723e5]{margin-top:var(--s8)}.block-label[data-v-247723e5]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.block-label .t[data-v-247723e5]{font-family:var(--font-sans);font-weight:700;font-size:var(--fs-base);color:var(--primary)}.block-label .ln[data-v-247723e5]{flex:1;height:1px;background:var(--line)}.fs-sm[data-v-247723e5]{font-size:var(--fs-sm)}.cal-card[data-v-247723e5]{padding:var(--s5)}.cal-head[data-v-247723e5]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.cal-title[data-v-247723e5]{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:700;flex:1}.btn--sm[data-v-247723e5]{padding:var(--s2) var(--s4);font-size:var(--fs-sm);min-height:40px}.weekdays[data-v-247723e5],.grid[data-v-247723e5]{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekdays span[data-v-247723e5]{text-align:center;color:var(--ink-3);font-size:var(--fs-xs);padding:var(--s2) 0}.cell[data-v-247723e5]{position:relative;text-align:center;padding:var(--s3) 0;border-radius:var(--r-sm);font-size:var(--fs-sm);font-family:var(--font-display);color:var(--ink-3);-webkit-user-select:none;user-select:none}.cell.empty[data-v-247723e5]{background:transparent}.cell.avail[data-v-247723e5]{background:var(--primary-soft);color:var(--primary-strong);cursor:pointer;font-weight:600}.cell.avail[data-v-247723e5]:hover{background:color-mix(in oklch,var(--primary) 22%,transparent)}.cell.sel[data-v-247723e5]{background:var(--primary);color:var(--on-primary);font-weight:700}.cell.today[data-v-247723e5]:after{content:"今";position:absolute;top:2px;right:4px;font-size:10px;color:var(--up);font-family:var(--font-sans)}.cell.sel.today[data-v-247723e5]:after{color:color-mix(in oklch,var(--on-primary) 80%,var(--gold))}.dot[data-v-247723e5]{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--gold)}.cell.sel .dot[data-v-247723e5]{background:var(--on-primary)}.dot.inline[data-v-247723e5]{display:inline-block;position:static;transform:none;margin:0 2px;vertical-align:middle;background:var(--gold)}.cal-hint[data-v-247723e5]{font-size:var(--fs-xs);margin:var(--s4) 0 0;line-height:1.7}.toggle[data-v-247723e5]{display:flex;flex:0 0 auto}.toggle button[data-v-247723e5]{font-family:inherit;font-size:var(--fs-sm);padding:var(--s2) var(--s4);min-height:38px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:var(--r-pill) 0 0 var(--r-pill)}.toggle button[data-v-247723e5]:last-child{border-radius:0 var(--r-pill) var(--r-pill) 0;border-left:none}.toggle button.on[data-v-247723e5]{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:600}.toggle button[data-v-247723e5]:disabled{opacity:.4;cursor:not-allowed}.reason[data-v-247723e5]{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}@media(max-width:640px){.stats[data-v-247723e5]{grid-template-columns:repeat(2,1fr)}.frame-wrap[data-v-247723e5]{height:62vh}}.m-head[data-v-be611dc3]{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}.m-ic[data-v-be611dc3]{width:64px;height:64px;border-radius:var(--r-md);display:grid;place-items:center;flex:0 0 auto}.m-ic .icon[data-v-be611dc3]{width:32px;height:32px}.slogan[data-v-be611dc3]{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink-2);margin:var(--s2) 0 0}.badge--soon[data-v-be611dc3]{background:var(--clay-soft);color:var(--clay);font-size:var(--fs-xs);vertical-align:middle;margin-left:var(--s3)}.block[data-v-be611dc3]{margin-top:var(--s8)}.block-label[data-v-be611dc3]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.block-label .t[data-v-be611dc3]{font-weight:700;font-size:var(--fs-base);color:var(--primary)}.block-label .ln[data-v-be611dc3]{flex:1;height:1px;background:var(--line)}.plans[data-v-be611dc3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s5)}.plan h3[data-v-be611dc3]{font-size:var(--fs-lg);margin-bottom:var(--s2)}.plan p[data-v-be611dc3]{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.8;margin:0}.closing[data-v-be611dc3]{margin-top:var(--s8);text-align:center;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-lg);color:var(--primary)}@media(max-width:640px){.m-ic[data-v-be611dc3]{width:52px;height:52px}}.m-head[data-v-7bc7f06e]{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}.m-ic[data-v-7bc7f06e]{width:64px;height:64px;border-radius:var(--r-md);display:grid;place-items:center;flex:0 0 auto}.m-ic .icon[data-v-7bc7f06e]{width:32px;height:32px}.slogan[data-v-7bc7f06e]{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink-2);margin:var(--s2) 0 0}.block[data-v-7bc7f06e]{margin-top:var(--s8)}.block-label[data-v-7bc7f06e]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.block-label .t[data-v-7bc7f06e]{font-weight:700;font-size:var(--fs-base);color:var(--primary)}.block-label .ln[data-v-7bc7f06e]{flex:1;height:1px;background:var(--line)}.fs-sm[data-v-7bc7f06e]{font-size:var(--fs-sm)}.fs-md .k[data-v-7bc7f06e],.k.fs-md[data-v-7bc7f06e]{font-size:var(--fs-xl)}.entries[data-v-7bc7f06e]{display:grid;gap:var(--s4)}.entry[data-v-7bc7f06e]{display:flex;align-items:center;gap:var(--s5);padding:var(--s5);text-decoration:none;color:inherit}.entry:hover .e-arrow[data-v-7bc7f06e]{transform:translate(4px);color:var(--primary-strong)}.e-ic[data-v-7bc7f06e]{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;flex:0 0 auto}.e-ic .icon[data-v-7bc7f06e]{width:26px;height:26px}.e-main[data-v-7bc7f06e]{flex:1;min-width:0}.e-main h3[data-v-7bc7f06e]{font-size:var(--fs-lg);margin-bottom:4px}.e-main p[data-v-7bc7f06e]{margin:0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.7}.e-tag[data-v-7bc7f06e]{display:inline-block;margin-left:var(--s2);font-size:var(--fs-xs);font-family:var(--font-sans);font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--up-soft);color:var(--up);vertical-align:middle}.e-arrow[data-v-7bc7f06e]{flex:0 0 auto;color:var(--ink-3);font-size:var(--fs-lg);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.entry.is-soon[data-v-7bc7f06e]{background:color-mix(in oklch,var(--surface) 70%,var(--paper))}.badge--soon[data-v-7bc7f06e]{background:var(--clay-soft);color:var(--clay);font-size:var(--fs-xs);vertical-align:middle;margin-left:var(--s2)}.tasks[data-v-7bc7f06e]{padding:var(--s2) var(--s5)}.task[data-v-7bc7f06e]{display:flex;align-items:center;gap:var(--s5);padding:var(--s5) 0;border-bottom:1px dashed var(--line)}.task[data-v-7bc7f06e]:last-child{border-bottom:0}.t-time[data-v-7bc7f06e]{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;color:var(--primary);min-width:64px}.t-main[data-v-7bc7f06e]{flex:1;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}.task-note[data-v-7bc7f06e]{font-size:var(--fs-xs);margin:var(--s4) 0 0;line-height:1.8}.task-note code[data-v-7bc7f06e],.notice code[data-v-7bc7f06e]{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:.9em}.closing[data-v-7bc7f06e]{margin-top:var(--s8);text-align:center;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-lg);color:var(--primary)}@media(max-width:640px){.stats[data-v-7bc7f06e]{grid-template-columns:repeat(2,1fr)}.entry[data-v-7bc7f06e]{flex-wrap:wrap}.e-arrow[data-v-7bc7f06e]{display:none}}:root{--font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Fraunces", "Noto Serif SC", serif;--fs-xs: clamp(13px, .82rem + .1vw, 14px);--fs-sm: clamp(15px, .9rem + .2vw, 16px);--fs-base: clamp(17px, 1.05rem + .3vw, 19px);--fs-lg: clamp(19px, 1.15rem + .4vw, 22px);--fs-xl: clamp(22px, 1.3rem + .7vw, 27px);--fs-2xl: clamp(27px, 1.6rem + 1.1vw, 34px);--fs-3xl: clamp(33px, 2rem + 1.8vw, 44px);--fs-4xl: clamp(42px, 2.6rem + 3vw, 60px);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--shadow-1: 0 1px 2px rgb(40 30 20 / .05), 0 2px 10px rgb(40 30 20 / .06);--shadow-2: 0 6px 18px rgb(40 30 20 / .09), 0 16px 40px rgb(40 30 20 / .08);--ease: cubic-bezier(.22,.61,.36,1);--dur: .32s;--paper: oklch(95.5% .018 85);--surface: oklch(98.5% .008 85);--surface-2:oklch(91% .026 82);--line: oklch(86% .03 80);--line-strong: oklch(78% .042 75);--ink: oklch(29% .025 65);--ink-2: oklch(47% .024 65);--ink-3: oklch(62% .022 65);--primary: oklch(53% .135 33);--primary-strong: oklch(46% .14 32);--primary-soft: oklch(92% .05 36);--accent: oklch(48% .092 256);--accent-strong: oklch(40% .1 256);--accent-soft: oklch(92% .04 256);--clay: oklch(60% .1 55);--clay-soft: oklch(94% .04 58);--gold: oklch(72% .1 80);--gold-soft: oklch(94% .035 85);--up: oklch(53% .15 30);--up-soft: oklch(93% .05 32);--down: oklch(60% .05 150);--down-soft: oklch(94% .022 150);--on-primary: oklch(98% .01 30)}[data-theme=dark]{--paper: oklch(21% .012 70);--surface: oklch(25.5% .015 70);--surface-2:oklch(30% .018 70);--line: oklch(38% .02 70);--line-strong: oklch(46% .024 70);--ink: oklch(92% .012 85);--ink-2: oklch(78% .016 82);--ink-3: oklch(62% .018 80);--primary: oklch(66% .14 33);--primary-strong: oklch(58% .15 32);--primary-soft: oklch(33% .06 35);--accent: oklch(68% .1 256);--accent-strong: oklch(60% .11 256);--accent-soft: oklch(32% .05 256);--clay: oklch(73% .1 55);--clay-soft: oklch(33% .05 58);--gold: oklch(82% .1 82);--gold-soft: oklch(32% .05 86);--up: oklch(68% .155 30);--up-soft: oklch(33% .06 32);--down: oklch(66% .06 150);--down-soft: oklch(30% .04 150);--on-primary: oklch(20% .03 30);--shadow-1: 0 1px 2px rgb(0 0 0 / .35), 0 2px 12px rgb(0 0 0 / .4);--shadow-2: 0 6px 20px rgb(0 0 0 / .5), 0 16px 44px rgb(0 0 0 / .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.75;color:var(--ink);background:var(--paper);background-image:radial-gradient(120% 80% at 0% 0%,color-mix(in oklch,var(--primary-soft) 80%,transparent),transparent 55%),radial-gradient(120% 80% at 100% 100%,color-mix(in oklch,var(--accent-soft) 70%,transparent),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}::selection{background:color-mix(in oklch,var(--primary) 24%,transparent)}a{color:var(--accent-strong);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.3;color:var(--ink);margin:0}.shell{max-width:1080px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.eyebrow{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.section{padding-block:clamp(64px,9vw,120px);scroll-margin-top:90px}.section-title{font-size:var(--fs-2xl);margin-top:var(--s2)}.lead{color:var(--ink-2);font-size:var(--fs-lg);max-width:60ch;margin-top:var(--s3)}.hr{height:1px;background:var(--line);border:0;margin:0}.topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:color-mix(in oklch,var(--paper) 86%,transparent);border-bottom:1px solid var(--line)}.topbar .row{display:flex;align-items:center;gap:var(--s4);height:72px}.brand{display:flex;align-items:center;gap:var(--s3);font-family:var(--font-serif);font-weight:700;font-size:var(--fs-lg);color:var(--ink)}.brand .seal{width:40px;height:40px;flex:0 0 auto;display:block}.nav{display:flex;gap:var(--s2);margin-left:auto;flex-wrap:wrap}.nav a{font-size:var(--fs-sm);color:var(--ink-2);padding:var(--s2) var(--s3);border-radius:var(--r-pill);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav a:hover{background:var(--surface-2);color:var(--ink)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;transition:all var(--dur) var(--ease)}.icon-btn:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.icon-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.hero{padding-block:clamp(64px,10vw,140px)}.hero h1{font-size:var(--fs-4xl);letter-spacing:-.01em;font-weight:900}.hero .accent{color:var(--primary)}.hero .sub{margin-top:var(--s4);font-size:var(--fs-xl);color:var(--ink-2);max-width:36ch;font-family:var(--font-serif)}.hero .meta{margin-top:var(--s7);display:flex;flex-wrap:wrap;gap:var(--s3)}.chip{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-sm);padding:var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.chip b{color:var(--ink);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s6);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s5);margin-top:var(--s5)}.swatch{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.swatch .fill{height:78px}.swatch .info{padding:var(--s3)}.swatch .name{font-weight:600;font-size:var(--fs-sm)}.swatch .hex{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--ink-3)}.group-label{margin-top:var(--s7);font-family:var(--font-sans);font-weight:700;font-size:var(--fs-base);color:var(--primary)}.type-row{display:flex;align-items:baseline;gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--line)}.type-row .tag{font-family:var(--font-display);color:var(--ink-3);min-width:96px;font-size:var(--fs-sm)}.type-row .sample{margin-left:auto;text-align:right;color:var(--ink)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.display{font-family:var(--font-display)}.grid-demo{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5);margin-top:var(--s6)}.grid-demo .col{background:var(--primary-soft);border:1px dashed var(--primary);border-radius:var(--r-sm);padding:var(--s3);text-align:center;font-size:var(--fs-sm);color:var(--primary-strong)}.layout-diagram{margin-top:var(--s6);width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s5);margin-top:var(--s6)}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s5) var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.icon-cell .icon{width:34px;height:34px;color:var(--primary)}.icon-cell span{font-size:var(--fs-sm);color:var(--ink-2)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-base);padding:var(--s3) var(--s5);border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:all var(--dur) var(--ease)}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-1)}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-2)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s6)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;padding:6px 12px;border-radius:var(--r-pill)}.badge--up{background:var(--up-soft);color:var(--up)}.badge--down{background:var(--down-soft);color:var(--down)}.badge--clay{background:var(--clay-soft);color:var(--clay)}.badge--gold{background:var(--gold-soft);color:color-mix(in oklch,var(--gold) 60%,var(--ink))}.dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s5);justify-content:space-between;margin-bottom:var(--s7)}.dash-head .greet{font-size:var(--fs-3xl)}.dash-head .date{color:var(--ink-3);font-size:var(--fs-base);margin-top:var(--s2)}.dash-head .quote{font-family:var(--font-serif);font-style:italic;color:var(--primary);max-width:30ch;text-align:right;font-size:var(--fs-lg)}.quick-label{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.quick-label .t{font-family:var(--font-sans);font-weight:700;font-size:var(--fs-base);color:var(--primary)}.quick-label .ln{flex:1;height:1px;background:var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);margin-bottom:var(--s8)}.stat{padding:var(--s6)}.stat .k{font-family:var(--font-display);font-size:var(--fs-3xl);color:var(--ink);line-height:1}.stat .l{margin-top:var(--s2);color:var(--ink-3);font-size:var(--fs-sm)}.stat .trend{font-size:var(--fs-sm);margin-top:var(--s2)}.module-label{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.module-label .t{font-family:var(--font-sans);font-weight:700;font-size:var(--fs-base);color:var(--primary)}.module-label .ln{flex:1;height:1px;background:var(--line)}.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s7)}.module{padding:0;overflow:hidden;display:flex;flex-direction:column}.module .m-head{display:flex;align-items:center;gap:var(--s4);padding:var(--s6) var(--s6) var(--s5)}.module .m-ic{width:54px;height:54px;border-radius:var(--r-md);display:grid;place-items:center;flex:0 0 auto}.module .m-ic .icon{width:28px;height:28px}.module h3{font-size:var(--fs-xl)}.module .m-sub{font-size:var(--fs-sm);color:var(--ink-3)}.module .m-body{padding:0 var(--s6) var(--s6);flex:1}.module .m-foot{padding:var(--s5) var(--s6);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.module .m-foot a{font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong)}.note{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px dashed var(--line)}.note:last-child{border-bottom:0}.note .d{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--ink-3);min-width:54px}.note .t{color:var(--ink)}.stock{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px dashed var(--line)}.stock:last-child{border-bottom:0}.stock .nm{font-weight:600}.stock .code{font-size:var(--fs-xs);color:var(--ink-3)}.stock .px{margin-left:auto;font-family:var(--font-display);font-weight:600}.spark{width:64px;height:24px}.moon-wrap{display:flex;align-items:center;gap:var(--s4)}.moon-wrap .icon{width:72px;height:72px;color:var(--gold);flex:0 0 auto}.astro-note{font-family:var(--font-serif);color:var(--ink-2)}.plant{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px dashed var(--line)}.plant:last-child{border-bottom:0}.plant .nm{font-weight:600}.plant .next{margin-left:auto;font-size:var(--fs-sm);color:var(--ink-2)}footer{border-top:1px solid var(--line);padding-block:var(--s7);color:var(--ink-3);font-size:var(--fs-sm)}footer .shell{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center}@media(max-width:880px){.stats{grid-template-columns:repeat(2,1fr)}.modules{grid-template-columns:1fr}.nav{display:none}.dash-head .quote{text-align:left}}@media(max-width:520px){.stats{grid-template-columns:1fr}.type-row .sample{font-size:var(--fs-base)!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.page{max-width:1080px;margin-inline:auto;padding:clamp(24px,5vw,48px) clamp(20px,5vw,48px) var(--s9)}.page-head{margin-bottom:var(--s7)}.page-title{font-size:var(--fs-2xl);margin-top:var(--s2)}.page-sub{color:var(--ink-2);font-size:var(--fs-base);margin-top:var(--s2);max-width:60ch}input,textarea,select{font-family:inherit;font-size:var(--fs-base);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3) var(--s4);min-height:48px;width:100%;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}textarea{min-height:96px;line-height:1.7;resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 22%,transparent)}input:disabled,textarea:disabled,select:disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);margin-bottom:var(--s2)}.field{margin-bottom:var(--s5)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.tbl th{text-align:left;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-3);padding:var(--s4);border-bottom:1px solid var(--line-strong);white-space:nowrap;background:var(--surface-2);position:sticky;top:0}table.tbl td{padding:var(--s4);border-bottom:1px solid var(--line);white-space:nowrap}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl .num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:clamp(40px,8vw,80px) var(--s5);color:var(--ink-3)}.empty-state .t{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink-2);margin-bottom:var(--s2)}.empty-state .d{font-size:var(--fs-sm);max-width:46ch;margin-inline:auto;line-height:1.8}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--ink-3)}.nowrap{white-space:nowrap}.stack{display:grid;gap:var(--s5)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.notice{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4) var(--s5);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-sm);line-height:1.7}.notice .icon{width:20px;height:20px;flex:0 0 auto;color:var(--primary);margin-top:3px}.frame-wrap{width:100%;height:72vh;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.frame-wrap.mobile{max-width:400px;margin-inline:auto;height:78vh;box-shadow:var(--shadow-2)}.frame{width:100%;height:100%;border:0;background:#fff}@media(hover:hover){*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}}