.modal-error[data-v-382d0670]{margin:calc(var(--space-xs) * -1) 0 var(--space-md);padding:var(--space-sm);border-radius:var(--radius-control);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.content-workbench[data-v-382d0670]{max-width:none}.journal-toolbar-note[data-v-382d0670]{color:var(--color-muted);font-size:var(--text-xs)}.login[data-v-6abe0bc0]{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:var(--color-paper)}.login-intro[data-v-6abe0bc0]{padding:clamp(var(--space-xl),6vw,var(--space-2xl));background:var(--color-ink);color:var(--color-accent-ink);display:flex;flex-direction:column;justify-content:space-between}.login-brand[data-v-6abe0bc0]{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display)}.login-brand span[data-v-6abe0bc0]{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--color-nav-rule);border-radius:var(--radius-control);color:var(--color-nav-brand)}.eyeline[data-v-6abe0bc0]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-nav-muted)}h1[data-v-6abe0bc0]{margin:var(--space-md) 0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}p[data-v-6abe0bc0]{max-width:55ch;color:var(--color-nav-text);line-height:1.65}ul[data-v-6abe0bc0]{list-style:none;padding:0;margin:var(--space-xl) 0 0;display:grid;gap:var(--space-md)}li[data-v-6abe0bc0]{display:flex;gap:var(--space-sm);align-items:flex-start;color:var(--color-nav-user)}li svg[data-v-6abe0bc0]{color:var(--color-nav-brand);margin-top:2px}li b[data-v-6abe0bc0],li small[data-v-6abe0bc0]{display:block}li b[data-v-6abe0bc0]{font-size:var(--text-sm)}li small[data-v-6abe0bc0]{margin-top:var(--space-2xs);color:var(--color-nav-user-muted);font-size:var(--text-xs)}.login-panel[data-v-6abe0bc0]{align-self:center;width:min(440px,calc(100% - var(--space-2xl)));justify-self:center;padding:var(--space-xl)}.panel-head[data-v-6abe0bc0]{display:flex;gap:var(--space-xs);align-items:center;color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.login-panel h2[data-v-6abe0bc0]{margin:var(--space-lg) 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.035em}.login-panel>p[data-v-6abe0bc0]{margin:0 0 var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}form[data-v-6abe0bc0]{display:grid;gap:var(--space-md)}form button[data-v-6abe0bc0]{width:100%;min-height:44px;margin-top:var(--space-xs)}.login-error[data-v-6abe0bc0]{padding:var(--space-sm);border-left:3px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.security-note[data-v-6abe0bc0]{display:block;margin-top:var(--space-lg);color:var(--color-faint);font-size:var(--text-xs);text-align:center}@media(max-width:800px){.login[data-v-6abe0bc0]{grid-template-columns:1fr}.login-intro[data-v-6abe0bc0]{display:none}.login-panel[data-v-6abe0bc0]{width:min(440px,100%);padding:var(--space-lg)}}:root{--color-paper: oklch(97.4% .008 255);--color-paper-2: oklch(94.8% .012 255);--color-surface: oklch(99.2% .004 255);--color-surface-raised: oklch(100% .002 255);--color-ink: oklch(21% .026 255);--color-ink-2: oklch(39% .022 255);--color-muted: oklch(47% .018 255);--color-faint: oklch(54% .014 255);--color-rule: oklch(87% .013 255);--color-rule-strong: oklch(76% .018 255);--color-accent: oklch(56% .2 255);--color-accent-soft: oklch(94% .035 255);--color-accent-ink: oklch(98% .008 255);--color-success: oklch(48% .12 160);--color-success-soft: oklch(95% .03 160);--color-warning: oklch(44% .12 75);--color-warning-soft: oklch(96% .035 75);--color-danger: oklch(50% .17 25);--color-danger-soft: oklch(95% .035 25);--color-overlay: oklch(16% .03 255 / .48);--color-focus: oklch(27% .07 250);--color-nav-rule: oklch(58% .05 255);--color-nav-brand: oklch(82% .11 255);--color-nav-muted: oklch(67% .025 255);--color-nav-text: oklch(75% .025 255);--color-nav-hover: oklch(27% .035 255);--color-nav-active: oklch(31% .06 255);--color-nav-surface: oklch(25% .032 255);--color-nav-surface-rule: oklch(32% .035 255);--color-nav-user: oklch(82% .02 255);--color-nav-user-muted: oklch(64% .022 255);--color-danger-rule: oklch(80% .07 25);--color-warning-rule: oklch(85% .07 75);--color-success-rule: oklch(82% .06 160);--color-chart-rule: oklch(92% .01 255);--color-chart-purple: oklch(52% .1 300);--color-chart-cyan: oklch(66% .12 225);--color-dining-coral: oklch(67% .215 27);--color-dining-coral-strong: oklch(61% .235 20);--color-dining-apricot: oklch(77% .155 55);--color-dining-raspberry: oklch(63% .245 8);--color-dining-cream: oklch(98% .015 70);--color-dining-surface: oklch(99.4% .006 65);--color-dining-ink: oklch(20% .025 35);--color-dining-muted: oklch(53% .025 35);--color-dining-faint: oklch(66% .018 35);--color-dining-rule: oklch(91% .02 55);--color-dining-peach-soft: oklch(96% .045 55);--color-dining-success: oklch(58% .165 145);--color-dining-success-soft: oklch(96% .045 145);--gradient-dining-hero: linear-gradient(112deg, var(--color-dining-raspberry) 0%, var(--color-dining-coral) 43%, var(--color-dining-apricot) 100%);--shadow-dining-card: 0 8px 24px color-mix(in oklch, var(--color-dining-coral) 10%, transparent);--color-sport-grass: oklch(62% .155 155);--color-sport-grass-strong: oklch(54% .15 158);--color-sport-lime: oklch(80% .14 125);--color-sport-teal: oklch(58% .1 200);--color-sport-fog: oklch(97.6% .012 160);--color-sport-surface: oklch(99.4% .005 160);--color-sport-ink: oklch(21% .02 170);--color-sport-muted: oklch(52% .022 170);--color-sport-faint: oklch(66% .016 170);--color-sport-rule: oklch(90% .018 160);--color-sport-mist-soft: oklch(95.5% .032 155);--color-sport-success: oklch(58% .165 145);--gradient-sport-hero: linear-gradient(112deg, var(--color-sport-teal) 0%, var(--color-sport-grass) 45%, var(--color-sport-lime) 100%);--shadow-sport-card: 0 8px 24px color-mix(in oklch, var(--color-sport-grass) 10%, transparent);--color-auth-paper: oklch(98% .009 260);--color-auth-surface: oklch(100% 0 0);--color-auth-ink: oklch(28% .065 270);--color-auth-muted: oklch(49% .045 267);--color-auth-placeholder: oklch(52% .032 267);--color-auth-rule: oklch(88% .022 260);--color-auth-blue: oklch(54% .2 260);--color-auth-blue-hover: oklch(47% .19 260);--color-auth-blue-soft: oklch(95% .023 260);--color-auth-disabled: oklch(91% .028 260);--color-auth-focus: oklch(45% .19 260);--color-auth-danger: oklch(47% .18 25);--color-auth-danger-soft: oklch(96% .024 25);--shadow-auth-card: 0 12px 36px oklch(48% .09 260 / .09);--shadow-auth-stage: 0 18px 56px oklch(48% .09 260 / .12);--radius-auth-stage: 24px;--radius-auth-card: 28px;--radius-auth-control: 14px;--color-journal-paper: #f3f8ff;--color-journal-surface: #ffffff;--color-journal-ink: #202c4b;--color-journal-muted: #5b6c89;--color-journal-blue: #245edb;--color-journal-rule: #dce7f7;--color-journal-yellow: #f5cf67;--shadow-journal: 0 3px 14px rgb(49 89 148 / 12%);--radius-journal: 14px;--color-student-paper: #f3f7fc;--color-student-surface: #ffffff;--color-student-ink: #172444;--color-student-muted: #64748b;--color-student-blue: #246de8;--color-student-blue-soft: #edf5ff;--color-student-rule: #dbe7f5;--shadow-student-card: 0 5px 18px rgb(49 89 148 / 8%);--radius-student-card: 14px;--opacity-student-watermark: .2;--font-display: "MiSans", "HarmonyOS Sans SC", "Noto Sans SC", sans-serif;--font-body: "IBM Plex Sans", "MiSans", "HarmonyOS Sans SC", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--rule-thin: 1px;--radius-control: 6px;--radius-panel: 10px;--radius-pill: 999px;--shadow-whisper: 0 1px 2px oklch(20% .02 255 / .06);--shadow-float: 0 20px 50px oklch(18% .02 255 / .18);--shadow-drawer: -20px 0 60px oklch(18% .02 255 / .14);--z-base: 1;--z-raised: 10;--z-sticky: 200;--z-modal: 400;--z-toast: 500}html,body{overflow-x:clip}html{background:var(--color-paper)}*{box-sizing:border-box}body{margin:0;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-size:var(--text-base);font-synthesis:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline:2px solid transparent;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--color-focus)}.sidebar :focus-visible{outline-color:var(--color-nav-brand)}button{white-space:nowrap}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--color-ink);color:var(--color-accent-ink);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column}.brand{display:flex;gap:var(--space-sm);align-items:center;padding:0 var(--space-xs) var(--space-xl)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-nav-rule);border-radius:var(--radius-control);color:var(--color-nav-brand);font-family:var(--font-display);font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:-.01em}.brand small{margin-top:var(--space-2xs);color:var(--color-nav-muted);font-size:var(--text-xs)}.sidebar nav{display:grid;gap:var(--space-2xs)}.sidebar a{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:var(--space-sm);color:var(--color-nav-text);text-decoration:none;padding:var(--space-sm);border-radius:var(--radius-control);font-size:var(--text-sm);transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.sidebar a:hover{background:var(--color-nav-hover);color:var(--color-accent-ink);transform:translate(1px)}.sidebar a.router-link-active{background:var(--color-nav-active);color:var(--color-accent-ink)}.nav-arrow{opacity:0;transition:opacity var(--dur-micro) var(--ease-out)}.router-link-active .nav-arrow{opacity:1}.user{margin-top:auto;display:flex;justify-content:space-between;align-items:center;text-align:left;background:var(--color-nav-surface);color:var(--color-nav-user);border:1px solid var(--color-nav-surface-rule);border-radius:var(--radius-control);padding:var(--space-sm);cursor:pointer}.user b,.user small{display:block}.user b{font-size:var(--text-sm)}.user small{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-nav-user-muted)}.main{min-width:0}.draftbar{height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-rule);padding:0 var(--space-lg);display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:var(--space-lg);position:sticky;top:0;z-index:var(--z-sticky)}.draftbar.dirty{border-bottom-color:var(--color-warning-rule)}.page-context,.draft-state,.actions{display:flex;align-items:center}.page-context{gap:var(--space-xs);color:var(--color-faint);font-size:var(--text-xs)}.page-context b{color:var(--color-ink-2);font-size:var(--text-sm)}.draft-state{gap:var(--space-xs);font-size:var(--text-sm)}.draft-state b{font-weight:600}.version-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-2xs) var(--space-xs);background:var(--color-paper-2);border-radius:var(--radius-pill)}.status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;box-shadow:0 0 0 3px var(--color-success-soft)}.status-dot.dirty{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.actions{gap:var(--space-xs);justify-content:flex-end}.primary,.ghost,.danger{min-height:36px;border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule-strong);background:var(--color-surface);cursor:pointer;display:inline-flex;gap:var(--space-xs);align-items:center;justify-content:center;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out);font-size:var(--text-sm)}.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);font-weight:600}.ghost:hover,.danger:hover,.primary:hover:not(:disabled){transform:translateY(-1px)}.ghost:hover{border-color:var(--color-ink-2)}.danger{color:var(--color-danger);border-color:var(--color-danger-rule)}.primary:active,.ghost:active,.danger:active{transform:none}.primary:disabled,.ghost:disabled,.danger:disabled{opacity:.42;cursor:not-allowed;transform:none}.content{padding:var(--space-lg);max-width:1680px;margin:0 auto}.notice{margin:var(--space-md) var(--space-lg) 0;padding:var(--space-sm) var(--space-md);background:var(--color-warning-soft);border:1px solid var(--color-warning-rule);border-radius:var(--radius-control);font-size:var(--text-sm);color:var(--color-warning)}.notice button{border:0;background:none;color:var(--color-accent);cursor:pointer;font-weight:600}.page-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15;letter-spacing:-.035em}.page-subtitle{margin:var(--space-xs) 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55;max-width:68ch}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-whisper)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:grid;place-items:center;z-index:var(--z-modal);padding:var(--space-md)}.modal{width:min(480px,100%);background:var(--color-surface);padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-float)}.modal-kicker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}.modal h3{margin:var(--space-xs) 0 0;font-family:var(--font-display);font-size:var(--text-lg)}.modal p{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.modal textarea{width:100%;min-height:100px;padding:var(--space-sm);border:1px solid var(--color-rule-strong);border-radius:var(--radius-control);resize:vertical;margin:var(--space-xs) 0 var(--space-md);background:var(--color-surface-raised)}.field{display:grid;gap:var(--space-xs)}.field label{font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2)}.field input,.field select,.field textarea{width:100%;min-height:38px;border:1px solid var(--color-rule-strong);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-raised)}.field textarea{min-height:76px;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-muted)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm)}.empty{padding:var(--space-xl);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.numeric,.version-code,time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(max-width:1100px){.shell{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding-inline:var(--space-sm)}.brand{justify-content:center;padding-inline:0}.brand>div,.sidebar a span,.nav-arrow,.user span{display:none}.sidebar a{display:flex;justify-content:center;padding-inline:0}.user{justify-content:center}.draftbar{grid-template-columns:minmax(120px,1fr) auto auto;padding-inline:var(--space-md);gap:var(--space-sm)}.page-context>span,.page-context svg{display:none}.content{padding:var(--space-md)}.notice{margin-inline:var(--space-md)}}@media(max-width:760px){.shell{display:block;padding-bottom:64px}.sidebar{position:fixed;inset:auto 0 0;height:64px;z-index:var(--z-sticky);padding:var(--space-xs) var(--space-sm);display:block}.brand,.user{display:none}.sidebar nav{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2xs)}.sidebar a{display:flex;padding:0;min-height:48px}.draftbar{grid-template-columns:1fr auto}.page-context,.draftbar .ghost{display:none}.content{padding:var(--space-sm)}.grid2{grid-template-columns:1fr}.page-heading{display:block}.page-title{overflow-wrap:anywhere;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important;scroll-behavior:auto!important}}