:root{color-scheme:light;--color-page: #F3F0E8;--color-surface: #FBFAF6;--color-surface-raised: #FFFDF8;--color-surface-subtle: #EEE9DF;--color-surface-soft: var(--color-surface-subtle);--color-soft: #EEE9DF;--color-text: #37352F;--color-text-muted: #686762;--color-text-secondary: var(--color-text-muted);--color-text-meta: #9B9A97;--color-border: #DDD7CA;--color-border-strong: color-mix(in srgb, var(--color-border) 55%, var(--color-text) 45%);--color-border-soft: rgba(0,0,0,.06);--sidebar-bg: #E9E1D3;--sidebar-border: #D2C6B4;--sidebar-text-muted: #4F4D47;--sidebar-text-meta: #4F4D47;--layer-shadow: 0 8px 24px rgba(63,52,37,.055);--color-accent: #24744C;--color-accent-strong: #1D603F;--color-accent-hover: #1D603F;--color-accent-secondary: #57B978;--color-accent-highlight: #A7D96F;--color-accent-soft: #E5F2E9;--color-accent-glow: rgba(57,157,94,.24);--color-action-active-bg: #D4EDDC;--color-action-active-border: #91CDA6;--color-action-active-glow: rgba(62,153,93,.18);--color-on-accent: #FFFFFF;--admin-nav: #173B2A;--admin-nav-raised: #214C37;--admin-nav-text: #EFF6EF;--admin-nav-muted: #ABC2B0;--admin-canvas: #EFEBE1;--admin-panel: #F9F7F0;--admin-grid: rgba(45,67,51,.08);--cover-start: #D9DED3;--cover-mid: #C7D3C9;--cover-end: #DDD3C4;--toast-bg: #173B2A;--toast-text: #BFE89B;--toast-border: #3E7652;--notice-security-bg: #F7E7E1;--notice-security-accent: #B74738;--notice-mention-bg: #E2F0E7;--notice-mention-accent: #24744C;--notice-system-bg: #F5ECD6;--notice-system-accent: #AE651B;--color-success: #24744C;--color-success-soft: #E5F3EC;--color-warning: #D9730D;--color-warning-soft: #FFF1D8;--color-warning-text: #8A4500;--color-danger: #E03E3E;--color-on-danger: #FFFFFF;--color-danger-soft: #FDEAEA;--color-danger-text: #B42318;--color-danger-border: color-mix(in srgb, var(--color-danger) 70%, var(--color-border) 30%);--color-info: #24744C;--color-info-soft: #E5F2E9;--notion-red: #E03E3E;--notion-orange: #D9730D;--notion-yellow: #CB912F;--notion-green: #0F7B0C;--notion-blue: #24744C;--notion-purple: #9065B0;--notion-pink: #E255A1;--spruce-25: #EFF9FA;--spruce-50: #E5F4F5;--spruce-100: #CDE3E5;--spruce-200: #A1C2C6;--spruce-300: #7EA7AC;--spruce-400: #5F8C92;--spruce-500: #437278;--spruce-600: #29555B;--spruce-700: #0B363B;--spruce-800: #032A2E;--spruce-900: #031F23;--spruce-accent: #1F4548;--spruce-accent-hover: #437278;--charcoal-text: #141414;--charcoal-text-bold: #060606;--charcoal-text-subtle: #5B5B5B;--charcoal-text-placeholder: #808080;--charcoal-border: #F5F5F5;--charcoal-border-bold: #C1C1C1;--charcoal-surface: #FAFAF9;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(15,15,15,.07), 0 10px 15px rgba(15,15,15,.04);--shadow-lg: 0 10px 15px rgba(15,15,15,.05), 0 20px 25px rgba(15,15,15,.04);--shadow-elev: rgba(0,0,0,.04) 0 4px 18px, rgba(0,0,0,.027) 0 2px 7.85px, rgba(0,0,0,.02) 0 .8px 2.93px;--color-focus-ring: #24744C;--focus-ring: 0 0 0 3px var(--color-focus-ring);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--max-width: 1180px;--nav-height: 56px;--duration-fast: .15s;--duration-menu: .2s;--duration-drawer: .24s;--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease: cubic-bezier(.2, 0, 0, 1);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-sans: "Inter", -apple-system, system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Inter", -apple-system, system-ui, "Segoe UI", sans-serif;--font-serif: Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Consolas, monospace;--font-admin: "Instrument Sans", "Inter", -apple-system, system-ui, sans-serif;--font-heading: var(--font-display);--font-body: var(--font-serif);--font-meta: var(--font-ui);--font-control: var(--font-ui);--font-code: var(--font-mono)}[data-theme=dark]{color-scheme:dark;--color-page: #171A15;--color-surface: #252A21;--color-surface-raised: #30362B;--color-surface-subtle: #31372C;--color-surface-soft: var(--color-surface-subtle);--color-soft: #31372C;--color-text: #F1EEE4;--color-text-muted: #B7B5AA;--color-text-secondary: var(--color-text-muted);--color-text-meta: #85877D;--color-border: #485041;--color-border-strong: color-mix(in srgb, var(--color-border) 72%, var(--color-text) 28%);--color-border-soft: rgba(255,255,255,.06);--sidebar-bg: #0F1912;--sidebar-border: #344438;--sidebar-text-muted: #C7D2C5;--sidebar-text-meta: #AEBDAE;--layer-shadow: 0 12px 32px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025);--color-accent: #79C99A;--color-accent-strong: #91D8AE;--color-accent-hover: #91D8AE;--color-accent-secondary: #45AA6D;--color-accent-highlight: #A7D96F;--color-accent-soft: #24382B;--color-accent-glow: rgba(90,199,130,.22);--color-action-active-bg: #315C43;--color-action-active-border: #5F9F78;--color-action-active-glow: rgba(121,201,154,.2);--color-on-accent: #173B2A;--admin-nav: #101A14;--admin-nav-raised: #1D3023;--admin-nav-text: #EEF4EC;--admin-nav-muted: #9DAF9F;--admin-canvas: #191C17;--admin-panel: #23271F;--admin-grid: rgba(203,220,202,.07);--cover-start: #344138;--cover-mid: #2B3931;--cover-end: #443D32;--toast-bg: #B9E58D;--toast-text: #143622;--toast-border: #78AE52;--notice-security-bg: #3A2521;--notice-security-accent: #F08A78;--notice-mention-bg: #21362A;--notice-mention-accent: #79C99A;--notice-system-bg: #3A311E;--notice-system-accent: #E4B45E;--color-success: #63C596;--color-success-soft: #213B31;--color-warning: #E4B45E;--color-warning-soft: #44351E;--color-warning-text: #F2C06B;--color-danger: #F08484;--color-on-danger: #171A15;--color-danger-soft: #4B2828;--color-danger-text: #F6A3A3;--color-danger-border: color-mix(in srgb, var(--color-danger) 70%, var(--color-border) 30%);--color-info: #79C99A;--color-info-soft: #24382B;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.2), 0 10px 15px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.15), 0 20px 25px rgba(0,0,0,.1);--shadow-elev: rgba(0,0,0,.3) 0 4px 18px, rgba(0,0,0,.2) 0 2px 7.85px;--color-focus-ring: #79C99A;--focus-ring: 0 0 0 3px var(--color-focus-ring)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/fonts/instrument-sans-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-width:320px;background:var(--color-page);color:var(--color-text);font:400 var(--text-sm)/1.6 var(--font-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.is-detail-drawer-open,body.is-confirm-action-open{overflow:hidden}button,input,select,textarea{font:inherit}img,picture,svg,video,canvas{max-width:100%}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--leading-body: 1.75;--leading-tight: 1.3;--leading-normal: 1.5;--type-display: 800 40px/1.2 var(--font-display);--type-heading: 750 30px/1.25 var(--font-heading);--type-body: 400 16px/1.75 var(--font-body);--type-meta: 500 12px/1.5 var(--font-meta);--type-control: 600 14px/1.4 var(--font-control);--type-code: 400 14px/1.6 var(--font-code);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--touch-target: 44px}:root{--duration-fast: .12s;--duration-menu: .18s;--duration-drawer: .24s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn.primary{position:relative;overflow:hidden;isolation:isolate}.btn.primary:before{position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.4),transparent 72%);background-position:-200% 0;background-size:200% 100%;pointer-events:none;content:""}.btn.primary:hover:before{animation:shimmer .45s var(--ease-out) both}.btn.primary>*{position:relative;z-index:2}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes theme-ripple{0%{transform:translate(-50%,-50%) scale(.08);opacity:.34}72%{opacity:.12}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes notification-read-settle{0%{transform:scale(1);opacity:1}46%{transform:scale(.992);opacity:.78}to{transform:scale(1);opacity:1}}@keyframes bookmark-fold{0%{transform:translateY(-55%) rotate(0) scale(.72);opacity:0}52%{transform:translateY(-55%) rotate(-8deg) scale(1.08);opacity:1}to{transform:translateY(-55%) rotate(0) scale(1);opacity:1}}@keyframes repost-confirmed{0%{transform:scale(.72) rotate(-22deg);opacity:0}58%{transform:scale(1.08) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:0}}@keyframes editorial-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.paper-grain{position:fixed;z-index:var(--layer-paper, 20);top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.ambient-light{position:fixed;z-index:var(--layer-ambient, 0);top:0;right:0;bottom:0;left:0;background:radial-gradient(520px circle at var(--ambient-x, 72%) var(--ambient-y, 18%),color-mix(in srgb,var(--color-accent-highlight, #bfe89b) 8%,transparent),transparent 72%);pointer-events:none}html[data-theme=dark] .paper-grain{opacity:.065;mix-blend-mode:screen}html[data-theme=dark] .ambient-light{opacity:.72}.prototype-motion-surface{position:relative;isolation:isolate}.prototype-motion-surface:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),color-mix(in srgb,var(--color-accent-highlight, #bfe89b) 12%,transparent),transparent 68%);opacity:0;pointer-events:none;content:"";transition:opacity var(--duration-menu) var(--ease-standard)}.prototype-motion-surface:hover:after{opacity:1}.prototype-motion-reveal.prototype-motion-pending{opacity:0;transform:translateY(16px)}.prototype-motion-reveal.prototype-revealed{animation:editorial-reveal .36s var(--ease-out) both;animation-delay:calc(var(--motion-index, 0) * 45ms)}.editorial-cover{transition:transform var(--duration-menu) var(--ease-out);transform-origin:50% 62%}.editorial-item:hover .editorial-cover,.editorial-item:focus-visible .editorial-cover{transform:translateY(-3px) rotate(-.8deg)}.prototype-view-enter>*{animation:prototype-view-enter .24s var(--ease-out) both}@keyframes prototype-view-enter{0%{opacity:.55;transform:translateY(8px);filter:saturate(.9)}to{opacity:1;transform:translateY(0);filter:none}}.prototype-ripple-host{position:relative;overflow:clip;isolation:isolate}.theme-ripple{position:fixed;z-index:calc(var(--layer-progress, 1200) - 1);inline-size:150vmax;block-size:150vmax;border-radius:50%;background:color-mix(in srgb,var(--color-accent-highlight, #bfe89b) 28%,transparent);pointer-events:none;animation:theme-ripple .64s var(--ease-out) forwards}.tap-ripple{position:absolute;z-index:5;inline-size:12px;block-size:12px;margin:-6px 0 0 -6px;border-radius:50%;background:color-mix(in srgb,var(--color-accent-highlight, #bfe89b) 52%,transparent);pointer-events:none;animation:ripple .52s ease-out forwards}.leaf-burst{position:absolute;z-index:6;inline-size:10px;block-size:16px;border:1px solid color-mix(in srgb,var(--color-accent, #24744c) 72%,transparent);border-radius:90% 10%;background:linear-gradient(145deg,var(--color-accent-highlight, #bfe89b),var(--color-accent-secondary, #57b978) 58%,var(--color-accent, #24744c));box-shadow:0 3px 10px color-mix(in srgb,var(--color-accent, #24744c) 48%,transparent);pointer-events:none;animation:leaf-fly .82s cubic-bezier(.18,.72,.2,1) forwards;transform:rotate(var(--leaf-angle)) translateY(-7px)}@keyframes leaf-fly{55%{opacity:1}to{opacity:0;transform:rotate(calc(var(--leaf-angle) + 35deg)) translateY(-46px) translate(var(--leaf-x)) scale(.62)}}.reading-progress{position:fixed;z-index:var(--layer-progress, 1200);inset:56px 0 auto;block-size:3px;opacity:0;pointer-events:none}[data-reading-active=true] .reading-progress{opacity:1}.reading-progress span{display:block;inline-size:var(--read-progress, 0%);block-size:100%;background:linear-gradient(90deg,var(--color-accent, #24744c),var(--color-accent-secondary, #57b978),var(--color-accent-highlight, #bfe89b));box-shadow:0 0 12px color-mix(in srgb,var(--color-accent, #24744c) 35%,transparent);transition:inline-size 80ms linear}.public-shell__notification:hover,.workspace-shell__icon-action[href="/notifications"]:hover,.admin-shell__icon-action[href="/notifications"]:hover{animation:sway .42s var(--ease-standard)}.public-shell__nav-item,.workspace-shell__nav-link,.admin-shell__nav-link{position:relative}.public-shell__nav-item:after,.workspace-shell__nav-link:after,.admin-shell__nav-link:after{position:absolute;inset-block:.45rem;inset-inline-start:.15rem;inline-size:3px;border-radius:999px;background:var(--color-accent-highlight, #a7d96f);content:"";opacity:0;transform:scaleY(.2);transform-origin:50% 50%;transition:opacity var(--duration-menu) var(--ease-standard),transform var(--duration-menu) var(--ease-out)}.public-shell__nav-item[aria-current=page]:after,.workspace-shell__nav-link[aria-current=page]:after,.admin-shell__nav-link[aria-current=page]:after{opacity:1;transform:scaleY(1)}.notification-center__item--read-feedback[data-notification-read=true]{animation:notification-read-settle .42s var(--ease-standard) both}.interaction-confirmed-feedback{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none}[data-interaction-feedback=like] .interaction-confirmed-feedback__leaf{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:.42rem;block-size:.68rem;margin:-.34rem 0 0 -.21rem;border:1px solid color-mix(in srgb,var(--color-accent, #24744c) 72%,transparent);border-radius:90% 10%;background:linear-gradient(145deg,var(--color-accent-highlight, #bfe89b),var(--color-accent-secondary, #57b978) 58%,var(--color-accent, #24744c));box-shadow:0 2px 6px color-mix(in srgb,var(--color-accent, #24744c) 35%,transparent);animation:leaf-fly .82s cubic-bezier(.18,.72,.2,1) forwards}[data-interaction-feedback=like] .interaction-confirmed-feedback__leaf:nth-child(1){--leaf-angle: -28deg;--leaf-x: -18px}[data-interaction-feedback=like] .interaction-confirmed-feedback__leaf:nth-child(2){--leaf-angle: 0deg;--leaf-x: 0px}[data-interaction-feedback=like] .interaction-confirmed-feedback__leaf:nth-child(3){--leaf-angle: 28deg;--leaf-x: 18px}[data-interaction-feedback=save]:before{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:.55rem;block-size:.72rem;margin:-.36rem 0 0 -.275rem;border-radius:1px 1px 45% 45%;background:currentColor;content:"";opacity:0;transform:translateY(-55%) scale(.72);transform-origin:50% 15%;animation:bookmark-fold .36s var(--ease-out) both}[data-interaction-feedback=repost]:before{position:absolute;top:.08rem;right:.08rem;bottom:.08rem;left:.08rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;content:"↻";font-size:.72rem;line-height:1;animation:repost-confirmed .52s var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.prototype-motion-reveal,.prototype-motion-reveal.prototype-motion-pending,.prototype-motion-reveal.prototype-revealed{animation:none;opacity:1;transform:none}.particles{display:none}.btn.primary:before,.prototype-motion-surface:after,.tap-ripple,.leaf-burst,.theme-ripple{display:none!important}.notification-center__item--read-feedback,[data-interaction-feedback]{animation:none!important;transform:none!important;display:none!important}.prototype-view-enter>*{animation:none!important}}