@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2)format("woff2"),url(/assets/roboto-latin-400-normal-DyYNIH4P.woff)format("woff")}:root{--font-ui:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-mono:Roboto, ui-monospace, SFMono-Regular, Menlo, monospace;--paper:#f7f5ee;--surface:#fff;--surface-sunken:#f1efe5;--surface-raised:#fffdf7;--ink:#2c2f26;--ink-2:#5a6150;--ink-3:#6a7059;--ink-faint:#8a8f7c;--olive:#68704a;--olive-strong:#565e3c;--olive-tint:#edefe2;--olive-tint-2:#e2e6d3;--danger:#a24a34;--danger-tint:#fbede8;--danger-line:#eccfc6;--warn:#8a6a28;--warn-tint:#f7f1e0;--warn-line:#e6dcc0;--ok:#4e6b3a;--ok-tint:#edf2e4;--ok-line:#d5e0c6;--line:#e2e1d5;--line-strong:#d3d2c2;--r-1:4px;--r-2:6px;--r-3:8px;--r-pill:999px;--shadow-1:0 1px 2px #2c2f260f, 0 1px 1px #2c2f260a;--shadow-2:0 16px 40px -18px #2c2f264d, 0 2px 8px #2c2f260f;--focus-ring:0 0 0 3px #68704a3d;--ease:cubic-bezier(.22, .61, .36, 1);--dur:.16s;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-xl:17px;--fs-2xl:20px;--fs-3xl:26px;--fs-4xl:30px;font-family:var(--font-ui);font-size:var(--fs-base);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}svg{flex-shrink:0;width:18px;height:18px}small{font-size:var(--fs-sm)}:where(.reader,.admin-shell,.login-page,.standalone,.modal) img{max-width:100%}:where(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-radius:var(--r-1)}input:focus-visible,textarea:focus-visible,select:focus-visible,[role=combobox]:focus-visible{border-color:var(--olive);box-shadow:var(--focus-ring);outline:none}.muted{color:var(--ink-2);line-height:1.75}.preline{white-space:pre-line}.mono{font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:.2px}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-3);font-weight:400}.button{background:var(--olive);color:#fff;border:1px solid var(--olive);border-radius:var(--r-2);min-height:42px;font-size:var(--fs-base);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:500;line-height:1.2;display:inline-flex}.button svg{width:16px;height:16px}.button:hover:not(:disabled){background:var(--olive-strong);border-color:var(--olive-strong)}.button:active:not(:disabled){transform:translateY(.5px)}.button.secondary{background:var(--surface);color:var(--olive-strong);border-color:var(--line-strong)}.button.secondary:hover:not(:disabled){background:var(--olive-tint);border-color:var(--olive)}.button.danger{background:var(--danger);border-color:var(--danger)}.button.danger:hover:not(:disabled){background:#8e3f2c;border-color:#8e3f2c}.icon-button{border-radius:var(--r-2);width:36px;height:36px;color:var(--ink-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--olive-tint);color:var(--olive-strong)}.icon-button[aria-expanded=true]{background:var(--olive-tint-2);color:var(--olive-strong)}.danger-text{color:var(--danger)}.danger-text:hover:not(:disabled){background:var(--danger-tint);color:var(--danger)}.text-action{border-radius:var(--r-1);min-height:30px;color:var(--olive-strong);font-size:var(--fs-md);transition:background var(--dur) var(--ease);align-items:center;gap:6px;margin:0 -8px;padding:0 8px;display:inline-flex}.text-action:hover:not(:disabled){background:var(--olive-tint)}.text-action svg{width:14px;height:14px}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;display:flex}.field>span{font-size:var(--fs-md);color:var(--ink);font-weight:500}.field>small{color:var(--ink-3);font-size:var(--fs-sm);line-height:1.65}input,textarea{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);width:100%;min-width:0;color:var(--ink);font-size:var(--fs-base);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:10px 12px;line-height:1.55}input::placeholder,textarea::placeholder{color:var(--ink-faint)}textarea{resize:vertical;min-height:76px}input:disabled,textarea:disabled{background:var(--surface-sunken);color:var(--ink-3);cursor:not-allowed}input[type=checkbox]{width:16px;height:16px;accent-color:var(--olive);flex-shrink:0;padding:0}input[type=color]{cursor:pointer;border-radius:var(--r-1);flex-shrink:0;width:40px;height:34px;padding:2px}.field-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:0 18px;display:grid}.callout{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunken);color:var(--ink-2);font-size:var(--fs-md);align-items:flex-start;gap:9px;margin:10px 0;padding:11px 13px;line-height:1.7;display:flex}.callout>svg{flex-shrink:0;width:15px;height:15px;margin-top:3px}.callout.error{background:var(--danger-tint);border-color:var(--danger-line);color:var(--danger)}.callout.success{background:var(--ok-tint);border-color:var(--ok-line);color:var(--ok)}.callout.warn{background:var(--warn-tint);border-color:var(--warn-line);color:var(--warn)}.callout .callout-close{border-radius:var(--r-1);color:inherit;opacity:.7;margin-left:auto;padding:2px;display:flex}.callout .callout-close:hover{opacity:1}.callout svg.callout-close-icon{width:13px;height:13px}.badge{background:var(--olive-tint);color:var(--olive-strong);border-radius:var(--r-1);font-size:var(--fs-xs);white-space:nowrap;line-height:1.4;font-family:var(--font-ui);align-items:center;gap:4px;padding:3px 7px;display:inline-flex}.badge.published{background:var(--olive-tint-2);color:var(--olive-strong)}.status-dot{background:var(--ink-faint);border-radius:var(--r-pill);vertical-align:middle;flex-shrink:0;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.published{background:var(--ok)}.status-dot.draft{background:var(--ink-faint)}.segmented{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-2);gap:3px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--r-1);font-size:var(--fs-md);color:var(--ink-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);padding:6px 14px}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--olive-strong);box-shadow:var(--shadow-1);font-weight:500}.loading{color:var(--ink-3);font-size:var(--fs-base);justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.spinner{border:2px solid var(--olive-tint-2);border-top-color:var(--olive);border-radius:var(--r-pill);flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);padding:56px 24px}.empty>svg{width:26px;height:26px;color:var(--ink-faint)}.empty h2{font-family:var(--font-serif);font-size:var(--fs-2xl);color:var(--ink);margin:14px 0 8px;font-weight:600}.empty p{font-size:var(--fs-md);line-height:1.7}.empty .button{margin-top:20px}.quiet-tip{color:var(--ink-3);font-size:var(--fs-sm);align-items:flex-start;gap:8px;margin-top:24px;line-height:1.75;display:flex}.quiet-tip svg{width:14px;height:14px;margin-top:3px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--dur) var(--ease);background:#262a2057;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-3);width:100%;max-width:480px;max-height:88vh;box-shadow:var(--shadow-2);animation:modal-in .18s var(--ease);padding:26px;overflow:auto}.modal header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal h2{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:600;line-height:1.4}.modal>p{font-size:var(--fs-base);color:var(--ink-2);line-height:1.8}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-base);text-align:left}th{font-size:var(--fs-sm);color:var(--ink-3);background:var(--surface-sunken);white-space:nowrap;padding:13px 20px;font-weight:500}td{border-top:1px solid var(--line);color:var(--ink-2);vertical-align:middle;padding:16px 20px}tbody tr:hover td{background:#fbfaf5}.table-wrap th:first-child{width:28%}.table-wrap th:nth-child(2){width:22%}.table-wrap th:nth-child(3){width:20%}.table-wrap th:nth-child(4){width:14%}.table-wrap th:nth-child(5){width:16%}.member{color:var(--ink);align-items:center;gap:10px;display:flex}.cell-value{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.member b{font-weight:500}.avatar{border-radius:var(--r-pill);background:var(--olive-tint);width:32px;height:32px;color:var(--olive-strong);font-family:var(--font-serif);font-size:var(--fs-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.legal-footer{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-xs);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 9px;line-height:1.6;display:flex}.legal-footer a{border-radius:var(--r-1)}.legal-footer a:hover{color:var(--olive-strong);text-decoration:underline}.legal-footer .police-filing-link{align-items:center;gap:4px;display:inline-flex}.police-filing-link img{object-fit:contain;width:13px;height:13px}.login-page{background:var(--paper);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-art{background:#4c5340;min-height:100vh;position:relative;overflow:hidden}.login-art>img{object-fit:cover;opacity:.78;width:100%;height:100%;position:absolute;inset:0}.login-art:after{content:"";background:linear-gradient(#262a201a 38%,#262a20b8);position:absolute;inset:0}.login-art>div{z-index:1;color:#fff;position:absolute;bottom:11%;left:11%;right:9%}.login-art span{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:2.6px;opacity:.85}.login-art h1{font-family:var(--font-serif);margin:22px 0;font-size:44px;font-weight:600;line-height:1.45}.login-art p{font-size:var(--fs-base);opacity:.88;line-height:1.8}.login-panel{flex-direction:column;justify-content:space-between;gap:40px;padding:46px clamp(28px,9%,96px);display:flex}.login-form{width:100%;max-width:340px;margin:auto}.login-form h1{font-family:var(--font-serif);font-size:var(--fs-3xl);margin:12px 0 10px;font-weight:600}.login-form form{margin-top:30px}.login-form .button{width:100%;margin-top:6px}.login-foot{color:var(--ink-3);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:7px;margin-top:22px;display:flex}.login-foot svg{width:13px;height:13px}.login-motto{color:var(--ink-3);font-size:var(--fs-sm);display:block}.login-panel .legal-footer{margin-top:8px}.brand{font-family:var(--font-serif);white-space:nowrap;color:var(--ink);align-items:center;gap:9px;font-size:21px;font-weight:600;display:flex}.brand svg,.brand-mark{flex:none;width:24px;height:24px}.brand-mark{object-fit:contain;border-radius:var(--r-2);display:block}.brand svg{color:var(--olive)}.standalone{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative}.standalone>.legal-footer{position:absolute;bottom:18px;left:24px;right:24px}.password-box{width:100%;max-width:380px}.password-box>svg{width:28px;height:28px;color:var(--olive);margin-bottom:20px}.password-box h1{font-family:var(--font-serif);font-size:var(--fs-3xl);margin-bottom:12px;font-weight:600;line-height:1.4}.password-box form{margin-top:26px}.password-box form .button{margin:0 8px 8px 0}.access-message{text-align:center;max-width:420px}.access-message>svg{width:32px;height:32px;color:var(--olive);margin-bottom:20px}.access-message h1{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:600;line-height:1.45}.access-message p{color:var(--ink-2);font-size:var(--fs-lg);margin:18px 0 24px;line-height:1.85}.reader-page{background:var(--paper);min-height:100vh}.reader{background:var(--paper);max-width:560px;font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink);margin:0 auto;padding:0 16px;line-height:1.75}.reader-header{z-index:30;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:52px;padding:6px 0;display:flex;position:sticky;top:0}.reader-wordmark{font-family:var(--font-serif);font-size:var(--fs-xl);align-items:center;gap:8px;min-width:0;margin-right:auto;font-weight:600;display:flex}.reader-wordmark .brand-mark{width:22px;height:22px}.reader-wordmark span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preparation-button{border-radius:var(--r-2);min-height:36px;color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-md);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;padding:0 10px;display:inline-flex}.preparation-button:hover{background:var(--olive-tint);color:var(--olive-strong)}.reader-header .icon-button{width:40px;height:40px}.reader-menu{z-index:40;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-2);min-width:176px;box-shadow:var(--shadow-2);font-family:var(--font-ui);animation:menu-in .14s var(--ease);padding:6px;position:absolute;top:calc(100% - 4px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.reader-menu>.reader-menu-user{color:var(--ink-3);font-size:var(--fs-sm);border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 10px 10px;display:block}.reader-menu button{text-align:left;border-radius:var(--r-1);width:100%;min-height:40px;font-size:var(--fs-base);color:var(--ink);transition:background var(--dur) var(--ease);padding:0 10px;display:block}.reader-menu button:hover{background:var(--olive-tint);color:var(--olive-strong)}.reader-hero{display:block}.reader-banner{aspect-ratio:2.5;object-fit:cover;border-radius:var(--r-2);background:var(--surface-sunken);width:100%;box-shadow:var(--shadow-1);margin:14px 0 0;display:block}.reader-columns{display:block}.reader-main{min-width:0}.reader-aside{display:none}.reader-title{padding:20px 0 18px}.reader-title h1{font-family:var(--font-serif);font-size:var(--fs-4xl);color:var(--ink);font-weight:600;line-height:1.32}.reader-meta{color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-lg);margin-top:8px}.reader-source{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);margin-top:8px;line-height:1.65;display:block}.reader-title>.badge{margin-top:12px}.reader-progress{font-family:var(--font-ui);align-items:center;gap:10px;margin-top:16px;display:flex}.reader-progress-track{border-radius:var(--r-pill);background:var(--olive-tint-2);flex:1;height:4px;overflow:hidden}.reader-progress-track>span{border-radius:var(--r-pill);background:var(--olive);height:100%;transition:width .26s var(--ease);display:block}.reader-progress-text{color:var(--ink-3);font-size:var(--fs-sm);white-space:nowrap}.timeline{position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:30px;bottom:34px;left:13px}.step{scroll-margin-top:68px;position:relative}.step-heading{text-align:left;grid-template-columns:28px minmax(0,1fr) 16px;align-items:start;gap:14px;width:100%;padding:18px 0 16px;display:grid}.step-marker{z-index:1;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--paper);width:28px;height:28px;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-md);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.step-marker svg{width:15px;height:15px}.step.expanded .step-marker,.step.done .step-marker{background:var(--olive);border-color:var(--olive);color:#fff}.step-heading h2{font-family:var(--font-serif);font-size:var(--fs-2xl);color:var(--ink);font-weight:600;line-height:1.35}.step-heading small{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);margin-top:4px;line-height:1.6;display:block}.step-heading>svg{width:15px;height:15px;color:var(--ink-3);margin-top:6px}.step:not(:last-child):after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:42px;right:0}.step-body{animation:step-in .2s var(--ease);padding:2px 0 24px 42px}@keyframes step-in{0%{opacity:0;transform:translateY(-3px)}}.duration-strip{border-radius:var(--r-2);background:var(--olive-tint);color:var(--olive-strong);font-family:var(--font-ui);font-size:var(--fs-md);align-items:center;gap:9px;padding:9px 12px;display:flex}.duration-strip svg{width:15px;height:15px}.duration-strip b{font-variant-numeric:tabular-nums;font-weight:600}.reader h3{font-family:var(--font-ui);font-size:var(--fs-base);letter-spacing:.3px;color:var(--ink-3);margin-bottom:10px;font-weight:600}.recipe{padding-top:16px}.mix-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mix-item{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);align-items:center;gap:8px;min-width:0;padding:7px 9px;display:flex}.pigment{border-radius:var(--r-pill);border:1px solid #2c2f2614;flex-shrink:0;width:24px;height:24px}.mix-name{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mix-parts{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.mix-result{align-items:center;gap:12px;margin-top:10px;display:flex}.mix-result-label{color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-md);flex-shrink:0}.mix-result-swatch{border-radius:var(--r-2);border:1px solid #2c2f261a;flex:1;height:40px;box-shadow:inset 0 1px #ffffff59}.color-hint{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);margin-top:9px;line-height:1.65}.instruction{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.instruction h3{margin-bottom:7px}.instruction p{color:var(--ink-2);max-width:34em;font-size:15px;line-height:1.85}.checkpoint{border-left:2px solid var(--olive);border-radius:0 var(--r-2) var(--r-2) 0;background:var(--surface-sunken);font-family:var(--font-ui);font-size:var(--fs-base);color:var(--ink-2);align-items:flex-start;gap:9px;margin-top:16px;padding:11px 13px;line-height:1.7;display:flex}.checkpoint svg{width:15px;height:15px;color:var(--olive);flex-shrink:0;margin-top:2px}.checkpoint b{color:var(--olive-strong);font-size:var(--fs-sm);margin-bottom:2px;font-weight:600;display:block}.step-body>.button{width:100%;min-height:46px;font-family:var(--font-ui);font-size:var(--fs-lg);margin-top:18px}.step-body>.button.secondary{min-height:40px;font-size:var(--fs-base)}.materials{font-family:var(--font-serif)}.materials p{font-size:var(--fs-lg);color:var(--ink-2);line-height:1.9}.materials a{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--olive-strong);font-family:var(--font-ui);font-size:var(--fs-md);align-items:center;gap:7px;margin-top:16px;padding:9px 13px;display:inline-flex}.materials a:hover{background:var(--olive-tint)}.materials a svg{width:14px;height:14px}.materials small{border-top:1px solid var(--line);color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);margin-top:16px;padding-top:14px;line-height:1.7;display:block}.reader-footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-md);margin-top:28px;padding:26px 0 32px}.reader-footer .quote{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--ink);margin-bottom:12px;display:block}.reader-footer small{color:var(--ink-3);font-size:var(--fs-sm);margin-top:8px;display:block}.reader-footer .legal-footer{font-size:var(--fs-xs);margin-top:16px}.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);margin-bottom:16px;padding:16px 18px}.aside-card:last-child{margin-bottom:0}.aside-card h3{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);letter-spacing:.6px;margin-bottom:12px;font-weight:600}.aside-progress{align-items:center;gap:10px;display:flex}.aside-progress .reader-progress-track{flex:1}.aside-progress b{color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-base);font-variant-numeric:tabular-nums;white-space:nowrap}.aside-note{color:var(--ink-3);font-family:var(--font-ui);font-size:var(--fs-sm);margin-top:10px;line-height:1.7}.step-index li+li{margin-top:2px}.step-index-item{border-radius:var(--r-1);text-align:left;width:100%;min-height:34px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:9px;padding:4px 7px;display:flex}.step-index-item:hover{background:var(--olive-tint)}.step-index-num{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);width:20px;height:20px;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-index-num svg{width:12px;height:12px}.step-index-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-md);flex:1;overflow:hidden}.step-index-time{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs);flex-shrink:0}.step-index-item.current{background:var(--olive-tint-2)}.step-index-item.current .step-index-title{color:var(--olive-strong);font-weight:600}.step-index-item.current .step-index-num,.step-index-item.done .step-index-num{background:var(--olive);border-color:var(--olive);color:#fff}.aside-materials{color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-md);line-height:1.85}.aside-link{color:var(--olive-strong);font-family:var(--font-ui);font-size:var(--fs-md);align-items:center;gap:6px;margin-top:12px;display:inline-flex}.aside-link:hover{text-decoration:underline}.aside-link svg{width:13px;height:13px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-2);width:min(420px,100vw - 28px);box-shadow:var(--shadow-2);font-family:var(--font-ui);font-size:var(--fs-base);color:var(--ink-2);animation:toast-in .2s var(--ease);align-items:flex-start;gap:9px;padding:12px 14px;line-height:1.6;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast>svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.toast.success{border-color:var(--ok-line);background:var(--ok-tint);color:var(--ok)}.toast.error{border-color:var(--danger-line);background:var(--danger-tint);color:var(--danger)}.toast.info{border-color:var(--olive-tint-2);background:var(--olive-tint);color:var(--olive-strong)}.toast .callout-close{border-radius:var(--r-1);color:inherit;opacity:.7;margin-left:auto;padding:2px;display:flex}.toast .callout-close:hover{opacity:1}.admin-shell{background:var(--paper);--sidebar-w:232px;min-height:100vh;line-height:1.6}.admin-mobilebar,.sidebar-scrim,.sidebar-close{display:none}.sidebar{z-index:60;width:var(--sidebar-w);background:var(--surface-sunken);border-right:1px solid var(--line);transition:transform var(--dur) var(--ease);flex-direction:column;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 6px}.sidebar .brand-mark{width:28px;height:28px}.sidebar-caption{color:var(--ink-3);font-size:var(--fs-sm);letter-spacing:1.4px;margin:8px 0 30px 6px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{border-radius:var(--r-2);min-height:42px;color:var(--ink-2);font-size:var(--fs-base);text-align:left;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:11px;padding:0 12px;display:flex;position:relative}.sidebar nav button svg{width:16px;height:16px;color:var(--ink-3)}.sidebar nav button:hover{color:var(--ink);background:#ffffffb3}.sidebar nav button.active{background:var(--surface);color:var(--olive-strong);box-shadow:var(--shadow-1);font-weight:600}.sidebar nav button.active svg{color:var(--olive)}.sidebar nav button.active:before{content:"";border-radius:var(--r-pill);background:var(--olive);width:2px;position:absolute;top:9px;bottom:9px;left:0}.sidebar nav .nav-index{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs);margin-left:auto}.sidebar nav .nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.sidebar-user{min-width:0}.sidebar-bottom b{font-size:var(--fs-md);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.sidebar-bottom small{color:var(--ink-3);font-size:var(--fs-xs);margin-top:2px;display:block}.sidebar-bottom .icon-button{width:32px;height:32px;margin-left:auto}.change-password{border-radius:var(--r-1);color:var(--ink-3);font-size:var(--fs-sm);text-align:left;transition:color var(--dur) var(--ease);margin-top:12px;padding:6px}.change-password:hover{color:var(--olive-strong);background:#ffffffb3}.admin-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-w);flex-direction:column;display:flex}.admin-main>.legal-footer{border-top:1px solid var(--line);margin-top:auto;padding:20px 40px}.admin-mobilebar{background:var(--paper);border-bottom:1px solid var(--line);z-index:40;align-items:center;gap:10px;padding:8px 16px;position:sticky;top:0}.admin-mobilebar-title{font-family:var(--font-serif);font-size:var(--fs-xl);font-weight:600}.admin-mobilebar .avatar{margin-left:auto}.sidebar-scrim{z-index:55;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:fade-in var(--dur) var(--ease);background:#262a2066;position:fixed;inset:0}.sidebar-scrim[hidden]{display:none}.admin-topline{border-bottom:1px solid var(--line);min-height:58px;color:var(--ink-3);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:20px;padding:0 40px;display:flex}.admin-topline>span:first-child{color:var(--ink-2)}.admin-content{padding:36px 40px 48px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{font-family:var(--font-serif);font-size:var(--fs-4xl);margin:10px 0 8px;font-weight:600;line-height:1.3}.page-heading p{color:var(--ink-2);font-size:var(--fs-base);max-width:42em;line-height:1.7}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:46px;margin-bottom:22px;display:flex}.list-toolbar h3{font-size:var(--fs-base);color:var(--ink-2);font-weight:500}.filter-tabs{align-self:stretch;gap:22px;display:flex}.filter-tabs button{color:var(--ink-2);font-size:var(--fs-base);transition:color var(--dur) var(--ease);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 0 13px;display:flex}.filter-tabs button:hover{color:var(--ink)}.filter-tabs button.active{border-bottom-color:var(--olive);color:var(--olive-strong);font-weight:600}.filter-tabs button>span{border-radius:var(--r-pill);background:var(--surface-sunken);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs);padding:1px 6px}.filter-tabs button.active>span{background:var(--olive-tint-2);color:var(--olive-strong)}.search{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-2);width:240px;color:var(--ink-3);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:8px;margin-bottom:9px;padding:0 11px;display:flex}.search:focus-within{border-color:var(--olive);box-shadow:var(--focus-ring)}.search svg{flex-shrink:0;width:15px;height:15px}.search input{width:100%;box-shadow:none;font-size:var(--fs-base);background:0 0;border:0;padding:9px 0}.search input:focus-visible{box-shadow:none;outline:none}.note-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px;display:grid}.note-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.note-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1)}.note-cover{background:var(--surface-sunken);width:100%;height:164px;padding:0;display:block;position:relative;overflow:hidden}.note-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.note-card:hover .note-cover img{transform:scale(1.02)}.note-cover .badge{color:var(--olive-strong);box-shadow:var(--shadow-1);background:#fffdf7f0;position:absolute;top:12px;left:12px}.note-card-body{flex-direction:column;flex:1;padding:16px 16px 12px;display:flex}.note-card h2{font-family:var(--font-serif);font-size:var(--fs-2xl);font-weight:600;line-height:1.35}.note-card h2 button{text-align:left;font:inherit;color:inherit;padding:0}.note-card h2 button:hover{color:var(--olive-strong)}.note-card-body>p{color:var(--ink-3);font-size:var(--fs-sm);margin-top:7px}.note-card-body>p span{margin:0 6px}.note-card-bottom{border-top:1px solid var(--line);color:var(--ink-3);align-items:center;gap:6px;margin-top:auto;padding-top:14px;display:flex}.note-card-bottom small{font-size:var(--fs-sm);margin-right:auto}.note-card-bottom button{border-radius:var(--r-1);width:30px;height:30px;color:var(--ink-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;display:flex}.note-card-bottom button:hover{background:var(--olive-tint);color:var(--olive-strong)}.note-card-bottom svg{width:15px;height:15px}.new-note-tile{border:1px dashed var(--line-strong);border-radius:var(--r-2);min-height:260px;color:var(--ink-2);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.new-note-tile:hover{background:var(--olive-tint);border-color:var(--olive)}.new-note-tile>svg{width:22px;height:22px;color:var(--olive);margin-bottom:6px}.new-note-tile b{font-family:var(--font-serif);font-size:var(--fs-xl);color:var(--ink);font-weight:600}.new-note-tile span{color:var(--ink-3);font-size:var(--fs-sm)}.editor-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:60px;padding:0 28px;display:flex;position:sticky;top:0}.back-link{border-radius:var(--r-2);min-height:34px;color:var(--ink-2);font-size:var(--fs-base);transition:background var(--dur) var(--ease);align-items:center;gap:8px;margin-left:-10px;padding:0 10px;display:inline-flex}.back-link:hover{background:var(--olive-tint);color:var(--olive-strong)}.back-link svg{width:15px;height:15px}.editor-save-state{color:var(--ink-3);font-size:var(--fs-sm);align-items:center;gap:6px;margin-left:auto;display:flex}.editor-save-state>span{align-items:center;gap:5px;display:flex}.editor-save-state svg{width:14px;height:14px}.editor-save-state .unsaved{color:var(--warn);font-weight:500}.editor-save-state .unsaved:before{content:"";border-radius:var(--r-pill);background:var(--warn);width:6px;height:6px}.editor-header .button{min-height:36px;font-size:var(--fs-md);padding:0 14px}.editor-titlebar{justify-content:space-between;align-items:flex-end;gap:24px;padding:24px 28px 0;display:flex}.editor-titlebar h1{font-family:var(--font-serif);font-size:var(--fs-3xl);margin:8px 0 6px;font-weight:600;line-height:1.35}.editor-titlebar .muted{color:var(--ink-3);font-size:var(--fs-sm)}.editor-tabs{flex-shrink:0;gap:22px;display:flex}.editor-tabs button{color:var(--ink-2);font-size:var(--fs-base);transition:color var(--dur) var(--ease);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 0 13px;display:flex}.editor-tabs button:hover{color:var(--ink)}.editor-tabs button.active{border-bottom-color:var(--olive);color:var(--olive-strong);font-weight:600}.editor-tabs svg{width:14px;height:14px}.editor-feedback{padding:0 28px}.editor-feedback:empty{display:none}.editor-feedback .callout,.editor-feedback .success{margin:12px 0 0}.success{border:1px solid var(--ok-line);border-radius:var(--r-2);background:var(--ok-tint);color:var(--ok);font-size:var(--fs-md);align-items:center;gap:8px;padding:10px 13px;display:flex}.success svg{width:15px;height:15px}.editor-layout{border-top:1px solid var(--line);grid-template-columns:224px minmax(0,1fr) 268px;align-items:stretch;min-height:calc(100vh - 210px);margin-top:20px;display:grid}.step-sidebar{background:var(--surface-sunken);border-right:1px solid var(--line);padding:18px 12px 28px}.step-sidebar>button{width:100%}.info-item{border-radius:var(--r-2);min-height:40px;color:var(--ink-2);font-size:var(--fs-base);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:9px;padding:0 11px;display:flex}.info-item svg{width:15px;height:15px;color:var(--ink-3)}.info-item:hover{color:var(--ink);background:#ffffffb3}.info-item.selected{background:var(--surface);color:var(--olive-strong);box-shadow:var(--shadow-1);font-weight:600}.info-item.selected svg{color:var(--olive)}.step-list-title{color:var(--ink-3);font-size:var(--fs-sm);letter-spacing:.6px;justify-content:space-between;align-items:baseline;padding:22px 11px 10px;display:flex}.step-list-title span{font-family:var(--font-mono);font-size:var(--fs-xs)}.step-list-item{border-radius:var(--r-2);text-align:left;width:100%;min-height:46px;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:9px;margin-bottom:3px;padding:7px 10px;display:flex}.step-list-item:hover{background:#ffffffb3}.step-list-item>span:nth-child(2){min-width:0}.step-list-num{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);width:22px;height:22px;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-xs);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-list-item b{font-size:var(--fs-md);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:400;line-height:1.4;display:block;overflow:hidden}.step-list-item small{color:var(--ink-3);font-size:var(--fs-xs);margin-top:2px;display:block}.step-list-item.selected{background:var(--surface);box-shadow:var(--shadow-1)}.step-list-item.selected b{color:var(--olive-strong);font-weight:600}.step-list-item.selected .step-list-num{background:var(--olive);border-color:var(--olive);color:#fff}.add-step{border:1px dashed var(--line-strong);border-radius:var(--r-2);width:100%;min-height:40px;color:var(--ink-2);font-size:var(--fs-md);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.add-step:hover{background:var(--olive-tint);border-color:var(--olive);color:var(--olive-strong)}.add-step svg{width:14px;height:14px}.step-sidebar>p{color:var(--ink-3);font-size:var(--fs-sm);padding:14px 11px 0;line-height:1.7}.editing-panel{background:var(--surface);min-width:0;padding:26px 30px 56px}.form-column{max-width:660px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{font-family:var(--font-serif);font-size:var(--fs-2xl);margin-top:7px;font-weight:600;line-height:1.4}.inline-actions{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.inline-actions .icon-button{border-radius:var(--r-1);width:30px;height:30px}.inline-actions svg{width:14px;height:14px}.editing-panel .field{margin-bottom:16px}.editing-panel .field>span{font-size:var(--fs-md);color:var(--ink)}.editing-panel input,.editing-panel textarea{font-size:var(--fs-base);padding:10px 12px}.form-section-title{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:8px;margin:26px 0 16px;padding-top:20px;display:flex}.form-section-title h3{font-size:var(--fs-base);font-weight:600}.form-section-title svg{width:15px;height:15px;color:var(--ink-3)}.form-section-title .text-action{margin-left:auto}.duration-field{max-width:220px}.editor-banner{aspect-ratio:2.6;object-fit:cover;border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-sunken);width:100%;max-width:480px;display:block}.pigment-editor{flex-direction:column;gap:12px;display:flex}.pigment-editor>.muted{font-size:var(--fs-md)}.paint-entry{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.paint-preview{border-radius:var(--r-pill);border:1px solid #2c2f261a;flex-shrink:0;width:40px;height:40px;margin-top:13px;box-shadow:inset 0 1px #fff6}.paint-fields{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-raised);min-width:0;padding:12px 14px}.pigment-row{color:var(--ink-3);align-items:center;gap:8px;display:flex}.pigment-row>input:not([type=color]){min-width:0}.pigment-row .parts-input{text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:58px}.pigment-row>span{font-size:var(--fs-sm);flex-shrink:0}.pigment-row .icon-button{flex-shrink:0;width:30px;height:30px}.pigment-row .icon-button svg{width:14px;height:14px}.custom-paint-name{margin-top:8px}.paint-adjust{color:var(--ink-3);font-size:var(--fs-sm);margin-top:8px}.paint-adjust summary{cursor:pointer;color:var(--ink-2);align-items:center;gap:5px;padding:3px 0;list-style:none;display:inline-flex}.paint-adjust summary::-webkit-details-marker{display:none}.paint-adjust summary:before{content:"›";transition:transform var(--dur) var(--ease);font-size:14px;line-height:1}.paint-adjust[open] summary:before{transform:rotate(90deg)}.paint-adjust label{color:var(--ink-2);align-items:center;gap:12px;padding:10px 0 6px;display:flex}.paint-adjust small{color:var(--ink-3);font-size:var(--fs-sm);line-height:1.6;display:block}.editing-panel .segmented{margin-top:20px}.target-editor{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-raised);align-items:center;gap:13px;margin-top:14px;padding:13px 14px;display:flex}.target-editor>div{flex:1;min-width:0}.target-editor b{color:var(--ink);font-size:var(--fs-md);font-weight:600;display:block}.target-editor small{color:var(--ink-3);font-size:var(--fs-sm);margin-top:4px;line-height:1.6;display:block}.target-editor input[type=color]{width:56px;height:40px}.target-preview{border-radius:var(--r-1);border:1px solid #2c2f261a;flex-shrink:0;width:56px;height:40px;display:block}.mix-guidance{color:var(--ink-3);font-size:var(--fs-sm);margin-top:10px;line-height:1.7}.paint-select-trigger{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);min-width:0;min-height:40px;color:var(--ink);font-size:var(--fs-base);text-align:left;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:1;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;display:flex}.paint-select-trigger:hover{border-color:var(--olive)}.paint-select-trigger[data-state=open]{border-color:var(--olive);box-shadow:var(--focus-ring)}.paint-select-chevron{color:var(--ink-3);transition:transform var(--dur) var(--ease);display:flex}.paint-select-trigger[data-state=open] .paint-select-chevron{transform:rotate(180deg)}.paint-select-menu{z-index:1000;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(360px, var(--radix-select-content-available-height));border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-raised);box-shadow:var(--shadow-2);transform-origin:var(--radix-select-content-transform-origin);animation:menu-in .14s var(--ease);overflow:hidden}.paint-select-viewport{padding:5px}.paint-select-label{color:var(--ink-3);font-size:var(--fs-xs);letter-spacing:1px;padding:8px 9px 6px}.paint-select-item{border-radius:var(--r-1);min-height:36px;color:var(--ink);font-size:var(--fs-base);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:9px;padding:6px 34px 6px 9px;display:flex;position:relative}.paint-select-item[data-state=checked]{color:var(--olive-strong);background:var(--olive-tint)}.paint-select-item[data-highlighted]{background:var(--olive-tint-2);color:var(--olive-strong)}.paint-option-swatch{border-radius:var(--r-pill);border:1px solid #2c2f261f;flex-shrink:0;width:18px;height:18px}.paint-select-check{color:var(--olive);display:flex;position:absolute;right:9px}.paint-select-separator{background:var(--line);height:1px;margin:5px 3px}.paint-select-scroll{height:22px;color:var(--olive);background:var(--surface-raised);justify-content:center;align-items:center;display:flex}.editor-right{background:var(--surface-sunken);border-left:1px solid var(--line);padding:24px 20px 40px}.editor-right>section{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.editor-right>section:last-of-type{border-bottom:0}.editor-right h3{font-family:var(--font-ui);font-size:var(--fs-base);color:var(--ink);margin:8px 0 10px;font-weight:600}.editor-right p{color:var(--ink-2);font-size:var(--fs-md);line-height:1.75}.publish-status{align-items:center;margin-bottom:8px;font-weight:500;display:flex;color:var(--ink)!important}.editor-right .button{width:100%;min-height:38px;font-size:var(--fs-md);margin-top:14px}.editor-right ul{margin-top:12px}.editor-right ul li{color:var(--ink-2);font-size:var(--fs-md);margin-bottom:6px;padding-left:14px;line-height:1.7;position:relative}.editor-right ul li:before{content:"";border-radius:var(--r-pill);background:var(--olive);width:4px;height:4px;position:absolute;top:9px;left:0}.delete-note{border-radius:var(--r-1);min-height:34px;color:var(--danger);font-size:var(--fs-md);transition:background var(--dur) var(--ease);align-items:center;gap:7px;margin-left:-9px;padding:0 9px;display:flex}.delete-note:hover{background:var(--danger-tint)}.delete-note svg{width:14px;height:14px}.grants-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);width:min(1040px,100% - 56px);margin:20px auto 44px;padding:30px 32px 34px}.grants-panel h2{font-family:var(--font-serif);font-size:var(--fs-3xl);margin:10px 0;font-weight:600;line-height:1.35}.grants-panel>.muted{font-size:var(--fs-base);max-width:46em}.grant-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px 40px;margin-top:26px;display:grid}.grant-columns h3{color:var(--ink);font-size:var(--fs-md);align-items:center;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.grant-columns .empty{padding:26px 18px}.grant-columns .empty>svg{width:20px;height:20px}.grant-columns .empty h2{font-size:var(--fs-lg);margin:10px 0 6px}.grant-columns .empty p{font-size:var(--fs-md)}.grant-columns h3 svg{width:15px;height:15px;color:var(--ink-3)}.choice-row{border-bottom:1px solid var(--line);font-size:var(--fs-lg);cursor:pointer;align-items:center;gap:11px;padding:12px 0;display:flex}.choice-row:hover{background:#fbfaf5}.choice-row>span{min-width:0}.choice-row b{font-size:var(--fs-base);color:var(--ink);font-weight:500;display:block}.choice-row small{color:var(--ink-3);font-size:var(--fs-sm);margin-top:2px;display:block}.choice-row .badge{margin-left:auto}.grants-panel .notice{margin:24px 0 0}.notice{border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-sunken);color:var(--ink-2);font-size:var(--fs-md);align-items:flex-start;gap:9px;padding:12px 14px;line-height:1.75;display:flex}.notice>svg{flex-shrink:0;width:15px;height:15px;margin-top:3px}.grants-panel>.button{margin-top:24px}.grants-panel .success{margin-top:18px}.roles-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.role-list,.role-create{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:24px}.roles-layout h3{font-size:var(--fs-lg);margin-bottom:14px;font-weight:600}.role-item{border-top:1px solid var(--line);align-items:center;gap:13px;padding:16px 0;display:flex}.role-item>div{flex:1;min-width:0}.role-item b{font-size:var(--fs-lg);color:var(--ink);font-weight:500}.role-item p{color:var(--ink-3);font-size:var(--fs-sm);margin-top:4px;line-height:1.6}.role-icon{border-radius:var(--r-2);background:var(--olive-tint);width:34px;height:34px;color:var(--olive);flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-icon svg{width:16px;height:16px}.role-item>.icon-button{width:32px;height:32px}.role-create .muted{font-size:var(--fs-md);margin-bottom:18px}.role-create form .button{margin:4px 8px 0 0}.role-choices{flex-wrap:wrap;gap:8px;display:flex}.role-choices label{border:1px solid var(--line-strong);border-radius:var(--r-2);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);align-items:center;gap:7px;padding:8px 11px;display:flex}.role-choices label:hover{border-color:var(--olive);background:var(--olive-tint)}@media (width>=1024px){.reader{max-width:1040px;padding:0 32px}.reader-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;display:grid}.reader-aside{max-height:calc(100vh - 100px);display:block;position:sticky;top:80px;overflow-y:auto}.reader-title>.reader-progress{display:none}.reader-banner{aspect-ratio:2.8;max-height:400px;margin-top:18px}.reader-title{padding:22px 0 26px}.instruction p{max-width:none;font-size:16px}.mix-list{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-footer{text-align:left}.reader-footer .legal-footer{justify-content:flex-start}}@media (width>=1280px){.reader{max-width:1104px}.reader-columns{grid-template-columns:minmax(0,660px) 300px;justify-content:center;gap:80px}}@media (width<=1023px){.reader{max-width:560px}}@media (width<=640px){.reader{padding:0 16px}.reader-banner{border-radius:var(--r-1);margin-top:10px}}@media (width<=900px){.login-page{display:block}.login-art{height:clamp(190px,26vw,280px);min-height:0}.login-art>div{bottom:22px;left:26px;right:26px}.login-art h1{margin:10px 0 0;font-size:clamp(24px,3.6vw,32px);line-height:1.4}.login-panel{gap:32px;padding:34px clamp(24px,8%,72px)}}@media (width<=640px){.login-art p{display:none}.login-panel{gap:26px;padding:26px 22px}.login-form h1{font-size:var(--fs-3xl)}.login-form form{margin-top:24px}}@media (width>=768px) and (width<=1023px){.admin-shell{--sidebar-w:76px}.sidebar{padding:20px 10px 16px}.sidebar .brand{justify-content:center;padding:0}.sidebar .brand-text,.sidebar-caption,.sidebar nav .nav-label,.sidebar nav .nav-index,.sidebar-user,.change-password{display:none}.sidebar nav button{justify-content:center;gap:0;padding:0}.sidebar-bottom{flex-direction:column;gap:8px}.sidebar-bottom .icon-button{margin-left:0}.admin-topline,.admin-content{padding-left:28px;padding-right:28px}}@media (width<=767px){.admin-shell{--sidebar-w:0px}.sidebar{width:264px;transform:translate(-100%)}.admin-shell.nav-open .sidebar{box-shadow:var(--shadow-2);transform:none}.admin-shell.nav-open .sidebar-scrim{display:block}.admin-mobilebar{display:flex}.sidebar-close{display:inline-flex;position:absolute;top:14px;right:10px}.admin-topline{display:none}.admin-content{padding:20px 16px 32px}.admin-main>.legal-footer{padding:16px}.page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.page-heading h1{font-size:var(--fs-3xl)}.page-heading .button{width:100%}.list-toolbar{flex-wrap:wrap;gap:10px;min-height:0;padding-bottom:10px}.list-toolbar h3{width:100%}.filter-tabs{scrollbar-width:none;gap:18px;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.search{width:100%;margin-bottom:0}.note-grid{grid-template-columns:minmax(0,1fr);gap:16px}.note-cover{height:150px}.new-note-tile{min-height:150px}.roles-layout{grid-template-columns:minmax(0,1fr);gap:16px}.grants-panel{width:calc(100% - 32px);margin:16px auto 32px;padding:22px 18px 26px}.grant-columns{gap:20px}.quiet-tip{margin-top:20px}.empty{padding:40px 18px}.table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap thead{display:none}.table-wrap tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);margin-bottom:12px;padding:4px 0}.table-wrap td{border-top:0;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:9px 16px;display:grid}.table-wrap td:before{content:attr(data-label);color:var(--ink-3);font-size:var(--fs-sm)}.table-wrap td:first-child{padding-top:14px}.table-wrap td:last-child{border-top:1px solid var(--line);margin-top:5px;padding-bottom:14px}.table-wrap tbody tr:hover td{background:0 0}}@media (width>=1100px) and (width<=1400px){.editor-layout{grid-template-columns:200px minmax(0,1fr) 236px}.editing-panel{padding:24px 24px 48px}.editor-right{padding:22px 16px 36px}}@media (width<=1099px){.editor-layout{grid-template-columns:minmax(0,1fr);min-height:0}.step-sidebar{border-right:0;border-bottom:1px solid var(--line);scrollbar-width:thin;align-items:center;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.step-sidebar>button{flex:none;width:auto}.step-list-title,.step-sidebar>p{display:none}.step-list-item{min-height:38px;margin-bottom:0}.step-list-item small{display:none}.step-list-item b{white-space:nowrap}.add-step{width:auto;min-height:38px;margin-top:0;padding:0 14px}.editing-panel{padding:22px 22px 44px}.editor-right{border-left:0;border-top:1px solid var(--line);padding:20px 18px 32px}}@media (width<=767px){.editor-header{flex-wrap:wrap;gap:8px;min-height:0;padding:10px 16px}.editor-header .back-link{margin-left:0;padding:0 8px}.back-link-text,.editor-header .button-label{display:none}.editor-header .button{min-height:34px;padding:0 12px}.editor-titlebar{flex-direction:column;align-items:stretch;gap:12px;padding:18px 16px 0}.editor-titlebar h1{font-size:var(--fs-2xl)}.editor-tabs{gap:22px}.editor-tabs button{padding:8px 0 12px}.editor-feedback{padding:0 16px}.editing-panel{padding:18px 16px 40px}.form-column{max-width:none}.section-heading{flex-wrap:wrap}.paint-entry{grid-template-columns:34px minmax(0,1fr);gap:10px}.paint-preview{width:34px;height:34px;margin-top:12px}.paint-fields{padding:10px 12px}.editor-right ul{margin-top:10px}}@media (width>=1560px){.admin-topline,.admin-content{padding-left:max(40px,50% - 700px);padding-right:max(40px,50% - 700px)}.editor-layout{padding-left:max(0px,50% - 720px);padding-right:max(0px,50% - 720px)}}@media (width<=420px){.reader-title h1{font-size:27px}.mix-list{grid-template-columns:minmax(0,1fr)}.admin-content{padding:16px 14px 28px}.modal-backdrop{padding:14px}.modal{padding:22px 20px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.standalone{padding:24px 20px 64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}