:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-pill:999px;--paper-0:#ebe4d7;--paper-1:#f4efe4;--paper-2:#fffcf7;--paper-3:#fffefa;--ink:#2a2218;--ink-soft:#4a3f32;--muted:#6b5d4d;--muted-2:#958575;--border:#d9cec0;--border-soft:#e8dfd2;--accent:#8b3324;--accent-hover:#6f281d;--accent-fg:#fffaf7;--accent-tint:#f3e8e4;--accent-border:#c9a096;--shadow-paper:0 1px 0 #2a22180a, 0 12px 32px #2a221812, 0 2px 6px #2a22180d;--shadow-lift:0 1px 0 #ffffffa6 inset, 0 18px 42px #2a22181a;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-sans:"Noto Sans SC", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:clamp(1.35rem, 3vw, 1.85rem);font-weight:400;line-height:1.55;font-size:var(--text-base);font-family:var(--font-sans);color:var(--ink);--text:var(--ink);--card:var(--paper-2)}*,:before,:after{box-sizing:border-box}body{background-color:var(--paper-1);background-image:radial-gradient(ellipse 120% 80% at 50% -20%, #fffcf7e6, transparent 55%), linear-gradient(180deg, var(--paper-1) 0%, var(--paper-0) 100%);min-height:100vh;color:var(--ink);margin:0}h1,h2,h3{font-family:var(--font-serif);letter-spacing:.02em;color:var(--ink);font-weight:600}.shell{box-sizing:border-box;min-height:100vh;padding:var(--space-8) var(--space-5) var(--space-12);max-width:40rem;margin:0 auto}.shell.wide{max-width:52rem}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.topbar h1{font-size:var(--text-2xl);margin:0 0 var(--space-1)}.panel{background:var(--paper-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-5) var(--space-5) var(--space-6);box-shadow:var(--shadow-paper);position:relative}.panel:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--shadow-lift);opacity:.45;position:absolute;inset:0}.panel h2{font-size:var(--text-md);margin:0 0 var(--space-3);color:var(--ink-soft)}.grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=800px){.grid{grid-template-columns:1fr 1fr}}h1{font-size:var(--text-xl);margin:0 0 var(--space-2)}h2{font-size:var(--text-md);margin:0 0 var(--space-3)}.muted{color:var(--muted);margin:var(--space-2) 0 0}.muted.small,.small{font-size:var(--text-sm)}.field{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field span{font-size:var(--text-sm);color:var(--muted)}input{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-base);background:var(--paper-3);color:var(--text);padding:.55rem .7rem;box-shadow:0 1px 2px #2a22180a}input:focus{outline:2px solid var(--accent-tint);border-color:var(--accent-border)}button{font:inherit;font-size:var(--text-base);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;padding:.55rem 1rem;transition:background .15s,transform .12s;box-shadow:inset 0 1px #ffffff1f,0 8px 20px #8b332438}button:hover{background:var(--accent-hover)}button:active{transform:translateY(1px)}button.ghost{background:var(--paper-3);color:var(--accent);border:1px solid var(--border);box-shadow:0 1px 2px #2a22180d}button.ghost:hover{background:var(--accent-tint);border-color:var(--accent-border)}.error{color:#9a3412;font-size:var(--text-sm)}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.list{margin:var(--space-3) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.list li{justify-content:space-between;align-items:stretch;gap:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--paper-3) 0%, #faf6ee 100%);padding:0;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 6px 18px #2a22180f}.list li:hover{border-color:var(--accent-border);box-shadow:inset 0 1px #ffffffd9,0 10px 28px #2a221817}.list li a{padding:var(--space-4) var(--space-4);color:inherit;flex:1;text-decoration:none}.list li a:hover{text-decoration:none}.list li a strong{font-family:var(--font-serif);font-size:var(--text-md);color:var(--ink);font-weight:600}.list li a .muted{margin-top:var(--space-2);display:block}.list li .pill{margin-right:var(--space-4);align-self:center}.list.compact li{padding:var(--space-3) var(--space-4);background:var(--paper-3);align-items:center}.list.compact li a{flex:unset;padding:0}.pill{font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-hover);border:1px solid var(--accent-border);white-space:nowrap;padding:.2rem .55rem}.nav-back{margin:0 0 var(--space-5)}.nav-back a{font-size:var(--text-sm);color:var(--muted)}.nav-back a:hover{color:var(--accent)}.hero-book{margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--paper-3);box-shadow:var(--shadow-paper);grid-template-columns:12px 1fr;gap:0;display:grid;overflow:hidden}.hero-book__spine{background:linear-gradient(90deg,#5c2319 0%,#8b3324 35%,#6a261a 100%);box-shadow:inset 2px 0 8px #0000001f,inset -1px 0 #ffffff0f}.hero-book__body{padding:var(--space-6) var(--space-6) var(--space-5);background:linear-gradient(180deg, #fffefb 0%, var(--paper-2) 100%)}.hero-book__body h1{margin:0 0 var(--space-3);font-size:clamp(1.35rem,3.5vw,1.95rem);line-height:1.35}.hero-book__meta{font-size:var(--text-sm);color:var(--muted);margin:0}.hero-book__share{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px dashed var(--border);font-size:var(--text-xs);color:var(--muted-2)}.hero-book__share code{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);background:var(--paper-1);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--ink-soft);display:inline-block}.hero-head{margin-bottom:var(--space-5)}.grid-inline{gap:var(--space-3);grid-template-columns:1fr;align-items:end;display:grid}@media (width>=700px){.grid-inline{grid-template-columns:1fr 1fr auto}}.timeline{padding:var(--space-4) 0 0 var(--space-3);margin:var(--space-3) 0 0;border-left:2px solid var(--border);flex-direction:column;gap:0;list-style:none;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-border) 0%, transparent 95%);opacity:.55;width:2px;position:absolute;top:0;bottom:0;left:-2px}.timeline li{gap:var(--space-4);padding:var(--space-4) 0 var(--space-4) var(--space-4);margin-left:calc(-1 * var(--space-3));border-bottom:1px dotted var(--border-soft);grid-template-columns:6.5rem 1fr;align-items:start;display:grid;position:relative}.timeline li:last-child{border-bottom:none;padding-bottom:0}.timeline li:before{content:"";left:calc(-1 * var(--space-3) - 5px);background:var(--paper-3);border:2px solid var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--paper-2);border-radius:50%;position:absolute;top:1.35rem}.t-date{font-family:var(--font-serif);font-weight:500;font-size:var(--text-xs);color:var(--muted-2);letter-spacing:.03em;padding-top:.15rem}.timeline-entry{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.timeline-meta{font-size:var(--text-xs);color:var(--muted);margin:0;line-height:1.35}.timeline-who{font-family:var(--font-sans);letter-spacing:.02em;font-weight:500}.timeline-note,.timeline-lead{font-family:var(--font-serif);font-size:var(--text-md);color:var(--ink);letter-spacing:.01em;margin:0;font-weight:600;line-height:1.55}.timeline-note{font-weight:600}.timeline-lead{color:var(--ink-soft)}.timeline-progress-sub{margin:0;margin-top:calc(-1 * var(--space-1));font-size:var(--text-xs);color:var(--muted);border-left:2px solid var(--border-soft);padding-left:.4rem;line-height:1.45}code{font-size:var(--text-xs);word-break:break-all}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);border-radius:var(--radius-md);border:1px dashed var(--border);background:linear-gradient(180deg, #fffcf799 0%, var(--paper-2) 100%)}.empty-state__mark{margin-bottom:var(--space-3);filter:grayscale(.15);opacity:.92;font-size:2.25rem;line-height:1}.empty-state__title{font-family:var(--font-serif);font-size:var(--text-md);margin:0 0 var(--space-2);color:var(--ink-soft)}.empty-state__hint{font-size:var(--text-sm);color:var(--muted);max-width:18rem;margin:0 auto;line-height:1.55}.skeleton-block{gap:var(--space-3);padding:var(--space-2) 0;flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--paper-1) 0%, #f0ebe2 45%, var(--paper-1) 90%);background-size:200% 100%;height:.85rem;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-line.short{width:42%}.skeleton-line.medium{width:72%}.skeleton-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:linear-gradient(90deg, var(--paper-2) 0%, var(--paper-3) 50%, var(--paper-2) 100%);background-size:200% 100%;height:4.25rem;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-hint{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-4)}.demo-account{margin-bottom:var(--space-5);padding:var(--space-4);border-radius:var(--radius-sm);border:1px dashed var(--border);background:linear-gradient(165deg, var(--paper-2) 0%, var(--paper-3) 55%)}.demo-account__title{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;color:var(--muted);font-weight:600}.demo-account__cred{margin:0 0 var(--space-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);color:var(--ink-soft);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-account__sep{color:var(--muted-2)}.demo-account__fill{margin-bottom:var(--space-2)}.demo-account__hint{margin:0}.register-followup{margin-bottom:var(--space-4)}.register-followup p:first-child{margin-top:0;line-height:1.55}.toast-host{bottom:var(--space-6);z-index:1000;pointer-events:none;width:min(90vw,22rem);position:fixed;left:50%;transform:translate(-50%)}.toast-card{pointer-events:auto;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--ink-soft);background:var(--paper-3);border:1px solid var(--accent-border);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);margin:0;line-height:1.45;animation:.28s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}input:disabled{opacity:.65;cursor:not-allowed;background:var(--paper-1)}