@charset "UTF-8";:root,[data-theme=dark]{--bg: #0f1115;--surface: #15181f;--card: #181b22;--card-2: #1d2129;--line: #262b35;--line-2: #323a48;--text: #e8eaf0;--text-2: #c5ccda;--muted: #8b93a4;--faint: #5b6373;--accent: #6c8cff;--accent-hover: #87a0ff;--accent-ink: #0a0d14;--accent-soft: rgba(108, 140, 255, .15);--accent-line: rgba(108, 140, 255, .45);--pop: #ff5a3c;--pop-soft: rgba(255, 90, 60, .15);--mint: #5fd0a0;--mint-soft: rgba(95, 208, 160, .15);--amber: #f5b347;--cat-core: #a9b2c4;--cat-safety: #ff5a3c;--cat-participation: #5fd0a0;--cat-content: #f5b347;--glow: 0 0 0 1px var(--accent-line), 0 14px 36px rgba(108, 140, 255, .22);--shadow: 0 14px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 6px 20px rgba(0, 0, 0, .35)}[data-theme=light]{--bg: #f5f7fa;--surface: #eceff4;--card: #ffffff;--card-2: #f3f5f8;--line: #e2e6ec;--line-2: #d2d8e2;--text: #141821;--text-2: #38404e;--muted: #5b6573;--faint: #98a1b0;--accent: #4f6ef7;--accent-hover: #3a5cf0;--accent-ink: #ffffff;--accent-soft: rgba(79, 110, 247, .12);--accent-line: rgba(79, 110, 247, .4);--pop: #e2482a;--pop-soft: rgba(226, 72, 42, .12);--mint: #1f9d63;--mint-soft: rgba(31, 157, 99, .12);--amber: #bd7d0f;--cat-core: #5a6478;--cat-safety: #e2482a;--cat-participation: #1f9d63;--cat-content: #bd7d0f;--glow: 0 0 0 1px var(--accent-line), 0 12px 30px rgba(79, 110, 247, .16);--shadow: 0 10px 30px rgba(20, 24, 31, .12);--shadow-sm: 0 4px 16px rgba(20, 24, 31, .08)}:root{--f-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif;--f-mono: "Geist Mono", ui-monospace, monospace;--r-card: 14px;--r-btn: 10px;--r-pill: 999px;--maxw: 1200px;--paper: var(--bg);--paper-2: var(--surface);--paper-3: var(--card-2);--ink: var(--text);--ink-2: var(--text-2);--mute: var(--muted);--mute-2: var(--faint);--rule: var(--line);--forest: var(--accent);--forest-2: var(--accent-hover);--moss: var(--accent);--leaf: var(--mint);--moss-pale: var(--accent-soft);--clay: var(--pop);--clay-pale: var(--pop-soft);--amber-pale: rgba(245, 179, 71, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--f-ui);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 560px at 78% -8%,rgba(255,90,60,.07),transparent 60%),radial-gradient(1200px 620px at 18% -6%,rgba(108,140,255,.12),transparent 60%)}[data-theme=light] body:before{opacity:.5}a{color:inherit}button{font-family:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--text)}.g-eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}.g-h1{font-family:var(--f-display);font-weight:700;font-size:clamp(40px,7vw,66px);line-height:1;letter-spacing:-.03em;color:var(--text);text-wrap:balance;margin:0}.g-h2{font-family:var(--f-display);font-weight:700;font-size:clamp(26px,4vw,36px);line-height:1.08;letter-spacing:-.025em;color:var(--text);margin:0}.g-h3{font-family:var(--f-display);font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.015em;color:var(--text);margin:0}.g-body{font-family:var(--f-ui);font-size:15px;line-height:1.6;color:var(--text-2)}.g-small{font-family:var(--f-ui);font-size:13px;line-height:1.5;color:var(--muted)}.g-mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.02em}.g-italic{font-family:var(--f-display);font-style:normal;font-weight:700;color:var(--accent)}.g-btn{font-family:var(--f-ui);font-weight:600;font-size:14px;border:none;cursor:pointer;padding:11px 18px;border-radius:var(--r-btn);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;transition:transform .12s,background .15s,box-shadow .15s,color .15s,border-color .15s}.g-btn:active{transform:translateY(1px)}.g-btn-primary{background:var(--accent);color:var(--accent-ink)}.g-btn-primary:hover{background:var(--accent-hover);box-shadow:0 8px 22px #6c8cff59}.g-btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.g-btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.g-btn-soft{background:var(--card-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.g-btn-soft:hover{box-shadow:inset 0 0 0 1px var(--accent-line)}.g-chip{font-family:var(--f-ui);font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--r-pill);background:var(--card);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px;border:none;transition:all .14s}.g-chip:hover{box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--text)}.g-chip.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #6c8cff47}.g-card{background:var(--card);border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line)}.g-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent-line);text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}.g-link:hover{text-decoration-color:var(--accent);color:var(--accent)}.g-wordmark{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--text);text-decoration:none;display:inline-flex;align-items:baseline}.g-wordmark .mk{color:var(--accent);font-weight:800;font-size:1.05em;margin-right:2px}.g-wordmark .dot{color:var(--accent)}.g-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}.g-tag:before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%}.g-rule{border:0;border-top:1px solid var(--line);margin:0}.g-stamp{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.g-check{width:16px;height:16px;border:1.5px solid var(--faint);background:transparent;border-radius:5px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s}.g-check.on{background:var(--accent);border-color:var(--accent)}.g-check.on:after{content:"";width:9px;height:5px;border-left:1.8px solid var(--accent-ink);border-bottom:1.8px solid var(--accent-ink);transform:rotate(-45deg) translate(1px,-1px)}.g-do,.g-dont{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.g-do{color:var(--mint)}.g-dont{color:var(--pop)}.g-scroll{overflow-y:auto}.g-scroll::-webkit-scrollbar{width:9px;height:9px}.g-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}.g-scroll::-webkit-scrollbar-thumb:hover{background:var(--faint)}.g-scroll::-webkit-scrollbar-track{background:transparent}.g-watermark{font-family:var(--f-display);font-weight:800;color:var(--accent);line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.g-doc{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r-card);padding:26px 30px;font-family:var(--f-ui);color:var(--text)}.g-hl{background:linear-gradient(transparent 60%,var(--accent-soft) 60%);padding:0 2px}.shell{flex:1;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px}.site-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--line)}.site-nav .row{display:flex;align-items:center;justify-content:space-between;height:64px;gap:18px}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-family:var(--f-ui);font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;position:relative;padding:4px 0;transition:color .14s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--accent);border-radius:2px}.icon-btn{width:38px;height:38px;border-radius:var(--r-btn);border:none;cursor:pointer;background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);display:inline-flex;align-items:center;justify-content:center;transition:all .14s;flex:0 0 auto}.icon-btn:hover{box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent)}.nav-menu-btn{display:none}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:auto}.site-footer .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.03em}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:100;background:var(--card-2);color:var(--text);box-shadow:var(--shadow),inset 0 0 0 1px var(--line);font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;padding:12px 18px;border-radius:var(--r-btn);display:inline-flex;align-items:center;gap:9px;animation:toast-in .25s cubic-bezier(.2,.7,.3,1)}.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#06080c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:52px 20px;overflow-y:auto;animation:fade-in .18s ease}.modal{width:100%;max-width:720px;background:var(--card);border-radius:18px;border-top:3px solid var(--accent);box-shadow:var(--shadow);animation:modal-in .28s cubic-bezier(.2,.7,.3,1)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px 16px;border-bottom:1px solid var(--line)}.modal-body{padding:22px 26px 28px}.modal-x{border:none;background:var(--card-2);cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text);flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--line);transition:all .14s}.modal-x:hover{background:var(--pop);color:#fff;box-shadow:none}.codeblock{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;font-family:var(--f-mono);font-size:12px;line-height:1.6;color:var(--text-2);padding:14px 16px;white-space:pre-wrap;word-break:break-word}.stack{display:flex;flex-direction:column}.cluster{display:flex;flex-wrap:wrap;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@keyframes g-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:rise .6s cubic-bezier(.2,.7,.3,1) forwards}@media (max-width: 880px){.container{padding:0 16px}.nav-links{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);display:none;padding:8px 0}.nav-links.open{display:flex}.nav-links a{padding:12px 22px}.nav-links a.active:after{display:none}.nav-links .nav-cta{margin:8px 22px;justify-content:center}.nav-menu-btn{display:inline-flex}.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width: 560px){.overlay{padding:18px 10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}