@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-serif:"Noto Serif TC","PMingLiU",serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--spacing:.25rem;--leading-normal:1.5;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.min-h-0{min-height:calc(var(--spacing)*0)}.w-\[500px\]{width:500px}.w-full{width:100%}.max-w-\[100vw\]{max-width:100vw}.max-w-\[300px\]{max-width:300px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-9{gap:calc(var(--spacing)*9)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-x-auto{overflow-x:auto}.rounded-3xl{border-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.stroke-gray-600{stroke:var(--color-gray-600)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.pt-16{padding-top:calc(var(--spacing)*16)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.text-blue-700{color:var(--color-blue-700)}.text-gray-700{color:var(--color-gray-700)}@media(hover:hover){.group-hover\:stroke-current:is(:where(.group):hover *){stroke:currentColor}.hover\:underline:hover{text-decoration-line:underline}}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:stroke-gray-300{stroke:var(--color-gray-300)}.dark\:text-blue-500{color:var(--color-blue-500)}.dark\:text-gray-200{color:var(--color-gray-200)}}}:root{--ink-900:#1f1a15;--ink-700:#4f463d;--ink-500:#74695d;--line:#d6cab7;--line-strong:#b89f7f;--paper:#fffdf9;--paper-soft:#f7f2e8;--surface:#fffaf1;--surface-soft:#f0f6ef;--brand:#1d6f5a;--brand-strong:#165746;--accent:#b7761e;--danger:#ad3737;--page-bg:radial-gradient(circle at 12% 8%,#fff1da94 0%,transparent 34%),radial-gradient(circle at 92% 3%,#dff4eda1 0%,transparent 28%),linear-gradient(180deg,#f4ebde 0%,#efe5d9 38%,#ece7df 100%);--shadow-lg:0 22px 52px #2a1e131f;--shadow-md:0 14px 30px #2b20161a;--radius-xl:24px;--radius-lg:16px;--radius-md:12px}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;width:100%;min-height:100%;margin:0;overflow-x:hidden}html{background:var(--page-bg);background-color:#f4ebde;background-attachment:fixed}body{color:var(--ink-900);font-family:var(--font-sans);background:0 0}body:before{content:"";pointer-events:none;opacity:.26;background-image:linear-gradient(#0000 74%,#66503112,#0000 76%),linear-gradient(90deg,#0000 24%,#66503112,#0000 26%);background-size:30px 30px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink-900);background:#fff;padding:11px 12px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#7f9f95;outline:none;box-shadow:0 0 0 3px #8db9ab3b}textarea{resize:vertical}.loading-shell{letter-spacing:.08em;min-height:100vh;color:var(--ink-700);place-items:center;font-size:18px;display:grid}.app-shell{z-index:1;gap:1rem;width:min(1400px,100% - 2.4rem);margin:0 auto;padding:1.3rem 0 2.4rem;animation:.42s panel-rise;display:grid;position:relative}.app-shell--wide{width:min(1480px,100% - 2.4rem)}.app-shell--reader{width:min(1600px,100% - 2rem)}.workspace-header{border-radius:var(--radius-xl);background:linear-gradient(130deg,#fff9eff2,#eff8f4f0),var(--paper);box-shadow:var(--shadow-lg);border:1px solid #d8c8b0;gap:.9rem;padding:1rem 1.2rem;display:grid}.workspace-header-top{justify-content:space-between;gap:.9rem;display:flex}.workspace-brand{align-items:flex-start;gap:.9rem;min-width:0;display:flex}.workspace-heading{min-width:0}.brand-mark{width:56px;min-width:56px;height:56px;font-family:var(--font-serif);color:#5b3c1b;background:radial-gradient(circle at 30% 20%,#fff3d8,#0000 50%),linear-gradient(135deg,#efe5cf,#f8f4ea);border:1px solid #d3c2a8;border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid}.workspace-heading h1{font-family:var(--font-serif);margin:0;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1}.workspace-heading p{color:var(--ink-700);margin:.35rem 0 0;font-size:.96rem}.workspace-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.workspace-user-pill{color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;background:#ffffffc7;border:1px solid #d9cdbb;border-radius:999px;align-items:center;max-width:240px;padding:.5rem .78rem;font-size:.82rem;line-height:1;display:inline-flex;overflow:hidden}.workspace-meta-row{border-top:1px solid #e8dbc8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.7rem;display:flex}.workspace-nav{background:#ffffffc7;border:1px solid #d8cbb7;border-radius:999px;gap:.35rem;padding:.28rem;display:inline-flex}.workspace-nav-link{color:var(--ink-700);border-radius:999px;padding:.42rem .72rem;font-size:.84rem;font-weight:600;transition:background-color .2s,color .2s}.workspace-nav-link.active{color:#165243;background:#e4f3ec}.workspace-assistive{color:var(--ink-500);margin:0;font-size:.84rem}.workspace-status{border-radius:var(--radius-md);color:var(--ink-700);background:#faf7f0;border:1px solid #d8cfbf;flex-wrap:wrap;gap:.66rem;padding:.6rem .72rem;font-size:.88rem;display:inline-flex}.workspace-status-error{color:var(--danger)}.btn{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:.4rem;padding:.58rem .9rem;font-weight:600;line-height:1;transition:transform .2s,filter .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.btn--primary{background:linear-gradient(130deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 10px 20px #1c59493d}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{border-color:var(--line);color:var(--ink-700);background:#fff}.btn--danger{color:#972f2f;background:#fff1f1;border-color:#eabfbe}.btn--sm{padding:.52rem .72rem;font-size:.83rem}.btn--lg{padding:.82rem 1rem;font-size:1rem}.surface-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-md);gap:.85rem;padding:1rem;animation:.44s panel-rise;display:grid}.surface-card--soft{background:linear-gradient(180deg,#fffbf3eb,#f1f8f3eb),var(--paper)}.surface-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.surface-head.compact{margin-top:.3rem}.surface-head h3,.surface-head h4,.panel-title{margin:0;font-size:1.1rem}.surface-muted{color:var(--ink-500);margin:0;line-height:1.7}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}.stack-form{gap:.7rem;display:grid}.stack-form label{color:var(--ink-700);gap:.42rem;font-size:.92rem;display:grid}.form-error{color:var(--danger);margin:0;font-size:.9rem}.prelogin{z-index:1;gap:1rem;width:min(1340px,100% - 2.4rem);min-height:100vh;margin:0 auto;padding:1.1rem 0 2.6rem;display:grid;position:relative;overflow-x:hidden}.prelogin:before,.prelogin:after{content:"";pointer-events:none;z-index:-1;position:absolute}.prelogin:before{aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#fff1d499,#0000 66%);border-radius:999px;width:clamp(180px,26vw,320px);top:48px;left:-42px}.prelogin:after{aspect-ratio:1;background:radial-gradient(circle at 38% 40%,#d8f1e58f,#0000 72%);border-radius:38% 62% 64% 36%/48% 41% 59% 52%;width:clamp(220px,30vw,380px);bottom:170px;right:-56px}.prelogin-topbar{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fffbf2e0;border:1px solid #dacbb4;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;animation:.44s panel-rise;display:flex}.prelogin-brand{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.prelogin-brand-mark{width:42px;height:42px;font-family:var(--font-serif);color:#5b3c1b;background:linear-gradient(132deg,#f8eed9,#f1f6ea);border:1px solid #ceb99a;border-radius:13px;place-items:center;font-size:1.1rem;display:grid}.prelogin-brand strong{font-size:1.03rem;line-height:1.1;display:block}.prelogin-brand small{color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase;margin-top:.12rem;font-size:.76rem;display:block}.prelogin-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.42rem;display:inline-flex}.prelogin-nav a{color:var(--ink-700);background:#ffffffad;border:1px solid #deceba;border-radius:999px;padding:.46rem .76rem;font-size:.82rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.prelogin-nav a:hover{color:#1f5e4f;background:#ebf4f0;border-color:#c5d9d1}.prelogin-hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 4% 6%,#fff3dbb3,#0000 36%),radial-gradient(circle at 95% 12%,#dbf1e9b8,#0000 34%),linear-gradient(135deg,#fffbf1f2,#f1f8f3f0);border:1px solid #d9cbb7;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(.9rem,2vw,1.3rem);padding:clamp(1rem,2.6vw,2rem);animation:.5s panel-rise;display:grid}.prelogin-hero-copy{gap:.88rem;display:grid}.prelogin-kicker{color:var(--accent);letter-spacing:.28em;margin:0;font-size:.72rem;font-weight:700}.prelogin-hero-copy h1{font-family:var(--font-serif);color:#59391b;margin:0;font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.1}.prelogin-hero-copy>p{color:var(--ink-700);max-width:640px;margin:0;line-height:1.86}.prelogin-cta-row{flex-wrap:wrap;gap:.62rem;display:flex}.prelogin-proof-row{flex-wrap:wrap;gap:.48rem;display:flex}.prelogin-proof-row span{color:var(--ink-700);background:#ffffffad;border:1px solid #e0d5c5;border-radius:999px;padding:.4rem .68rem;font-size:.81rem}.prelogin-preview{background:#fffefad6;border:1px solid #d9ceb7;border-radius:18px;gap:.62rem;padding:.84rem;display:grid;box-shadow:0 18px 30px #271f1521}.prelogin-preview-chip{letter-spacing:.18em;color:#7c6d59;margin:0;font-size:.74rem;font-weight:700}.prelogin-preview-shell{background:#fffefb;border:1px solid #e4d8c6;border-radius:14px;gap:.66rem;padding:.72rem;display:grid}.preview-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.preview-toolbar span{color:#665949;background:#f8f2e8;border:1px solid #ded2c1;border-radius:999px;padding:.24rem .52rem;font-size:.74rem}.preview-paragraph{font-family:var(--font-serif);color:#4e4336;background:#fffaf0;border:1px dashed #dbcdb9;border-radius:12px;margin:0;padding:.72rem;line-height:2}.preview-paragraph mark{color:#49331a;background:#f5d9ad;border-radius:.35rem;padding:.05rem .15rem}.preview-note{background:linear-gradient(122deg,#f4faf6,#edf6f3);border:1px solid #d8dec8;border-radius:12px;gap:.28rem;padding:.62rem;display:grid}.preview-note strong{color:#1e5a4a;font-size:.86rem}.preview-note p{color:#34584d;margin:0;font-size:.86rem;line-height:1.65}.preview-note small{color:#496c61;font-size:.76rem}.prelogin-preview-footnote{color:var(--ink-500);margin:0;font-size:.8rem;line-height:1.68}.prelogin-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fffcf6eb;border:1px solid #d9ccba;gap:.92rem;padding:clamp(1rem,2vw,1.5rem);animation:.54s panel-rise;display:grid}.prelogin-section-head{gap:.45rem;display:grid}.section-kicker{color:var(--accent);letter-spacing:.22em;margin:0;font-size:.7rem;font-weight:700}.prelogin-section-head h2{font-family:var(--font-serif);margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.prelogin-section-head>p{color:var(--ink-700);margin:0;line-height:1.78}.prelogin-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;display:grid}.prelogin-feature-card{background:#ffffffbd;border:1px solid #ded0bc;border-radius:14px;gap:.28rem;padding:.88rem;transition:transform .2s,border-color .2s;display:grid}.prelogin-feature-card:hover{border-color:#cab494;transform:translateY(-2px)}.prelogin-feature-tag{color:#7b6e5d;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.prelogin-feature-card h3{margin:0;font-size:1rem}.prelogin-feature-card p{color:var(--ink-500);margin:0;font-size:.88rem;line-height:1.72}.prelogin-journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.prelogin-journey-step{background:#ffffffc7;border:1px solid #e0d4c3;border-radius:14px;gap:.34rem;padding:.9rem;display:grid}.prelogin-step-index{font-family:var(--font-serif);color:#87683f;font-size:1.35rem;line-height:1}.prelogin-journey-step h3{margin:0;font-size:1rem}.prelogin-journey-step p{color:var(--ink-500);margin:0;font-size:.89rem;line-height:1.75}.prelogin-auth-block{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 8% 9%,#fff2d99e,#0000 38%),radial-gradient(circle at 94% 13%,#ddf4eb94,#0000 34%),#fffbf4f0;border:1px solid #d8c9b3;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:1rem;padding:clamp(1rem,2.2vw,1.6rem);animation:.54s panel-rise;display:grid}.prelogin-auth-story{gap:.72rem;display:grid}.prelogin-auth-story h2{font-family:var(--font-serif);margin:0;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.22}.prelogin-auth-story>p{color:var(--ink-700);margin:0;line-height:1.83}.prelogin-checklist{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.prelogin-checklist li{color:var(--ink-700);background:#ffffffb8;border:1px solid #ded4c5;border-radius:11px;padding:.58rem .72rem .58rem 1.95rem;font-size:.87rem;line-height:1.65;position:relative}.prelogin-checklist li:before{content:"✓";color:#1f5c4d;background:#eaf6f1;border:1px solid #b7d5ca;border-radius:999px;place-items:center;width:1.1rem;height:1.1rem;font-size:.76rem;font-weight:700;display:grid;position:absolute;top:.6rem;left:.6rem}.auth-panel{background:#fffdf8f5;border:1px solid #d7c7ae;border-radius:20px;gap:.8rem;padding:clamp(.95rem,1.8vw,1.2rem);display:grid;box-shadow:0 20px 34px #2b1f1521}.auth-panel h2{margin:0;font-size:1.22rem}.auth-mode-switch{background:#f7f1e7;border:1px solid #dbcdb7;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.2rem;display:grid}.auth-mode-switch button{color:var(--ink-700);background:0 0;border:none;border-radius:9px;padding:.54rem;font-weight:600}.auth-mode-switch button.active{color:#1f5e4f;background:#e6f0ec;font-weight:700}.reading-hero-panel{border-radius:var(--radius-lg);background:linear-gradient(122deg,#fffaf0f5,#edf7f2f2),var(--surface);box-shadow:var(--shadow-md);border:1px solid #d8cab5;grid-template-columns:minmax(320px,1.15fr) minmax(260px,.85fr);gap:1rem;padding:1rem;display:grid}.panel-eyebrow{letter-spacing:.2em;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.reading-hero-panel h2{font-size:clamp(1.5rem,2.2vw,2rem);font-family:var(--font-serif);margin:.3rem 0 .4rem}.reading-hero-panel p{color:var(--ink-700);margin:0;line-height:1.78}.reading-hero-actions{align-content:center;gap:.75rem;display:grid}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.metric{background:#ffffffc7;border:1px solid #dfd3c1;border-radius:12px;gap:.2rem;padding:.52rem .58rem;display:grid}.metric span{color:var(--ink-500);font-size:.78rem}.metric strong{font-size:1.2rem;line-height:1}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:1rem;display:grid}.side-stack{gap:1rem;display:grid}.book-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.book-chip{color:var(--ink-700);background:#fff;border:1px solid #ddcfbd;border-radius:999px;align-items:center;gap:.48rem;padding:.45rem .72rem;display:inline-flex}.book-chip small{color:var(--ink-500)}.book-chip.active{color:#184a3d;background:#e6f2ee;border-color:#97b6aa}.book-focus{background:#fff;border:1px solid #deceb8;border-radius:14px;justify-content:space-between;gap:.7rem;padding:.8rem;display:flex}.book-focus h4{margin:0;font-size:1.08rem}.book-focus p{color:var(--ink-500);margin:.35rem 0 0;line-height:1.75}.chapter-tile-grid,.book-manage-grid,.chapter-manage-grid{gap:.7rem;display:grid}.chapter-tile,.book-manage-card,.chapter-manage-card{background:#fff;border:1px solid #deceb8;border-radius:14px;gap:.55rem;padding:.85rem;display:grid}.chapter-seq{letter-spacing:.1em;color:#8b6b3d;margin:0;font-size:.76rem}.chapter-tile h5,.book-manage-card h3,.chapter-manage-card h3{margin:0;font-size:1.02rem}.chapter-meta,.book-manage-card p,.chapter-manage-card p{color:var(--ink-500);margin:0;line-height:1.7}.recent-list{gap:.55rem;display:grid}.recent-item{background:#fff;border:1px solid #e2d6c5;border-radius:12px;justify-content:space-between;gap:.65rem;padding:.68rem;display:flex}.recent-item strong{font-size:.92rem;display:block}.recent-item p{color:var(--ink-500);margin:.22rem 0 0;font-size:.82rem}.recent-item span{color:#8a7a63;white-space:nowrap;font-size:.78rem}.quick-links{gap:.55rem;display:grid}.empty-state{background:#ffffffad;border:1px dashed #d7c7ae;border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.empty-state p{color:var(--ink-500);margin:0;line-height:1.74}.manager-grid,.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.reader-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.reader-outline{border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffcf5f2,#f2f9f4f2),var(--paper);box-shadow:var(--shadow-md);border:1px solid #dacbb5;gap:.7rem;max-height:calc(100vh - 2rem);padding:.9rem;display:grid;position:sticky;top:1rem;overflow:auto}.reader-outline-book{color:#8d6f43;letter-spacing:.12em;margin:0;font-size:.76rem}.reader-outline h2{font-family:var(--font-serif);margin:0;font-size:1.28rem;line-height:1.3}.reader-outline-help{color:var(--ink-500);margin:0;font-size:.88rem;line-height:1.72}.reader-outline-actions{flex-wrap:wrap;gap:.45rem;display:flex}.reader-outline-list{gap:.45rem;display:grid}.reader-outline-list-title{color:var(--ink-700);margin:0;font-size:.84rem;font-weight:700}.outline-item{text-align:left;background:#fff;border:1px solid #deceb8;border-radius:12px;gap:.2rem;padding:.58rem;display:grid}.outline-item span{color:#8a6f49;font-size:.75rem}.outline-item strong{color:var(--ink-700);font-size:.9rem}.outline-item.active{background:#e8f4ef;border-color:#8fb2a6}.reader-stage{border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-lg);border:1px solid #d8cab5;gap:.8rem;padding:.9rem;display:grid}.reader-stage-head{gap:.75rem;display:grid}.reader-stepper{align-items:center;gap:.6rem;display:flex}.reader-stepper p{color:var(--ink-500);margin:0;font-size:.9rem}.reader-preferences{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.reader-preferences label{color:var(--ink-700);gap:.35rem;font-size:.85rem;display:grid}.reader-preferences input[type=range]{height:22px;box-shadow:none;background:0 0;border:none;padding:0}.reader-text{min-height:64vh;font-family:var(--font-serif);line-height:var(--reader-line-height);font-size:var(--reader-font-size);letter-spacing:.06em;color:#2f261b;width:min(100%,var(--reader-column-width));background:linear-gradient(#ffffffeb,#fffcf8f2),#fff;border:1px solid #dfd2bf;border-radius:16px;gap:clamp(1rem,2.4vw,1.65rem);margin:0 auto;padding:clamp(1.4rem,3vw,2.8rem);display:grid}.reader-paragraph{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.58rem .72rem;display:grid}.reader-paragraph-body{gap:.58rem;min-width:0;display:grid}.reader-paragraph-translate-icon-btn{color:#85633b;background:linear-gradient(160deg,#fffdf8,#f5efe3);border:1px solid #dccfb9;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;margin-top:.16em;padding:0;transition:transform .2s,border-color .2s,background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #4f381a1a}.reader-paragraph-translate-icon-btn:hover{background:linear-gradient(160deg,#fff7ea,#f5ebdd);border-color:#cdb18d;transform:translateY(-1px)}.reader-paragraph-translate-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #af8f5e3d,0 4px 14px #4f381a29}.reader-paragraph-translate-icon-btn:disabled{cursor:wait;opacity:.7;transform:none}.reader-paragraph-translate-icon-btn.has-translation{color:#1f5f4f;background:linear-gradient(160deg,#eef8f4,#e4f1eb);border-color:#9ebbac}.reader-paragraph-translate-icon{width:1.05rem;height:1.05rem}.reader-paragraph-translate-spinner{border:2px solid #bc9963b3;border-top-color:#0000;border-radius:999px;width:.92rem;height:.92rem;animation:.8s linear infinite reader-translate-spin}.reader-paragraph-content{white-space:pre-wrap;margin:0}.reader-paragraph-error{color:#a4452a;font-family:var(--font-sans);margin:0;font-size:.9rem;line-height:1.7}.reader-paragraph-translation{font-family:var(--font-sans);letter-spacing:normal;color:#413726;background:#fffbf2;border:1px solid #e5d5bd;border-radius:12px;gap:.38rem;padding:.7rem .75rem;font-size:1rem;line-height:1.78;display:grid}.reader-paragraph-translation-label{color:#8b7452;letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:700}.reader-paragraph-translation p{white-space:pre-wrap;margin:0}.annotation-popover,.annotation-drawer{z-index:100;background:#fff;border:1px solid #dfd2be;border-radius:18px;width:min(94vw,360px);animation:.2s ease-out panel-rise;overflow:hidden;box-shadow:0 22px 52px #0003}.annotation-popover{position:fixed}.annotation-drawer{position:fixed;inset:auto auto 12px 50%;transform:translate(-50%)}.annotation-head{background:#fffbf3;border-bottom:1px solid #f0e7d8;justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.annotation-head--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.annotation-head.dragging{cursor:grabbing}.annotation-head h3{color:#82766a;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.44rem;margin:0;font-size:.69rem;display:flex}.annotation-head-icon{color:#8e6326;background:#f7e8cb;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:grid}.annotation-head button{color:#8e877a;background:#f7f0e3;border:none;border-radius:999px;width:28px;height:28px;font-size:1.24rem;line-height:1}.annotation-body{gap:.62rem;max-height:min(72vh,480px);padding:.76rem .82rem .9rem;display:grid;overflow-y:auto}.annotation-term-block{gap:.12rem;display:grid}.annotation-term{font-size:2rem;font-family:var(--font-serif);color:#7c5214;line-height:1.08}.annotation-pronunciation{color:#898273;font-size:.78rem}.annotation-loading{color:#786449;background:#fdf8f0;border:1px solid #efe4d1;border-radius:11px;gap:.48rem;padding:.62rem;display:grid}.annotation-loading p{margin:0;line-height:1.7}.annotation-skeleton{background:linear-gradient(110deg,#f6ead8 20%,#fff8ed,#f6ead8 64%) 0 0/200% 100%;border-radius:999px;height:9px;animation:1.4s linear infinite pulse-line}.annotation-skeleton.short{width:62%}.annotation-section{gap:.3rem;display:grid}.annotation-tag{color:#87580b;background:#fff7e6;border:1px solid #efd6aa;border-radius:999px;width:fit-content;padding:.18rem .46rem;font-size:.68rem;display:inline-block}.annotation-body h4{letter-spacing:.1em;color:#8e877a;text-transform:uppercase;margin:0;font-size:.68rem}.annotation-text{color:#464237;margin:0;font-size:.9rem;line-height:1.7}.annotation-quote-box{background:#f9f7f2;border:1px solid #efeadf;border-radius:11px;gap:.36rem;padding:.56rem;display:grid}.annotation-quote-box p{color:#5c5a53;margin:0;font-size:.85rem;font-style:italic;line-height:1.7}.annotation-bottom-line{background:linear-gradient(90deg,#f0d7ae,#c68421 52%,#f0d7ae);width:100%;height:4px}@keyframes pulse-line{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes reader-translate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1240px){.dashboard-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.prelogin-hero,.prelogin-auth-block{grid-template-columns:1fr}.prelogin-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prelogin-journey-grid{grid-template-columns:1fr}}@media(max-width:1024px){.app-shell,.app-shell--wide,.app-shell--reader,.prelogin{width:min(100% - 1rem,1400px)}.prelogin-topbar{flex-direction:column;align-items:flex-start}.prelogin-nav{justify-content:flex-start;width:100%}.prelogin-feature-grid{grid-template-columns:1fr}.workspace-header-top{flex-direction:column}.workspace-actions{flex-wrap:wrap;justify-content:flex-start}.reading-hero-panel,.manager-grid,.editor-grid,.reader-layout{grid-template-columns:1fr}.reader-outline{max-height:none;position:static}.reader-preferences{grid-template-columns:1fr}.reader-text{width:100%;min-height:58vh}}@media(max-width:760px){.prelogin{gap:.85rem;padding-top:.8rem}.prelogin:before,.prelogin:after{display:none}.prelogin-topbar,.prelogin-hero,.prelogin-section,.prelogin-auth-block,.auth-panel{border-radius:16px}.prelogin-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem;display:grid}.prelogin-nav a{text-align:center;padding-inline:.3rem}.prelogin-hero-copy h1{font-size:clamp(1.72rem,9vw,2.1rem)}.prelogin-proof-row{grid-template-columns:1fr;display:grid}.prelogin-proof-row span{width:100%}.prelogin-cta-row{grid-template-columns:1fr;display:grid}.prelogin-auth-story h2{font-size:1.42rem}.workspace-nav{justify-content:center;width:100%}.workspace-meta-row{align-items:flex-start}.workspace-user-pill{max-width:100%}.metric-row,.side-stack{grid-template-columns:1fr}.book-focus,.recent-item{flex-direction:column}.button-row>*{flex:1}.btn--lg{width:100%}.reader-paragraph{gap:.52rem .62rem}.reader-paragraph-translate-icon-btn{width:2.3rem;height:2.3rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}