@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,figure{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-inline-size:100%}[hidden]{display:none!important}}@layer base{:root{--bg:#f6f5f0;--surface:#fbfbf7;--surface-2:#efefe6;--surface-3:#e9edd8;--line:#dddfd5;--line-strong:#c9cec0;--text:#2c302b;--text-2:#5d625a;--text-3:#62695d;--accent:#6e7c3a;--accent-soft:#e7ead9;--accent-text:#536527;--red:#b8433e;--teal:#4f8f83;--amber:#a57a2f;--blue:#4f7fb0;--green:#4f8a5b;--violet:#887396;--header-bg:#f6f5f0eb;--selection:#dce5b8;--inverse:#fff;--code-bg:#292f27;--code-text:#e0e9d5;--code-line:#394331;--demo-canvas:#fff;--pv-layout-color:#727e4f;--pv-layout-fill:#d8dfb8;--pv-layout-bg:#efefe4;--pv-motion-color:#ad7455;--pv-motion-fill:#edc9af;--pv-motion-bg:#f5ebe1;--pv-state-color:#70809f;--pv-state-fill:#c4d3e4;--pv-state-bg:#eaf0f5;--pv-game-color:#8f799e;--pv-game-fill:#d5c8e0;--pv-game-bg:#f0ebf3;--pv-platform-color:#6d9289;--pv-platform-fill:#c1dad1;--pv-platform-bg:#e9f0eb;--pv-terms-color:#a78b5c;--pv-terms-fill:#e8d8b5;--pv-terms-bg:#f3efe5;--pv-muted:#0000000d;--pv-paper:#fdfdfa;--pv-grid:#a7b08f44;color-scheme:light;--font:"Inter", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r-card:10px;--r-window:14px;--r-pill:999px;--header-h:72px;--paper:var(--bg);--ink:var(--text);--muted:var(--text-2);--serif:var(--font);background:var(--bg);color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#08090a;--surface:#121316;--surface-2:#17181c;--surface-3:#1e2025;--line:#ffffff14;--line-strong:#ffffff24;--text:#f4f5f7;--text-2:#b9bcc3;--text-3:#7f838b;--accent:#5b62d6;--accent-soft:#5b62d62e;--accent-text:#9ea3ff;--red:#e5484d;--teal:#38d3c4;--amber:#e2a336;--blue:#5b9bd5;--green:#3fb27f;--violet:#a48be0;--header-bg:#08090ad1;--selection:#5b62d659;--inverse:#fff;--code-bg:#121316;--code-text:#f4f5f7;--code-line:#ffffff14;--demo-canvas:#fff;--pv-layout-color:#9ea3ff;--pv-layout-fill:#5b62d659;--pv-layout-bg:#17181c;--pv-motion-color:#f0a679;--pv-motion-fill:#e2a33659;--pv-motion-bg:#17181c;--pv-state-color:#7fb6e8;--pv-state-fill:#5b9bd559;--pv-state-bg:#17181c;--pv-game-color:#c3a6f0;--pv-game-fill:#a48be059;--pv-game-bg:#17181c;--pv-platform-color:#6fd9c9;--pv-platform-fill:#38d3c44d;--pv-platform-bg:#17181c;--pv-terms-color:#e6c77a;--pv-terms-fill:#e2a3364d;--pv-terms-bg:#17181c;--pv-muted:#ffffff0f;--pv-paper:#1e2025;--pv-grid:#ffffff12;color-scheme:dark}}:root[data-theme=dark]{--bg:#08090a;--surface:#121316;--surface-2:#17181c;--surface-3:#1e2025;--line:#ffffff14;--line-strong:#ffffff24;--text:#f4f5f7;--text-2:#b9bcc3;--text-3:#7f838b;--accent:#5b62d6;--accent-soft:#5b62d62e;--accent-text:#9ea3ff;--red:#e5484d;--teal:#38d3c4;--amber:#e2a336;--blue:#5b9bd5;--green:#3fb27f;--violet:#a48be0;--header-bg:#08090ad1;--selection:#5b62d659;--inverse:#fff;--code-bg:#121316;--code-text:#f4f5f7;--code-line:#ffffff14;--demo-canvas:#fff;--pv-layout-color:#9ea3ff;--pv-layout-fill:#5b62d659;--pv-layout-bg:#17181c;--pv-motion-color:#f0a679;--pv-motion-fill:#e2a33659;--pv-motion-bg:#17181c;--pv-state-color:#7fb6e8;--pv-state-fill:#5b9bd559;--pv-state-bg:#17181c;--pv-game-color:#c3a6f0;--pv-game-fill:#a48be059;--pv-game-bg:#17181c;--pv-platform-color:#6fd9c9;--pv-platform-fill:#38d3c44d;--pv-platform-bg:#17181c;--pv-terms-color:#e6c77a;--pv-terms-fill:#e2a3364d;--pv-terms-bg:#17181c;--pv-muted:#ffffff0f;--pv-paper:#1e2025;--pv-grid:#ffffff12;color-scheme:dark}html{scroll-padding-block-start:calc(var(--header-h) + 24px)}body{min-inline-size:280px}a{color:inherit;text-decoration:none}button{color:inherit}a,button,input,select,summary{outline-offset:4px}:focus-visible{outline:2px solid var(--accent-text)}::selection{background:var(--selection);color:var(--text)}h1,h2,h3{letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:600;line-height:1.25}p{overflow-wrap:anywhere}button:disabled{cursor:default;opacity:.5}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{background:var(--text);border-radius:var(--r-pill);color:var(--bg);z-index:20;padding:10px 16px;position:fixed;inset-block-start:-100px;inset-inline-start:16px}.skip-link:focus{inset-block-start:12px}.page-width{max-inline-size:1440px;margin-inline:auto;padding-inline:clamp(20px,4.1vw,64px)}.eyebrow{color:var(--text-3);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.8}.domain-dot{background:var(--domain-color,var(--text-3));block-size:7px;box-shadow:0 0 10px var(--domain-color,transparent);border-radius:50%;flex-shrink:0;inline-size:7px;display:inline-block}.domain-label{align-items:center;gap:8px;display:inline-flex}.button{background:var(--text);border:1px solid var(--text);border-radius:var(--r-pill);color:var(--bg);justify-content:center;align-items:center;gap:14px;min-block-size:40px;padding:9px 18px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.button:hover{opacity:.88}.button.secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.button.secondary:hover{background:var(--surface-3);border-color:var(--line-strong)}.text-button{color:var(--text-2);text-underline-offset:4px;background:0 0;border:0;padding:8px;font-size:12px;text-decoration:underline}.text-button:hover{color:var(--text)}}@layer components{.site-header{backdrop-filter:blur(12px);background:var(--header-bg);border-block-end:1px solid var(--line);z-index:10;position:sticky;inset-block-start:0}.header-inner{max-inline-size:1440px;min-block-size:var(--header-h);justify-content:space-between;align-items:center;margin-inline:auto;padding-inline:clamp(20px,4.1vw,64px);display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1;display:inline-flex}.brand-mark{flex-shrink:0;block-size:20px;inline-size:20px}.brand-mark.small{block-size:15px;inline-size:15px}.brand-period{color:var(--accent-text)}.header-nav{align-items:center;gap:26px;font-size:13px;display:flex}.header-nav a{color:var(--text-2);padding-block:24px;position:relative}.header-nav a:hover,.header-nav a[aria-current]{color:var(--text)}.header-nav a[aria-current]:after{background:var(--text);content:"";border-radius:2px;block-size:2px;inline-size:100%;position:absolute;inset-block-end:-1px;inset-inline-start:0}.header-nav .github-link{border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text);padding:7px 14px}.header-nav .github-link:hover{background:var(--surface-2)}.theme-toggle{border:1px solid var(--line-strong);border-radius:var(--r-pill);block-size:34px;color:var(--text-2);background:0 0;justify-content:center;align-items:center;inline-size:34px;padding:0;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.theme-toggle svg{stroke:currentColor;stroke-width:1.6px;fill:none;block-size:16px;inline-size:16px}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.github-link span{margin-inline-start:6px}.gallery-intro{justify-content:space-between;align-items:end;gap:30px;padding-block:64px 32px;display:flex}.tiny-spark{color:var(--accent-text);margin-inline-end:4px;font-size:16px}.gallery-intro h1{letter-spacing:-.03em;margin-block:14px 16px;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.08}.intro-description{color:var(--text-2);white-space:pre-line;max-inline-size:60ch;font-size:16px;line-height:1.7}.reading-language{color:var(--text-3);margin-block-start:12px;font-size:11px}.collection-note{border-inline-start:1px solid var(--line);color:var(--text-3);letter-spacing:.02em;flex-shrink:0;align-items:center;gap:14px;padding-inline-start:30px;font-size:11px;display:flex}.collection-note:hover{color:var(--text)}.collection-note:hover .note-flower{color:var(--accent-text)}.note-number{color:var(--text);letter-spacing:-.04em;font-size:48px;font-weight:600}.note-flower{color:var(--text-3);margin-inline-start:12px;font-size:40px;line-height:1}.search-form{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);align-items:center;gap:12px;min-block-size:56px;padding-inline:18px 8px;display:flex}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-form svg{block-size:20px;inline-size:20px;stroke:var(--text-3);stroke-width:1.5px;flex-shrink:0}.search-form input{color:var(--text);background:0 0;border:0;outline:none;flex:1;inline-size:100%;min-inline-size:0;padding-block:14px}.search-form input::placeholder{color:var(--text-3)}.search-submit{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text);white-space:nowrap;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}.search-submit:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.search-submit span{color:inherit;opacity:.7;font-size:14px}.task-links{flex-wrap:wrap;align-items:center;gap:8px 10px;padding-block:16px 36px;font-size:12px;display:flex}.task-links>span{color:var(--text-3);margin-inline-end:6px}.task-links a{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-2);align-items:center;gap:7px;padding:5px 12px;display:flex}.task-links a span{color:var(--text-3)}.task-links a:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.gallery-layout{border-block-start:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px;padding-block:32px 96px;display:grid}.sidebar-heading{color:var(--text-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-block-end:12px;font-size:11px}.gallery-sidebar{position:sticky;inset-block-start:calc(var(--header-h) + 28px)}.domain-nav{gap:2px;display:grid}.domain-nav a{color:var(--text-2);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-block-size:52px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.domain-nav a:first-child{min-block-size:40px;margin-block-end:6px}.domain-nav a:hover{background:var(--surface-2);color:var(--text)}.domain-nav a[aria-current]{background:var(--surface-2);border-color:var(--line);color:var(--text)}.domain-nav a[aria-current] .domain-nav-name{font-weight:600}.domain-nav-name{align-items:center;gap:9px;font-weight:500;display:flex}.domain-nav-sub{color:var(--text-3);margin-block-start:4px;padding-inline-start:16px;font-size:11px;display:block}.domain-count{color:var(--text-3);font-family:var(--mono);font-size:11px}.all-icon{margin-inline-start:-2px;font-size:16px;line-height:1}.sidebar-note{border-block-start:1px solid var(--line);color:var(--text-3);margin-block-start:28px;padding:20px 12px;font-size:12px;line-height:1.7}.sidebar-note>span{color:var(--accent-text);font-size:20px}.sidebar-note a{color:var(--text);text-underline-offset:4px;margin-block-start:12px;font-size:12px;text-decoration:underline;display:inline-block}.collection{min-inline-size:0}.collection-toolbar{justify-content:space-between;align-items:center;gap:18px;min-block-size:33px;margin-block-end:20px;display:flex}.collection-toolbar>div{flex-wrap:wrap;align-items:baseline;gap:10px;min-inline-size:0;display:flex}.collection-toolbar h2{letter-spacing:-.02em;font-size:18px}#result-count{color:var(--text-3);overflow-wrap:anywhere;font-size:12px}.kind-filter{margin-block-start:26px;display:grid}.kind-filter .sidebar-heading{margin-block-end:10px}.kind-filter select{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:8px;inline-size:100%;padding:9px 10px;font-size:13px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.resource-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);min-inline-size:0;transition:border-color .15s,background-color .15s;overflow:hidden}.resource-card:hover{background:var(--surface-2);border-color:var(--line-strong)}.card-link{flex-direction:column;block-size:100%;display:flex}.card-copy{flex:1;padding:18px 18px 20px}.card-meta{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-block-end:12px;font-size:11px;display:flex}.card-kind{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-2);white-space:nowrap;padding:2px 9px;font-size:11px}.card-copy h3{letter-spacing:-.015em;justify-content:space-between;gap:12px;margin-block-end:8px;font-size:16px;font-weight:600;line-height:1.45;display:flex}.card-arrow{color:var(--text-3);flex-shrink:0;font-size:15px;font-weight:400}.resource-card:hover .card-arrow{color:var(--text)}.card-copy p{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.source-title{color:var(--text-3);font-family:var(--mono);overflow-wrap:anywhere;margin-block-start:12px;font-size:11px;line-height:1.6;display:block}.source-title:before{color:var(--text-3);content:"원문 · ";font-family:var(--font)}.preview{--art-color:var(--pv-layout-color);--art-fill:var(--pv-layout-fill);--art-muted:var(--pv-muted);aspect-ratio:2.5;background-color:var(--pv-layout-bg);background-image:radial-gradient(var(--pv-grid) .6px, transparent .6px);border-block-end:1px solid var(--line);color:var(--art-color);background-size:12px 12px;place-items:center;display:grid;position:relative;overflow:hidden}.preview-motion{--art-color:var(--pv-motion-color);--art-fill:var(--pv-motion-fill);background-color:var(--pv-motion-bg)}.preview-state{--art-color:var(--pv-state-color);--art-fill:var(--pv-state-fill);background-color:var(--pv-state-bg)}.preview-game{--art-color:var(--pv-game-color);--art-fill:var(--pv-game-fill);background-color:var(--pv-game-bg)}.preview-platform{--art-color:var(--pv-platform-color);--art-fill:var(--pv-platform-fill);background-color:var(--pv-platform-bg)}.preview-terms{--art-color:var(--pv-terms-color);--art-fill:var(--pv-terms-fill);background-color:var(--pv-terms-bg)}.preview-drawing{max-block-size:100%;inline-size:100%}.preview-image{background-color:#17181c;background-image:none}.preview-img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.art-paper{fill:var(--pv-paper);stroke:var(--art-color);stroke-width:1.1px}.art-muted{fill:var(--art-muted);stroke:var(--art-color);stroke-opacity:.45;stroke-width:.8px}.art-accent{fill:var(--art-fill);stroke:var(--art-color);stroke-width:1px}.art-line{stroke:var(--art-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.art-dot{fill:var(--art-color)}.art-dashed{stroke:var(--art-color);stroke-dasharray:4 4;stroke-width:1.4px}.art-text{fill:var(--art-color);font-family:var(--mono);text-anchor:middle;font-size:10px}.art-letter{fill:var(--art-color);font-family:var(--font);text-anchor:middle;font-size:46px;font-weight:600}.preview-caption{font-family:var(--mono);letter-spacing:.12em;opacity:.8;font-size:8px;position:absolute;inset-block-end:9px}.preview-cross{font-family:var(--mono);opacity:0;font-size:12px;position:absolute;inset-block-start:8px}.resource-card:hover .preview-cross,.resource-card:focus-within .preview-cross{opacity:.6}.cross-start{inset-inline-start:10px}.cross-end{inset-inline-end:10px}.preview-large{aspect-ratio:2.8;border:1px solid var(--line);border-radius:var(--r-card)}.preview-large .preview-drawing{max-inline-size:420px}.load-more{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text);min-inline-size:180px;margin:32px auto 0;padding:11px 24px;font-size:13px;display:block}.load-more:hover{background:var(--surface-3)}.collection-end{color:var(--text-3);text-align:center;margin-block-start:36px;font-size:11px}.empty-results{border:1px dashed var(--line-strong);border-radius:var(--r-window);text-align:center;padding:56px 20px}.empty-symbol{color:var(--text-3);font-size:48px;line-height:1.3}.empty-results h3{margin-block:12px;font-size:19px}.empty-results p{color:var(--text-2);margin-block-end:20px;font-size:13px}.search-notice{background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);border-radius:8px;margin-block-end:18px;padding:12px 14px;font-size:12px}.site-footer{border-block-start:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px 25px;max-inline-size:1312px;margin-inline:auto;padding:32px 24px;font-size:12px;display:flex}.site-footer a:hover{color:var(--text)}.footer-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.site-footer>a:last-child{font-size:11px}.policy-page{max-inline-size:880px;padding-block:64px 96px}.policy-page>h1{letter-spacing:-.03em;margin-block:12px 16px;font-size:clamp(32px,5vw,52px)}.policy-lead{color:var(--text-2);margin-block-end:48px;font-size:17px;line-height:1.7}.policy-page section{border-block-start:1px solid var(--line);padding-block:28px 8px}.policy-page h2{letter-spacing:-.02em;margin-block-end:14px;font-size:21px}.policy-page section p{color:var(--text-2);margin-block:10px 0;line-height:1.8}.policy-page section a{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline}.policy-updated{font-size:12px;color:var(--text-3)!important}.breadcrumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;padding-block:28px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--text)}.article-page{max-inline-size:1280px;padding-block-end:80px}.article-header{max-inline-size:900px;padding-block:24px 36px}.article-labels{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:18px;font-size:12px;display:flex}.experimental{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--amber);padding:3px 9px;font-size:11px}.article-header h1{letter-spacing:-.03em;font-size:clamp(30px,4vw,50px);line-height:1.1}.article-original-title{color:var(--text-3);font-family:var(--mono);margin-block-start:14px;font-size:12px}.article-illustration{margin:0;margin-block-end:40px}.article-illustration .preview-large{aspect-ratio:2.5}.article-illustration figcaption{color:var(--text-3);margin-block-start:12px;font-size:13px;line-height:1.7}.article-description{color:var(--text-2);max-inline-size:760px;margin-block:18px;font-size:17px;line-height:1.65}.source-link{color:var(--accent-text);text-underline-offset:4px;font-size:12px;text-decoration:underline}.source-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.material-handoff{border-block-start:1px solid var(--line);margin-block-start:20px;padding-block-start:16px}.material-handoff summary{color:var(--text);cursor:pointer;font-size:13px}.material-handoff p{color:var(--text-2);margin-block:12px;font-size:12px}.material-handoff-text{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);font:12px/1.7 var(--mono);resize:vertical;border-radius:8px;min-block-size:18rem;inline-size:100%;padding:12px}.material-handoff-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block-start:12px;display:flex}.agent-guide{max-inline-size:1100px;padding-block-end:80px}.agent-guide-body{max-inline-size:820px}.agent-guide-body li{overflow-wrap:anywhere}.experience{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-window);margin-block:8px 56px;padding:28px}.experience-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px;display:flex}.experience-heading h2{letter-spacing:-.02em;margin-block-start:7px;font-size:21px}.live-badge{border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--teal);font-family:var(--mono);letter-spacing:.06em;padding:4px 10px;font-size:10px}.resize-toolbar{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:14px;margin-block-end:16px;font-size:12px;display:flex}.resize-toolbar input{accent-color:var(--accent);flex:1;min-inline-size:80px;max-inline-size:350px}.resize-toolbar output{color:var(--text-3);font-family:var(--mono);min-inline-size:55px}.layout-demo-stage{background:var(--bg);border:1px dashed var(--line-strong);border-radius:8px;justify-content:center;padding:16px;display:flex;overflow:auto}.layout-demo-stage iframe{background:var(--demo-canvas);border:1px solid var(--line-strong);border-radius:8px;flex-shrink:0;block-size:340px;inline-size:min(100%,720px)}.demo-caption{color:var(--text-3);margin-block-start:18px;font-size:12px;line-height:1.7}.motion-stage{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;place-items:center;min-block-size:305px;padding:30px;display:grid}.disclosure-card{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r-card);inline-size:min(100%,350px);padding:25px}.demo-kicker{color:var(--amber);font-family:var(--mono);letter-spacing:.08em;font-size:10px}.disclosure-card h3{margin-block:11px;font-size:19px}.disclosure-card p{color:var(--text-2);font-size:13px;line-height:1.7}.disclosure-card button{background:var(--text);border-radius:var(--r-pill);color:var(--bg);border:0;justify-content:space-between;inline-size:100%;margin-block-start:20px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}#motion-panel{border-block-start:1px solid var(--line);margin-block-start:16px;padding-block-start:15px}.demo-option{color:var(--text-2);align-items:center;gap:7px;margin-block-start:16px;font-size:12px;display:flex}.demo-option input{accent-color:var(--accent)}.state-demo-stage{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:27px}.state-demo-requests{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.state-demo-requests>div{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r-card);padding:22px}.request-label{color:var(--blue);font-family:var(--mono);font-size:11px}.state-demo-requests h3{font-family:var(--mono);margin-block:14px 20px;font-size:18px}.state-demo-result{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-card);margin-block-start:18px;padding:20px}.state-demo-result p{margin-block-start:8px;font-size:16px}.demo-bottom{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:15px;font-size:12px;display:flex}.inventory-demo{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:30px;padding:30px;display:grid}.inventory-demo fieldset{border:0;align-content:start;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.inventory-demo legend{color:var(--text-2);margin-block-end:16px;font-size:12px}.inventory-item{background:var(--surface-3);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:13px;padding:12px;font-size:13px;display:flex}.inventory-item:has(:checked){background:var(--accent-soft);border-color:var(--accent)}.inventory-item input{accent-color:var(--accent)}.item-art{color:var(--violet);font-size:26px}.inventory-detail h3{margin-block:10px;font-size:24px}.inventory-detail p{color:var(--text-2);margin-block-end:15px;font-size:13px}.inventory-detail .button{inline-size:100%;margin-block-start:9px;display:flex}.inventory-status{color:var(--text-3);margin-block-start:18px;font-size:13px}.platform-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.platform-comparison a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:25px 20px}.platform-comparison a:hover{background:var(--surface-2);border-color:var(--line-strong)}.platform-symbol{color:var(--teal);font-size:36px}.platform-comparison h3{margin-block:16px 8px;font-size:24px;font-weight:600}.platform-comparison p{color:var(--text-2);margin-block-end:25px;font-size:13px}.platform-comparison a>span:last-child{color:var(--text-3);font-size:12px}.term-routes{margin-block-start:15px;display:grid}.term-routes a{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:17px;font-size:14px;display:flex}.term-routes a:hover{color:var(--accent-text)}.term-routes span{color:var(--text-3);font-size:12px}.article-layout{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:60px;display:grid}.source-reading{min-inline-size:0}.source-reading-label{border-block-end:1px solid var(--line);align-items:center;gap:12px;margin-block-end:26px;padding-block-end:15px;font-size:12px;display:flex}.source-reading-label span{color:var(--text-3);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:10px}.prose{color:var(--text-2);overflow-wrap:anywhere;min-inline-size:0;font-size:15px;line-height:1.8}.prose>:first-child{margin-block-start:0}.prose h2{border-block-start:1px solid var(--line);color:var(--text);letter-spacing:-.02em;margin-block:40px 18px;padding-block-start:28px;font-size:24px}.prose h3{color:var(--text);margin-block:28px 12px;font-size:18px}.prose h4{color:var(--text);margin-block:20px 10px}.prose p,.prose ul,.prose ol{margin-block:15px}.prose ul,.prose ol{padding-inline-start:22px}.prose li{margin-block:7px}.prose strong{color:var(--text)}.prose a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:var(--text)}.prose code{background:var(--surface-3);border:1px solid var(--line);color:var(--text);font-family:var(--mono);border-radius:5px;padding:1px 5px;font-size:.85em}.prose pre{background:var(--code-bg);border:1px solid var(--code-line);border-radius:var(--r-card);color:var(--code-text);max-inline-size:100%;margin-block:22px;padding:20px;font-size:13px;line-height:1.75;overflow:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.code-block{position:relative}.code-block pre{padding-block-start:48px}.code-block button{background:var(--code-line);border:1px solid var(--code-line);border-radius:var(--r-pill);color:var(--code-text);padding:5px 11px;font-size:11px;position:absolute;inset-block-start:10px;inset-inline-end:10px}.code-block button:hover{opacity:.8}.prose table{border-collapse:collapse;max-inline-size:100%;margin-block:22px;font-size:13px;line-height:1.6;display:block;overflow:auto}.prose th{background:var(--surface-2);color:var(--text);text-align:start;font-weight:600}.prose td,.prose th{border:1px solid var(--line);vertical-align:top;min-inline-size:115px;padding:12px}.prose blockquote{border-inline-start:2px solid var(--line-strong);color:var(--text-3);margin-inline:0;padding-inline-start:20px}.article-toc{border-inline-start:1px solid var(--line);padding-inline-start:20px;font-size:12px;line-height:1.6}.article-toc nav{gap:12px;display:grid}.article-toc a{color:var(--text-3);overflow-wrap:anywhere}.article-toc a:hover{color:var(--text)}.toc-domain{border-block-start:1px solid var(--line);margin-block-start:20px;padding-block-start:18px;display:block}.related-section{border-block-start:1px solid var(--line);margin-block-start:72px;padding-block-start:32px}.section-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-block-end:24px;display:flex}.section-topline h2{letter-spacing:-.02em;font-size:23px}.section-topline a{color:var(--text-3);font-size:12px}.section-topline a:hover{color:var(--text)}.about-page{max-inline-size:1180px;padding-block:72px}.about-page>h1{letter-spacing:-.03em;margin-block:20px 25px;font-size:clamp(36px,4.5vw,60px);line-height:1.1}.about-lead{color:var(--text-2);font-size:19px;line-height:1.6}.about-intro{color:var(--text-3);max-inline-size:620px;margin-block:24px 45px;font-size:14px;line-height:1.8}.about-instructions{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-block:40px 60px;padding-block:32px;display:grid}.about-instructions span{color:var(--accent-text);font-family:var(--mono);font-size:11px}.about-instructions h2{margin-block:12px;font-size:17px}.about-instructions p{color:var(--text-2);font-size:13px}.about-domains{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-domains a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:27px;position:relative}.about-domains a:hover{background:var(--surface-2);border-color:var(--line-strong)}.about-domains .domain-label{color:var(--text-3);font-size:12px}.about-domains h3{letter-spacing:-.02em;margin-block:12px;padding-inline-end:20px;font-size:20px}.about-domains p{color:var(--text-2);font-size:13px}.about-domain-arrow{color:var(--text-3);position:absolute;inset-block-start:27px;inset-inline-end:24px}.about-source{border-block-start:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-block-start:60px;padding-block-start:48px;display:grid}.about-source h2{letter-spacing:-.02em;margin-block:15px;font-size:29px}.about-source p:not(.eyebrow){color:var(--text-2);margin-block:15px;font-size:14px}.about-source .button{margin-block-start:8px}.about-source .preview{aspect-ratio:1.25;border:1px solid var(--line);border-radius:var(--r-card)}.not-found{min-block-size:70vh;padding-block:100px}.not-found h1{letter-spacing:-.03em;margin-block:20px;font-size:clamp(30px,4vw,48px)}.not-found p:not(.eyebrow){color:var(--text-2);margin-block-end:25px}}@layer responsive{@media (width>=1450px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-note{gap:10px;padding-inline-start:22px}.note-flower{display:none}.gallery-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.domain-nav a{padding-inline:9px}.domain-nav-name{font-size:12px}.article-layout{grid-template-columns:minmax(0,1fr) 160px;gap:35px}}@media (width<=900px){.gallery-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-block-start:20px}.gallery-sidebar{position:static}.domain-nav{flex-wrap:wrap;gap:8px;display:flex}.domain-nav a,.domain-nav a:first-child{background:var(--surface);border-color:var(--line);border-radius:var(--r-pill);gap:10px;min-block-size:36px;margin:0;padding:7px 12px}.domain-nav a[aria-current]{border-color:var(--line-strong)}.domain-nav-sub,.sidebar-note{display:none}.sidebar-heading{margin-block-end:10px}.kind-filter{max-inline-size:240px;margin-block-start:14px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{display:none}.about-source{gap:25px}}@media (width<=600px){:root{--header-h:60px}.brand{gap:8px;font-size:16px}.brand-mark{block-size:18px;inline-size:18px}.header-nav{gap:16px;font-size:12px}.header-nav a{padding-block:20px}.github-link{display:none}.gallery-intro{padding-block:40px 24px}.gallery-intro h1{font-size:34px}.intro-description{font-size:14px}.collection-note{display:none}.search-form{gap:10px;min-block-size:52px;padding-inline:13px 6px}.search-form svg{inline-size:18px}.search-form input{font-size:14px}.search-submit{padding:7px 12px;font-size:12px}.search-submit span{display:none}.task-links{gap:8px;padding-block:16px 24px;font-size:11px}.task-links>span{inline-size:100%}.reading-language{display:none}.domain-nav{scrollbar-width:none;flex-wrap:nowrap;gap:7px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;overflow-x:auto}.domain-nav a,.domain-nav a:first-child{flex-shrink:0;gap:8px;padding:7px 11px}.domain-nav-name{font-size:11px}.domain-count{font-size:10px}.collection-toolbar{align-items:start;gap:10px}.collection-toolbar>div{gap:5px}.collection-toolbar h2{inline-size:100%;font-size:17px}.resource-grid{grid-template-columns:minmax(0,1fr);gap:16px}.preview{aspect-ratio:2.4}.card-copy{padding:18px 18px 20px}.card-copy h3{font-size:17px}.card-copy p{font-size:13px}.card-meta,.source-title{font-size:11px}.collection-end{font-size:11px;line-height:1.8}.site-footer{flex-direction:column;align-items:start;padding-inline:20px}.article-header{padding-block:12px 25px}.article-header h1{font-size:32px}.article-description{font-size:15px}.experience{padding:18px}.experience-heading h2{font-size:18px}.experience-heading{margin-block-end:18px}.layout-demo-stage{padding:8px}.motion-stage{padding:18px}.disclosure-card{padding:20px}.state-demo-stage{padding:15px}.state-demo-requests{grid-template-columns:minmax(0,1fr);gap:12px}.state-demo-requests>div{padding:16px}.state-demo-requests h3{margin-block:10px 14px;font-size:16px}.inventory-demo{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px}.platform-comparison{grid-template-columns:minmax(0,1fr)}.platform-comparison a{padding:20px}.platform-comparison h3{margin-block:6px}.platform-comparison p{margin-block-end:12px}.preview-large{aspect-ratio:1.8}.article-illustration .preview-large{aspect-ratio:2.5}.prose{font-size:14px}.prose h2{font-size:22px}.prose pre{padding:15px;font-size:12px}.related-section{margin-block-start:45px}.section-topline h2{font-size:20px}.about-page{padding-block:40px}.about-lead{font-size:16px}.about-instructions{grid-template-columns:minmax(0,1fr);gap:25px}.about-domains,.about-source{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}}.header-nav .theme-toggle{block-size:40px;inline-size:40px}@media (width<=480px){.header-inner{gap:12px}.brand{justify-content:center;block-size:40px;inline-size:32px}.brand>span{display:none}.header-nav{gap:17px}.header-nav a{white-space:nowrap}}