:root{--ko-surface-0:oklch(17% .025 252);--ko-surface-1:oklch(24% .025 254);--ko-surface-2:oklch(29% .025 254);--ko-surface-3:oklch(34% .025 254);--ko-text-primary:oklch(96% .005 250);--ko-text-secondary:oklch(78% .01 250);--ko-text-muted:oklch(62% .015 250);--ko-text-disabled:oklch(45% .01 250);--ko-border-subtle:oklch(32% .015 250);--ko-border-default:oklch(42% .015 250);--ko-border-strong:oklch(55% .02 250);--ko-accent-primary:oklch(68% .16 245);--ko-accent-primary-hover:oklch(74% .16 245);--ko-accent-primary-active:oklch(62% .16 245);--ko-accent-primary-bg:oklch(30% .1 245);--ko-accent-secondary:oklch(78% .14 180);--ko-accent-secondary-hover:oklch(83% .14 180);--ko-status-profit:oklch(72% .19 145);--ko-status-profit-bg:oklch(30% .09 145);--ko-status-loss:oklch(65% .22 25);--ko-status-loss-bg:oklch(30% .12 25);--ko-quote-rise:oklch(69% .2 18);--ko-quote-rise-strong:oklch(61% .23 22);--ko-quote-rise-bg:oklch(30% .1 18);--ko-quote-fall:oklch(63% .18 254);--ko-quote-fall-link:oklch(71% .17 250);--ko-quote-fall-bg:oklch(30% .1 254);--ko-action-danger:oklch(55% .22 25);--ko-action-danger-hover:oklch(60% .22 25);--ko-status-warning:oklch(80% .15 75);--ko-status-warning-bg:oklch(32% .08 75);--ko-status-info:oklch(75% .1 240);--ko-focus-ring:2px solid oklch(74% .16 245);--ko-focus-ring-offset:2px;--ko-font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ko-font-mono:"SF Mono", "JetBrains Mono", Monaco, Consolas, monospace;--ko-text-xs:.75rem;--ko-text-sm:.875rem;--ko-text-base:1rem;--ko-text-lg:1.125rem;--ko-text-xl:1.25rem;--ko-text-2xl:1.5rem;--ko-text-3xl:1.875rem;--ko-text-4xl:2.25rem;--ko-leading-tight:1.2;--ko-leading-normal:1.5;--ko-leading-relaxed:1.7;--ko-weight-normal:400;--ko-weight-medium:500;--ko-weight-semibold:600;--ko-weight-bold:700;--ko-space-0:0;--ko-space-1:.25rem;--ko-space-2:.5rem;--ko-space-3:.75rem;--ko-space-4:1rem;--ko-space-5:1.25rem;--ko-space-6:1.5rem;--ko-space-8:2rem;--ko-space-10:2.5rem;--ko-space-12:3rem;--ko-space-16:4rem;--ko-radius-sm:4px;--ko-radius-md:8px;--ko-radius-lg:12px;--ko-radius-xl:16px;--ko-radius-full:9999px;--ko-shadow-sm:0 1px 2px 0 #0000002e;--ko-shadow-md:0 2px 6px -1px #00000038, 0 2px 4px -2px #0000002e;--ko-shadow-lg:0 8px 16px -4px #00000047, 0 4px 8px -4px #00000038;--ko-shadow-xl:0 16px 32px -8px #00000052;--ko-duration-fast:.1s;--ko-duration-normal:.15s;--ko-duration-slow:.25s;--ko-ease-out:cubic-bezier(0, 0, .2, 1);--ko-ease-in-out:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--ko-duration-fast:0s;--ko-duration-normal:0s;--ko-duration-slow:0s}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not(.dark){--ko-surface-0:oklch(98% .005 250);--ko-surface-1:oklch(100% 0 0);--ko-surface-2:oklch(96% .008 250);--ko-surface-3:oklch(92% .01 250);--ko-text-primary:oklch(20% .015 250);--ko-text-secondary:oklch(40% .012 250);--ko-text-muted:oklch(55% .01 250);--ko-border-subtle:oklch(92% .008 250);--ko-border-default:oklch(84% .01 250);--ko-border-strong:oklch(70% .015 250);--ko-quote-rise:oklch(55% .22 22);--ko-quote-rise-strong:oklch(49% .24 24);--ko-quote-rise-bg:oklch(94% .06 22);--ko-quote-fall:oklch(50% .2 254);--ko-quote-fall-link:oklch(55% .18 252);--ko-quote-fall-bg:oklch(94% .06 254)}}:root[data-theme=light],:root.light,body[data-theme=light]{--ko-surface-0:oklch(98% .005 250);--ko-surface-1:oklch(100% 0 0);--ko-surface-2:oklch(96% .008 250);--ko-surface-3:oklch(92% .01 250);--ko-text-primary:oklch(20% .015 250);--ko-text-secondary:oklch(40% .012 250);--ko-text-muted:oklch(55% .01 250);--ko-border-subtle:oklch(92% .008 250);--ko-border-default:oklch(84% .01 250);--ko-border-strong:oklch(70% .015 250);--ko-quote-rise:oklch(55% .22 22);--ko-quote-rise-strong:oklch(49% .24 24);--ko-quote-rise-bg:oklch(94% .06 22);--ko-quote-fall:oklch(50% .2 254);--ko-quote-fall-link:oklch(55% .18 252);--ko-quote-fall-bg:oklch(94% .06 254)}:root{--bg:var(--ko-surface-0);--bg-secondary:var(--ko-surface-1);--text:var(--ko-text-primary);--text-secondary:var(--ko-text-secondary);--border:var(--ko-border-subtle);--accent:var(--ko-accent-primary);--accent-hover:var(--ko-accent-primary-hover);--code-bg:var(--ko-surface-1);--card-shadow:0 1px 3px oklch(0% 0 0/.3);--sans:var(--ko-font-family);--mono:var(--ko-font-mono);--ko-level-beginner:oklch(85% .01 220);--ko-level-intermediate:oklch(70% .012 90);--ko-level-advanced:oklch(55% .015 30);--focus-ring:var(--ko-focus-ring);font-family:var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;font-size:16px;line-height:1.5}@media (prefers-reduced-motion:reduce){.treemap-tile,.chip,.ko-chip,.ko-treemap-tile{transition:none!important;animation:none!important;transform:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{min-height:calc(100dvh - var(--kh-shell-bottom,0px));flex-direction:column;display:flex}#root>:has(>.site-footer){flex-direction:column;flex:1 0 auto;width:100%;display:flex}.search-page{max-width:900px;margin:0 auto;padding:40px 20px}.page-header{text-align:center;margin-bottom:32px}.page-header h1{color:var(--text);margin-bottom:4px;font-size:2rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:1rem}.search-bar{margin-bottom:24px}.search-input-row{gap:8px;margin-bottom:12px;display:flex}.search-input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:2px solid #0000;flex:1;padding:10px 16px;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.search-button{color:oklch(100% 0 0);background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;font-weight:600;transition:background .2s}.search-button:hover:not(:disabled){background:var(--accent-hover)}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-filters{gap:8px;display:flex}.filter-select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;outline:2px solid #0000;padding:8px 12px;font-size:.875rem}.filter-select:focus{border-color:var(--accent)}.filter-select:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.results-count{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem}.no-results{text-align:center;color:var(--text-secondary);padding:40px}.result-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:12px;padding:16px 20px}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.result-name{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.result-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge{color:oklch(100% 0 0);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.score{color:var(--text-secondary);font-size:.75rem}.result-description{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.result-file-info{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.file-path,.line-range{font-family:var(--mono)}.git-link{color:var(--accent);margin-left:8px;font-weight:500;text-decoration:none}.git-link:hover{text-decoration:underline}.code-snippet{border:1px solid var(--border);border-radius:8px;margin-top:10px;overflow:hidden}.code-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 12px;font-size:.8rem;display:flex}.code-file-path{font-family:var(--mono);color:var(--text-secondary)}.code-line-range{color:var(--text-secondary)}.git-link-button{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px;font-size:.75rem;text-decoration:none}.git-link-button:hover{background:var(--accent);color:oklch(100% 0 0)}.code-block{background:var(--code-bg);font-family:var(--mono);white-space:pre;color:var(--text);margin:0;padding:12px 16px;font-size:.85rem;line-height:1.6;overflow-x:auto}.error-message{background:var(--ko-status-loss-bg);color:var(--ko-status-loss);border:1px solid var(--ko-status-loss);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:.875rem}.viz-page{background:#0a0a14;min-height:100vh;position:relative;overflow:hidden}.viz-page-scroll{min-height:calc(100dvh - var(--kh-shell-bottom,0px));color:#e0e0e0;background:#0a0a14}.search-bar-overlay{z-index:40;width:420px;max-width:90vw;position:fixed;top:16px;left:50%;transform:translate(-50%)}.search-bar-section{z-index:30;-webkit-backdrop-filter:blur(8px);background:#0a0a14d9;justify-content:center;padding:12px 0;display:flex;position:sticky;top:56px}.viz-mode-toggle{background:#ffffff0a;border:1px solid #94a3b840;border-radius:999px;justify-content:flex-end;gap:4px;width:fit-content;margin:12px 24px 12px auto;padding:4px;display:flex}.viz-mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:36px;padding:6px 18px;font-family:inherit;font-size:.85rem;transition:background-color .12s,color .12s}.viz-mode-btn:hover{color:#f1f5f9}.viz-mode-btn.is-active{color:#f8fafc;background:#94a3b82e;font-weight:600}.viz-mode-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.search-bar-floating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ed9;border:1px solid #6c63ff4d;border-radius:28px;align-items:center;gap:8px;padding:10px 20px;display:flex}.search-icon{color:#6c63ff;font-size:1rem}.search-input-floating{color:#e0e0e0;background:0 0;border:none;outline:2px solid #0000;flex:1;font-size:.875rem}.search-input-floating:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.search-input-floating::placeholder{color:#555}.search-shortcut{color:#444;border:1px solid #334155;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:.625rem}:root[data-surface=heritage],:root[data-surface=heritage][data-theme=light]{--kh-hanji:#f9f8f2;--kh-giwa:#1d1d1f;--kh-ink:#0a0a0a;--kh-pine:#1a472a;--kh-aged-pine:#3e4c3f;--kh-yeonji:#a2231d;--kh-ocher:#b38b6d;--kh-ocher-text:#8a6346;--kh-celadon:#2b4b63;--ko-surface-0:var(--kh-hanji);--ko-surface-1:#f5f4ee;--ko-surface-2:#efeee8;--ko-surface-3:#e3e3dd;--ko-text-primary:var(--kh-giwa);--ko-text-secondary:#46464a;--ko-text-muted:#77767b;--ko-border-subtle:color-mix(in srgb, var(--kh-giwa) 12%, transparent);--ko-border-default:color-mix(in srgb, var(--kh-giwa) 24%, transparent);--ko-border-strong:color-mix(in srgb, var(--kh-giwa) 45%, transparent);--ko-accent-primary:var(--kh-pine);--ko-accent-primary-hover:#143620;--ko-accent-primary-active:#0f2917;--ko-accent-primary-bg:color-mix(in srgb, var(--kh-pine) 10%, transparent);--ko-focus-ring:2px solid var(--kh-pine);--ko-accent-text:var(--kh-pine);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--kh-slab:var(--kh-giwa);--kh-slab-deep:var(--kh-ink);--kh-on-slab:var(--kh-hanji);--kh-on-slab-muted:color-mix(in srgb, var(--kh-hanji) 62%, transparent);--kh-slab-border:color-mix(in srgb, var(--kh-ocher) 22%, transparent);--kh-radius:4px;--kh-radius-asym:0 8px 0 8px;--kh-void:clamp(5rem, 11vw, 8rem);--kh-container:1200px;--kh-display:clamp(2rem, 5vw, 3rem);--kh-headline:clamp(1.375rem, 2.4vw, 1.5rem);--kh-tracking-display:-.02em;--kh-tracking-mono:.05em;--kh-font-mono:"JetBrains Mono", var(--ko-font-mono);--kh-grain-ink:#00000006;--kh-ink-wash:29 29 31;--kh-scrim:color-mix(in srgb, var(--kh-ink) 62%, transparent)}:root[data-surface=heritage][data-theme=dark]{--ko-surface-0:#131313;--ko-surface-1:#1c1b1b;--ko-surface-2:#201f1f;--ko-surface-3:#2a2a2a;--ko-text-primary:#e5e2e1;--ko-text-secondary:#c7c6ca;--ko-text-muted:#919095;--ko-border-subtle:color-mix(in srgb, var(--kh-ocher) 12%, transparent);--ko-border-default:color-mix(in srgb, var(--kh-ocher) 22%, transparent);--ko-border-strong:color-mix(in srgb, var(--kh-ocher) 40%, transparent);--ko-accent-primary:var(--kh-celadon);--ko-accent-primary-hover:#37607e;--ko-accent-primary-active:#233d51;--ko-accent-primary-bg:color-mix(in srgb, var(--kh-celadon) 22%, transparent);--ko-focus-ring:2px solid #6f9fc4;--ko-accent-text:#6f9fc4;--kh-ocher-text:var(--kh-ocher);--kh-slab:#1d1d1f;--kh-slab-deep:#0e0e0e;--kh-on-slab:#e5e2e1;--kh-on-slab-muted:#919095;--kh-slab-border:color-mix(in srgb, var(--kh-ocher) 28%, transparent);--kh-grain-ink:#ffffff04;--kh-ink-wash:229 226 225;--ko-text-disabled:#8a8a8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}.kh-mono{font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono);font-weight:500}.kh-seal{align-items:center;gap:var(--ko-space-2);padding:4px var(--ko-space-3);border-radius:var(--kh-radius);background:var(--kh-yeonji);color:var(--kh-hanji);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);text-transform:uppercase;white-space:nowrap;font-weight:600;display:inline-flex}.kh-seal-ink{background:var(--kh-giwa);color:var(--kh-hanji)}:root[data-surface=heritage][data-theme=dark] .kh-seal-ink{background:var(--ko-surface-2);border:1px solid var(--ko-border-default)}.kh-seal-dot{background:var(--kh-yeonji);border-radius:50%;flex-shrink:0;width:6px;height:6px}.kh-seal .kh-seal-dot{background:currentColor}.kh-seal-ink .kh-seal-dot{background:var(--kh-yeonji)}.kh-section-label{align-items:center;gap:var(--ko-space-2);color:var(--kh-ocher-text,var(--kh-ocher));font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono);font-weight:600;display:flex}.kh-section-head{align-items:baseline;gap:var(--ko-space-4);padding-bottom:var(--ko-space-4);border-bottom:1px solid var(--ko-border-subtle);display:flex}.kh-index{color:var(--kh-ocher);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.kh-caps{font-size:var(--ko-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ko-text-muted);font-weight:700}.kh-icon-box{border:1px solid var(--ko-border-default);border-radius:var(--kh-radius);width:34px;height:34px;color:var(--ko-accent-text,var(--ko-accent-primary));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kh-rule:after{content:"";width:96px;height:1px;margin-top:var(--ko-space-4);background:var(--ko-border-default);display:block}.kh-display{font-size:var(--kh-display);letter-spacing:var(--kh-tracking-display);max-width:18ch;margin:0;font-weight:700;line-height:1.16}.kh-display-accent{color:var(--kh-yeonji)}:root[data-surface=heritage][data-theme=dark] .kh-display-accent{color:inherit}.kh-headline{font-size:var(--kh-headline);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}.kh-slab{background:var(--kh-slab);border:1px solid var(--kh-slab-border);border-radius:var(--kh-radius-asym);color:var(--kh-on-slab);--ko-text-primary:var(--kh-on-slab);--ko-text-secondary:var(--kh-on-slab-muted);--ko-text-muted:var(--kh-on-slab-muted);--ko-text-disabled:var(--kh-on-slab-muted);--ko-border-subtle:var(--kh-slab-border);--kh-grain-ink:#ffffff05}.kh-slab-offset{position:relative}.kh-slab-offset:before{content:"";inset:var(--ko-space-4) calc(var(--ko-space-4) * -1) calc(var(--ko-space-4) * -1) var(--ko-space-4);background:var(--kh-slab-deep);border-radius:var(--kh-radius-asym);z-index:-1;position:absolute}.kh-button{justify-content:center;align-items:center;gap:var(--ko-space-2);min-height:44px;padding:0 var(--ko-space-5);border:1px solid var(--kh-giwa);border-radius:var(--kh-radius);background:var(--kh-giwa);color:var(--kh-hanji);font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono);cursor:pointer;transition:background var(--ko-duration-normal) var(--ko-ease-out), border-color var(--ko-duration-normal) var(--ko-ease-out);font-weight:600;text-decoration:none;display:inline-flex}.kh-button:hover{background:var(--kh-ink);border-color:var(--kh-ink)}.kh-button-ghost{border-color:var(--ko-border-default);color:var(--ko-text-primary);background:0 0}.kh-button-ghost:hover{background:var(--ko-surface-2);border-color:var(--ko-border-strong)}:root[data-surface=heritage][data-theme=dark] .kh-button:not(.kh-button-ghost){background:var(--kh-celadon);border-color:var(--kh-celadon);color:var(--kh-hanji)}:root[data-surface=heritage][data-theme=dark] .kh-button:not(.kh-button-ghost):hover{background:#37607e;border-color:#37607e}.kh-eave-edge{background:var(--kh-giwa);border-radius:0 0 50% 50%/0 0 20px 20px;max-width:480px;height:20px}.kh-grain{isolation:isolate;position:relative}.kh-grain:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:repeating-linear-gradient(93deg, var(--kh-grain-ink) 0 1px, transparent 2px 11px), repeating-linear-gradient(88deg, var(--kh-grain-ink) 0 2px, transparent 5px 23px);position:absolute;inset:0}.kh-field{width:100%;min-height:44px;padding:var(--ko-space-2) 0;border:0;border-bottom:1px solid var(--ko-border-default);color:var(--ko-text-primary);font-family:inherit;font-size:var(--ko-text-base);transition:border-color var(--ko-duration-normal) var(--ko-ease-out);background:0 0;border-radius:0}.kh-field::placeholder{color:var(--ko-text-muted)}.kh-field:focus{border-bottom-width:2px;border-bottom-color:var(--ko-accent-primary);outline:none}.kh-field:focus-visible{outline:var(--ko-focus-ring);outline-offset:4px}.kh-status{gap:var(--ko-space-2);padding:var(--ko-space-12) 0;color:var(--ko-text-muted);font-size:var(--ko-text-sm);flex-direction:column;display:flex}.kh-status-title{font-family:var(--kh-font-mono);letter-spacing:var(--kh-tracking-mono);color:var(--ko-text-secondary)}.kh-status-error{border-left:2px solid var(--kh-yeonji);padding-left:var(--ko-space-4)}.kh-table{border-collapse:collapse;width:100%;font-size:var(--ko-text-sm)}.kh-table th,.kh-table td{text-align:left;padding:var(--ko-space-3) var(--ko-space-4);border-bottom:1px solid var(--ko-border-subtle);vertical-align:top}.kh-table thead th{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);text-transform:uppercase;color:var(--kh-ocher);white-space:nowrap;font-weight:600}.kh-table tbody tr:last-child td{border-bottom:0}.kh-table .num{font-variant-numeric:tabular-nums;text-align:right}@media (prefers-reduced-motion:reduce){.kh-button,.kh-field{transition:none}}.kh-arcade{--ko-accent-primary:var(--kh-yeonji);--ko-accent-primary-hover:#bd2b23;--ko-accent-primary-bg:color-mix(in srgb, var(--kh-yeonji) 18%, transparent)}:root[data-surface=heritage][data-theme=dark] .kh-arcade{--ko-surface-0:var(--kh-ink);--kh-slab:var(--kh-giwa);--kh-slab-deep:#050505}.kh-theme-toggle{border-radius:var(--kh-radius,4px);width:36px;height:36px;color:var(--ko-text-secondary);cursor:pointer;transition:color var(--ko-duration-fast) var(--ko-ease-out), background var(--ko-duration-fast) var(--ko-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.kh-theme-toggle:hover{color:var(--kh-ocher,var(--ko-text-primary));background:var(--ko-surface-2)}.kh-theme-toggle:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}:root[data-theme-wipe]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-wipe]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme-wipe]::view-transition-old(root){z-index:1}:root[data-theme-wipe]::view-transition-new(root){z-index:2}:root{--kh-dur-feedback:.12s;--kh-dur-state:.24s;--kh-dur-enter:.56s;--kh-ease-enter:cubic-bezier(.16, 1, .3, 1);--kh-ease-exit:cubic-bezier(.7, 0, .84, 0)}[data-reveal] .kh-seep{opacity:0;transition:opacity var(--kh-dur-enter) var(--kh-ease-enter), transform var(--kh-dur-enter) var(--kh-ease-enter);transform:translateY(8px)}[data-reveal=in] .kh-seep{opacity:1;transform:none}[data-reveal] .kh-rule-draw{border-bottom-color:#0000;position:relative}[data-reveal] .kh-rule-draw:after{content:"";background:var(--ko-border-subtle);transform-origin:0;height:1px;transition:transform var(--kh-dur-enter) var(--kh-ease-enter);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}[data-reveal=in] .kh-rule-draw:after{transform:scaleX(1)}[data-reveal] .kh-settle{opacity:0;transition:opacity var(--kh-dur-enter) var(--kh-ease-enter)}[data-reveal] .kh-settle:before{transform:translate(calc(var(--ko-space-4) * -1), calc(var(--ko-space-4) * -1));transition:transform var(--kh-dur-enter) var(--kh-ease-enter)}[data-reveal=in] .kh-settle{opacity:1}[data-reveal=in] .kh-settle:before{transform:translate(0)}[data-reveal] .kh-stamp{opacity:0;transition:opacity var(--kh-dur-state) var(--kh-ease-enter), transform var(--kh-dur-state) var(--kh-ease-enter);transform:scale(1.06)}[data-reveal=in] .kh-stamp{opacity:1;transform:scale(1)}[data-reveal] .kh-stagger>:nth-child(2){transition-delay:50ms}[data-reveal] .kh-stagger>:nth-child(3){transition-delay:.1s}[data-reveal] .kh-stagger>:nth-child(4){transition-delay:.15s}[data-reveal] .kh-stagger>:nth-child(5){transition-delay:.2s}[data-reveal] .kh-stagger>:nth-child(6){transition-delay:.25s}.kh-button,.kh-button-ghost,.kh-press{transition:transform var(--kh-dur-feedback) var(--kh-ease-enter), background var(--ko-duration-normal) var(--ko-ease-out), border-color var(--ko-duration-normal) var(--ko-ease-out)}.kh-button:active,.kh-button-ghost:active,.kh-press:active{transform:translateY(1px)}@supports (animation-timeline:view()){.kh-flow-rule{transform-origin:0;animation:linear both kh-flow-x;animation-timeline:view();animation-range:entry cover 30%}.kh-flow-grow{transform-origin:0;animation:linear both kh-flow-x;animation-timeline:view();animation-range:entry cover 42%}}@keyframes kh-flow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){[data-reveal] .kh-seep,[data-reveal] .kh-settle,[data-reveal] .kh-stamp{opacity:1;transition:none;transform:none}[data-reveal] .kh-settle:before,[data-reveal] .kh-rule-draw:after{transition:none;transform:none}.kh-button,.kh-button-ghost,.kh-press{transition:none}.kh-flow-rule,.kh-flow-grow{animation:none;transform:none}}html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:contain}a,button,[role=button],input,select,textarea{touch-action:manipulation}.kh-tabbar{z-index:200;background:var(--kh-giwa,var(--ko-surface-1));border-top:1px solid var(--kh-slab-border,var(--ko-border-subtle));padding-bottom:env(safe-area-inset-bottom);view-transition-name:kh-tabbar;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.kh-tabbar{display:none}}@media (width<=767.98px){:root[data-tabbar=on]{--kh-shell-bottom:calc(60px + env(safe-area-inset-bottom))}:root[data-tabbar=on] body{padding-bottom:var(--kh-shell-bottom)}}.kh-tabbar-item{min-height:52px;padding:var(--ko-space-2) 0 6px;cursor:pointer;color:var(--kh-on-slab-muted,var(--ko-text-muted));transition:color var(--kh-dur-state) var(--kh-ease-enter);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-family:inherit;font-size:10px;text-decoration:none;display:flex;position:relative}.kh-tabbar-item.is-active{color:var(--kh-on-slab,var(--ko-text-primary))}.kh-tabbar-item:before{content:"";background:var(--kh-ocher,var(--ko-accent-primary));transform-origin:0;height:2px;transition:transform var(--kh-dur-state) var(--kh-ease-enter);position:absolute;top:0;left:22%;right:22%;transform:scaleX(0)}.kh-tabbar-item.is-active:before{transform:scaleX(1)}.kh-tabbar-item:active{transform:translateY(1px)}.kh-tabbar-item:focus-visible{outline:var(--ko-focus-ring);outline-offset:-2px}.kh-sheet-veil{z-index:300;background:color-mix(in srgb, var(--kh-ink,#0a0a0a) 62%, transparent);-webkit-backdrop-filter:blur(24px);animation:kh-sheet-veil-in var(--kh-dur-state) var(--kh-ease-enter);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.kh-sheet{background:var(--ko-surface-1);width:100%;max-width:560px;max-height:72vh;color:var(--ko-text-primary);border-top:1px solid var(--ko-border-default);padding:0 var(--ko-space-5) calc(var(--ko-space-6) + env(safe-area-inset-bottom));animation:kh-sheet-up var(--kh-dur-enter) var(--kh-ease-enter);border-radius:0 16px 0 0;overflow-y:auto}@media (width>=768px){.kh-sheet--dialog{border:1px solid var(--ko-border-default);border-radius:var(--kh-radius-asym,0 8px 0 8px);max-width:440px;max-height:80vh;padding-top:var(--ko-space-5);margin:auto}.kh-sheet--dialog .kh-sheet-handle{display:none}}.kh-sheet-handle{padding:var(--ko-space-3) 0 var(--ko-space-2);touch-action:none;cursor:grab;justify-content:center;display:flex}.kh-sheet-grip{background:var(--ko-border-strong);border-radius:9999px;width:44px;height:4px}.kh-sheet-label{color:var(--kh-ocher,var(--ko-text-muted));font-size:var(--ko-text-xs);text-transform:uppercase;padding-bottom:var(--ko-space-3)}@keyframes kh-sheet-veil-in{0%{opacity:0}}@keyframes kh-sheet-up{0%{opacity:0;transform:translateY(24px)}}.kh-genre-list{gap:var(--ko-space-2);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.kh-genre-list a{min-height:44px;padding:0 var(--ko-space-4);border:1px solid var(--ko-border-default);border-radius:var(--kh-radius,4px);color:var(--ko-text-primary);font-size:var(--ko-text-sm);align-items:center;text-decoration:none;display:flex}.kh-genre-list a:active{background:var(--ko-surface-2);transform:translateY(1px)}.kh-skeleton{background:var(--ko-surface-2);border-radius:var(--kh-radius,4px);animation:kh-skeleton-breathe 1.6s var(--ko-ease-in-out,ease-in-out) infinite}@keyframes kh-skeleton-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (width<=767.98px) and (prefers-reduced-motion:no-preference){:root[data-nav=push]::view-transition-new(root){animation:kh-vt-enter-right .28s var(--kh-ease-enter)}:root[data-nav=push]::view-transition-old(root){animation:kh-vt-recede .2s var(--kh-ease-exit)}:root[data-nav=pop]::view-transition-new(root){animation:kh-vt-enter-left .28s var(--kh-ease-enter)}:root[data-nav=pop]::view-transition-old(root){animation:kh-vt-exit-right .2s var(--kh-ease-exit)}}@keyframes kh-vt-enter-right{0%{opacity:0;transform:translate(24px)}}@keyframes kh-vt-enter-left{0%{opacity:0;transform:translate(-24px)}}@keyframes kh-vt-exit-right{to{opacity:0;transform:translate(24px)}}@keyframes kh-vt-recede{to{opacity:.4}}@media (prefers-reduced-motion:reduce){.kh-tabbar-item,.kh-tabbar-item:before{transition:none}.kh-sheet-veil,.kh-sheet,.kh-skeleton{animation:none}}.auth-btn{border:1px solid var(--ko-border-default);min-height:32px;color:inherit;cursor:pointer;background:0 0;border-radius:9999px;align-items:center;padding:5px 12px;font-family:inherit;font-size:.8125rem;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.auth-btn:hover{background:var(--ko-surface-2);border-color:var(--ko-border-strong)}.auth-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}:root{--gnb-height:64px}.gnb{z-index:100;height:var(--gnb-height);background:color-mix(in oklch, var(--ko-surface-0) 88%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ko-border-subtle);position:sticky;top:0}:root[data-surface=heritage] .gnb{background:var(--kh-giwa);border-bottom-color:var(--kh-slab-border);--ko-text-primary:var(--kh-hanji);--ko-text-secondary:color-mix(in srgb, var(--kh-hanji) 72%, transparent);--ko-text-muted:color-mix(in srgb, var(--kh-hanji) 55%, transparent);--ko-surface-2:color-mix(in srgb, var(--kh-hanji) 10%, transparent);color:var(--kh-hanji)}.gnb-inner{max-width:var(--kh-container,1200px);height:100%;padding:0 var(--ko-space-6);align-items:center;gap:var(--ko-space-8);margin:0 auto;display:flex}.gnb-logo{font-size:var(--ko-text-lg);color:var(--ko-text-primary);letter-spacing:-.03em;white-space:nowrap;align-items:baseline;gap:var(--ko-space-2);font-weight:800;text-decoration:none;display:inline-flex}.gnb-page-label{font-size:var(--ko-text-sm);color:var(--ko-text-muted);letter-spacing:0;font-weight:500}.gnb-menu{justify-content:center;align-items:center;gap:var(--ko-space-6);flex:1;margin:0;padding:0;list-style:none;display:flex}.gnb-menu-item{cursor:pointer;padding:var(--ko-space-2) 0;font-family:inherit;font-size:var(--ko-text-sm);color:var(--ko-text-secondary);transition:color var(--ko-duration-fast) var(--ko-ease-out), border-color var(--ko-duration-fast) var(--ko-ease-out);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}a.gnb-menu-item{text-decoration:none;display:inline-block}.gnb-menu-item:hover,.gnb-menu-item.is-active{color:var(--ko-text-primary);border-bottom-color:var(--kh-ocher,var(--ko-text-primary))}.gnb-menu-item:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.gnb-search-btn{cursor:pointer;color:var(--ko-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .2s,background .2s;display:flex}.gnb-search-btn:hover{color:var(--ko-text-primary);background:var(--ko-surface-2)}.gnb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.gnb-hamburger{border-radius:var(--kh-radius,4px);width:44px;height:44px;color:var(--ko-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:none}.gnb-hamburger:hover{color:var(--ko-text-primary);background:var(--ko-surface-2)}.gnb-hamburger:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.gnb-drawer-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gnb-drawer-list li+li{border-top:1px solid var(--ko-border-subtle)}.gnb-drawer-item{width:100%;min-height:48px;padding:var(--ko-space-2) var(--ko-space-2);color:var(--ko-text-primary);font-family:inherit;font-size:var(--ko-text-base);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;text-decoration:none;display:flex}.gnb-drawer-item:active{background:var(--ko-surface-2);transform:translateY(1px)}.gnb-drawer-item:focus-visible{outline:var(--ko-focus-ring);outline-offset:-2px}.gnb-drawer-actions{align-items:center;gap:var(--ko-space-3);padding-top:var(--ko-space-4);margin-top:var(--ko-space-2);border-top:1px solid var(--ko-border-default);display:flex}@media (width<=767.98px){.gnb{transition:transform var(--kh-dur-state,.24s) var(--kh-ease-enter,ease-out)}.gnb--collapsed{transform:translateY(-100%)}.gnb-menu,.gnb-right{display:none}.gnb-hamburger{display:inline-flex}}@media (prefers-reduced-motion:reduce){.gnb{transition:none}}.about-section{padding:var(--kh-void,64px) var(--ko-space-6)}.about-inner{width:100%;max-width:var(--kh-container,1200px);margin:0 auto}.about-content{gap:var(--ko-space-12);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;display:grid}.about-profile{flex-direction:column;gap:12px;display:flex}.about-open-badge{background:var(--ko-surface-2);border:1px solid var(--ko-border-strong);color:var(--ko-text-primary);letter-spacing:.06em;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.about-pulse-dot{background:var(--ko-text-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--ko-text-primary) 45%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklch, var(--ko-text-primary) 0%, transparent)}}.about-name{color:var(--ko-text-primary);letter-spacing:-.03em;margin:4px 0 0;font-size:2rem;font-weight:800}.about-title{color:var(--ko-accent-text,var(--ko-accent-primary));margin:0;font-size:1rem;font-weight:500}.about-oneliner{color:var(--ko-text-secondary);margin:4px 0 8px;font-size:.95rem;line-height:1.6}.about-links{flex-direction:column;gap:10px;margin-top:4px;display:flex}.about-link{color:var(--ko-text-muted);align-items:center;gap:10px;width:fit-content;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.about-link:hover{color:var(--ko-accent-text,var(--ko-accent-primary))}.about-radar{background:var(--ko-surface-1);border:1px solid var(--ko-border-subtle);border-radius:16px;padding:24px}.about-radar-title{color:var(--ko-text-primary);margin:0 0 2px;font-size:1rem;font-weight:700}.about-radar-subtitle{color:var(--ko-text-muted);margin:0 0 16px;font-size:.8rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cd{--cd-face-bg:var(--kh-hanji,#f9f8f2);--cd-face-fg:var(--kh-giwa,#1d1d1f);--cd-back-bg:var(--kh-giwa,#1d1d1f);--cd-line:var(--kh-ocher,#b38b6d);--cd-edge:#6f5236;--cd-mark:var(--kh-yeonji,#a2231d);--cd-disc:#141414;--cd-hub:#232326;--cd-photo-empty:var(--ko-surface-3,#e3e3dd);--cd-meta:var(--kh-ocher-text,#8a6346);--cd-mono:var(--kh-font-mono,ui-monospace, monospace);--cd-light:#ffffff24;--cd-shade:#00000029;touch-action:pan-y;cursor:grab;outline:none;position:absolute;inset:0;overflow:hidden}.cd:active{cursor:grabbing}.cd:focus-visible{outline:2px solid var(--ko-accent-primary,#1a472a);outline-offset:-4px}.cd-scene{perspective:1300px;perspective-origin:50% 40%;content-visibility:auto;position:absolute;inset:0}.cd-world{width:0;height:0;transform-style:preserve-3d;transform:scale(var(--cd-s,1)) rotateX(calc(var(--cd-tilt,26deg) * -1));position:absolute;top:66%;left:50%}.cd-drum{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.cd.is-live .cd-drum,.cd.is-live .cd-card{will-change:transform}.cd-disc{left:calc(var(--cd-r) * -1 - 38px);top:calc(var(--cd-r) * -1 - 38px);width:calc(var(--cd-r) * 2 + 76px);height:calc(var(--cd-r) * 2 + 76px);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--cd-disc) 78%, var(--cd-hub)) 0%, var(--cd-disc) 58%, color-mix(in srgb, var(--cd-disc) 72%, #000) 100%);border:1px solid color-mix(in srgb, var(--cd-line) 55%, transparent);border-radius:50%;position:absolute;transform:rotateX(90deg)}.cd-disc:after{content:"";border:1px solid color-mix(in srgb, var(--cd-line) 22%, transparent);border-radius:50%;position:absolute;inset:28px}.cd-hub{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--cd-hub) 80%, #fff) 0%, var(--cd-hub) 55%, color-mix(in srgb, var(--cd-hub) 75%, #000) 100%);border:1px solid color-mix(in srgb, var(--cd-line) 50%, transparent);border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;left:-50px;transform:translateY(-5px)rotateX(90deg)}.cd-hub:after{content:"";border:1px solid color-mix(in srgb, var(--cd-line) 22%, transparent);border-radius:50%;position:absolute;inset:14px}.cd-count{text-align:center;width:88px;font-family:var(--cd-mono);letter-spacing:.08em;color:var(--cd-line);font-variant-numeric:tabular-nums;pointer-events:none;transform:translateY(-9px) rotateX(var(--cd-tilt,26deg));font-size:.625rem;position:absolute;top:-14px;left:-44px}.cd-slot{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:9px solid var(--cd-mark);width:0;height:0;transform:translateZ(calc(var(--cd-r) + 66px)) rotateX(90deg);position:absolute;top:-5px;left:-5px}.cd-tick{text-align:center;width:24px;line-height:12px;font-family:var(--cd-mono);color:color-mix(in srgb, var(--cd-line) 70%, transparent);font-variant-numeric:tabular-nums;font-size:.5625rem;position:absolute;top:-6px;left:-12px}.cd-card{--e:var(--cd-edge);left:calc(var(--cd-w) / -2);top:calc(var(--cd-h) / -2);width:var(--cd-w);height:var(--cd-h);transform-style:preserve-3d;position:absolute}.cd-card.is-out,.cd-card.is-peek{--e:var(--cd-line)}.cd-card.is-out{cursor:pointer}.cd-face{backface-visibility:hidden;border-radius:0 6px;position:absolute;inset:0;overflow:hidden}.cd-front{background:var(--cd-face-bg);color:var(--cd-face-fg);flex-direction:column;display:flex;transform:translateZ(1.5px)}.cd-front:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(160deg, var(--cd-light), transparent 42%, var(--cd-shade));position:absolute;inset:0}.cd-card.is-out:hover .cd-front:after{background:linear-gradient(160deg,#ffffff3d,#0000 42%,#0000001a)}.cd-back{background:var(--cd-back-bg);color:var(--cd-line);border:1px solid color-mix(in srgb, var(--cd-line) 30%, transparent);outline:1px solid color-mix(in srgb, var(--cd-line) 28%, transparent);outline-offset:-7px;font-family:var(--cd-mono);letter-spacing:.06em;background-image:repeating-linear-gradient(45deg,#ffffff0b 0 2px,#0000 2px 9px);align-items:flex-end;padding:10px;font-size:.625rem;display:flex;transform:rotateY(180deg)translateZ(1.5px)}.cd-edge{position:absolute}.cd-edge-l{background:color-mix(in srgb, var(--e) 70%, #000);width:3px;height:100%;top:0;left:0;transform:translate(-1.5px)rotateY(90deg)}.cd-edge-r{background:color-mix(in srgb, var(--e) 82%, #fff);width:3px;height:100%;top:0;right:0;transform:translate(1.5px)rotateY(90deg)}.cd-edge-t{background:linear-gradient(to right, color-mix(in srgb, var(--e) 70%, #000), color-mix(in srgb, var(--e) 82%, #fff));width:100%;height:3px;top:0;left:0;transform:translateY(-1.5px)rotateX(90deg)}.cd-card.is-far .cd-edge-r,.cd-card.is-far .cd-edge-t,.cd-card.is-far .cd-front:after,.cd-card.is-far-front .cd-back,.cd-card.is-far-back .cd-front{display:none}.cd-card.is-far .cd-face{border-radius:0;overflow:visible}.cd-card.is-far .cd-back{background-image:none;outline:none}.cd-photo{background-position:50%;background-size:cover;background-color:var(--cd-photo-empty);flex-shrink:0;height:52%}.cd-body{flex-direction:column;gap:3px;min-height:0;padding:7px 8px 5px;display:flex}.cd-body--text{justify-content:flex-start;gap:6px;height:100%;padding-top:12px}.cd-seal{color:var(--cd-seal-fg,var(--cd-face-bg));background:var(--cd-seal-bg,var(--cd-back-bg));border-radius:2px;align-self:flex-start;padding:3px 5px;font-size:.5625rem;font-weight:700;line-height:1}.cd-title{letter-spacing:-.01em;-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;font-size:.75rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.cd-title--wrap{-webkit-line-clamp:3;line-height:1.3}.cd-meta{font-family:var(--cd-mono);letter-spacing:.04em;color:var(--cd-meta);white-space:nowrap;text-overflow:ellipsis;font-size:.5625rem;overflow:hidden}.cd-num{font-family:var(--cd-mono);letter-spacing:.06em;color:var(--cd-meta);margin-top:auto;font-size:.5625rem}@media (prefers-reduced-motion:reduce){.cd.is-live .cd-drum,.cd.is-live .cd-card{will-change:auto}}.dsp-host{inset:var(--ko-space-2) 0 var(--ko-space-8);--cd-face-bg:var(--kh-hanji);--cd-face-fg:var(--kh-giwa);--cd-back-bg:var(--kh-giwa);--cd-line:var(--kh-ocher);--cd-edge:color-mix(in srgb, var(--kh-ocher) 55%, var(--kh-ink));--cd-mark:var(--kh-yeonji);--cd-disc:color-mix(in srgb, var(--kh-ink) 75%, var(--kh-giwa));--cd-hub:color-mix(in srgb, var(--kh-giwa) 88%, var(--kh-hanji));--cd-photo-empty:color-mix(in srgb, var(--kh-hanji) 80%, var(--kh-ocher));--cd-meta:color-mix(in srgb, var(--kh-ocher) 70%, var(--kh-ink));--cd-seal-bg:var(--kh-giwa);--cd-seal-fg:var(--kh-hanji);--cd-mono:var(--kh-font-mono);position:absolute}.dsp-host--arcade{--cd-face-bg:var(--kh-giwa);--cd-face-fg:var(--kh-hanji);--cd-photo-empty:color-mix(in srgb, var(--kh-giwa) 80%, var(--kh-hanji));--cd-meta:var(--kh-ocher);--cd-seal-bg:var(--kh-yeonji)}.dsp-host--paper{--cd-face-bg:color-mix(in srgb, var(--kh-hanji) 96%, var(--kh-giwa))}.dsp-stage{aspect-ratio:4/3;position:relative;overflow:hidden}@media (width>=900px){.dsp-stage{aspect-ratio:16/10}}.dsp-btn{right:var(--ko-space-4);bottom:calc(var(--ko-space-8) + var(--ko-space-2));z-index:3;min-height:44px;padding:0 var(--ko-space-4);border:1px solid color-mix(in srgb, var(--kh-ocher) 50%, transparent);border-radius:var(--kh-radius);background:color-mix(in srgb, var(--kh-ink) 55%, transparent);color:var(--kh-hanji);font-size:var(--ko-text-xs);cursor:pointer;transition:border-color var(--kh-dur-state) var(--kh-ease-enter), background var(--kh-dur-state) var(--kh-ease-enter);font-weight:600;position:absolute}.dsp-btn:hover{border-color:var(--kh-ocher);background:color-mix(in srgb, var(--kh-ink) 75%, transparent)}.dsp-btn:disabled{opacity:.5;cursor:progress}.dsp-cap{left:var(--ko-space-4);right:var(--ko-space-4);bottom:var(--ko-space-3);justify-content:space-between;gap:var(--ko-space-3);font-size:var(--ko-text-xs);color:var(--kh-ocher);white-space:nowrap;display:flex;position:absolute;overflow:hidden}.dsp-cap span:last-child{color:var(--kh-on-slab-muted);text-overflow:ellipsis;overflow:hidden}@media (width<=639px){.dsp-cap span:last-child{display:none}}.dsp-pick{gap:var(--ko-space-1);padding:var(--ko-space-3) 0;border-top:1px solid var(--ko-border-subtle);border-bottom:1px solid var(--ko-border-subtle);flex-direction:column;display:flex}.dsp-pick-label{font-size:var(--ko-text-xs);color:var(--kh-ocher-text)}.dsp-pick-v{align-items:baseline;gap:var(--ko-space-1) var(--ko-space-3);color:var(--ko-text-primary);flex-wrap:wrap;text-decoration:none;display:flex}.dsp-pick-title{font-size:var(--ko-text-xl);letter-spacing:-.01em;animation:dsp-stamp var(--kh-dur-state) var(--kh-ease-enter);font-weight:700;display:inline-block}a.dsp-pick-v:hover .dsp-pick-title{text-underline-offset:3px;text-decoration:underline}.dsp-pick-meta{font-size:var(--ko-text-xs);color:var(--ko-text-secondary)}@keyframes dsp-stamp{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.dsp-sheet{--dsp-sheet-pad:var(--ko-space-4)}.dsp-sheet .dsp-offset{margin:0 var(--dsp-sheet-pad) var(--ko-space-4) calc(var(--dsp-sheet-pad) - 8px)}.dsp-sheet .dsp-stage{aspect-ratio:4/3}.dsp-result{gap:var(--ko-space-1);padding:var(--ko-space-4) var(--dsp-sheet-pad) var(--ko-space-6);flex-direction:column;display:flex}.dsp-result--pending .dsp-pick-title{color:var(--ko-text-muted);animation:none}.dsp-result-acts{gap:var(--ko-space-3);margin-top:var(--ko-space-4);display:flex}.dsp-skeleton{aspect-ratio:4/3;margin:0 var(--ko-space-4) var(--ko-space-6);border-radius:var(--kh-radius-asym)}@media (prefers-reduced-motion:reduce){.dsp-pick-title{animation:none}.dsp-btn{transition:none}}.home-page{background:var(--ko-surface-0);color:var(--ko-text-primary);isolation:isolate}.home-inner{width:100%;max-width:var(--kh-container,1080px);padding:0 var(--ko-space-6);margin:0 auto}.home-section{padding:calc(var(--kh-void,var(--ko-space-16)) / 2) 0}.home-section-title{font-size:var(--kh-headline,var(--ko-text-lg));letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3}.home-section-desc{margin-top:var(--ko-space-5);font-size:var(--ko-text-base);color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed);max-width:52ch;margin:0 0 var(--ko-space-10)}.home-more-link{margin-top:var(--ko-space-8);font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono);color:var(--ko-accent-text,var(--ko-accent-primary));text-decoration:none;display:inline-block}.home-more-link:hover{text-decoration:underline}.home-hero{padding:var(--ko-space-12) 0 calc(var(--kh-void,var(--ko-space-16)) / 2);position:relative}.home-hero>:not(.kh-ink-wash){z-index:1;position:relative}.home-hero-grid{gap:var(--ko-space-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=900px){.home-hero-grid{gap:var(--ko-space-16);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.home-hero-eyebrow{margin-bottom:var(--ko-space-6)}.home-hero-statement{margin:0 0 var(--ko-space-6)}.home-hero-lead{font-size:var(--ko-text-lg);color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed);max-width:44ch;margin:0 0 var(--ko-space-8)}.home-hero-actions{align-items:center;gap:var(--ko-space-5);flex-wrap:wrap;display:flex}.home-hero-meta{color:var(--ko-text-muted);font-variant-numeric:tabular-nums}.home-hero-slab{display:block}.home-index{margin-top:var(--ko-space-16)}.home-index-label{font-size:var(--ko-text-xs);color:var(--kh-ocher-text);margin-bottom:var(--ko-space-3)}.tile-grid{gap:var(--ko-space-3);isolation:isolate;grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.tile-grid li{position:relative}.tile-grid li:before{content:"";background:var(--kh-slab-deep);border-radius:var(--kh-radius-asym);z-index:-1;transition:transform var(--kh-dur-state) var(--kh-ease-enter);position:absolute;inset:0}.tile-grid li:hover:has(.tile-open):before{transform:translate(7px,7px)}@media (width>=640px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tile-grid{grid-template-columns:repeat(3,1fr)}}.tile{justify-content:space-between;align-items:flex-start;gap:var(--ko-space-3);min-height:88px;padding:var(--ko-space-4) var(--ko-space-5);color:var(--kh-on-slab);transition:background var(--ko-duration-fast) var(--ko-ease-out), border-color var(--ko-duration-fast) var(--ko-ease-out);text-decoration:none;display:flex}.tile-open:hover{border-color:var(--kh-ocher)}.tile-open:active{transform:translateY(1px)}.tile-open:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:var(--ko-focus-ring-offset)}.tile-preopen{opacity:.55;cursor:not-allowed}.tile-body{gap:var(--ko-space-1);flex-direction:column;display:flex}.tile-label{font-size:var(--ko-text-base);font-weight:600}.tile-tagline{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-ocher);line-height:var(--ko-leading-normal)}.tile-arrow{color:var(--kh-ocher);font-size:var(--ko-text-sm);transition:transform var(--kh-dur-state) var(--kh-ease-enter), color var(--kh-dur-state) var(--kh-ease-enter);flex-shrink:0}.tile-open:hover .tile-arrow{color:var(--ko-text-primary);transform:translate(3px)}.tile-badge{padding:2px var(--ko-space-2);border-radius:var(--ko-radius-full);border:1px solid var(--ko-border-default);font-size:var(--ko-text-xs);color:var(--ko-text-muted);white-space:nowrap;flex-shrink:0;align-self:flex-start}.timeline-career{margin-bottom:var(--ko-space-12);padding:var(--ko-space-6);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius-asym,4px);background:var(--ko-surface-1)}@media (width>=640px){.timeline-career{background:0 0;border:0;padding:0}}.timeline-career-total{font-family:var(--kh-font-mono);letter-spacing:var(--kh-tracking-mono);font-size:var(--ko-text-sm);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums;margin-bottom:var(--ko-space-3);display:block}.timeline-companies{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=640px){.timeline-companies{display:none}}.timeline-company{gap:var(--ko-space-1);padding:var(--ko-space-3) 0;font-size:var(--ko-text-sm);flex-direction:column;display:flex}.timeline-company+.timeline-company{border-top:1px solid var(--ko-border-subtle)}.timeline-company:first-child{padding-top:0}.timeline-company:last-child{padding-bottom:0}.timeline-company-meta{column-gap:var(--ko-space-3);row-gap:var(--ko-space-1);flex-wrap:wrap;display:flex}.timeline-company-name{font-weight:600}.timeline-company-period{color:var(--ko-text-muted);font-variant-numeric:tabular-nums}.timeline-company-role{color:var(--ko-text-muted)}.timeline-list{margin:0;padding:0;list-style:none}.timeline-item{gap:var(--ko-space-2);padding:var(--ko-space-5) 0;border-top:1px solid var(--ko-border-subtle);grid-template-columns:1fr;display:grid}@media (width>=768px){.timeline-item{gap:var(--ko-space-6);grid-template-columns:160px 1fr}}.timeline-period{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-yeonji);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-title{align-items:center;gap:var(--ko-space-2);font-size:var(--ko-text-base);margin:0 0 var(--ko-space-2);flex-wrap:wrap;font-weight:600;display:flex}.timeline-category{padding:2px var(--ko-space-2);border-radius:var(--ko-radius-full);background:var(--ko-surface-3);color:var(--ko-text-secondary);font-size:var(--ko-text-xs);font-weight:600}.timeline-summary{font-size:var(--ko-text-sm);color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed);white-space:pre-line;margin:0}.timeline-metrics{margin:var(--ko-space-3) 0 0;padding-left:var(--ko-space-5);font-size:var(--ko-text-sm);color:var(--ko-text-secondary)}.timeline-metrics li{font-variant-numeric:tabular-nums}.timeline-tags{gap:var(--ko-space-1);margin-top:var(--ko-space-3);flex-wrap:wrap;display:flex}.timeline-tag{padding:2px var(--ko-space-2);border-radius:var(--kh-radius,4px);border:1px solid var(--ko-border-subtle);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-ocher)}.oss-grid{gap:var(--ko-space-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.oss-grid{grid-template-columns:repeat(2,1fr)}}.oss-card{gap:var(--ko-space-2);min-height:120px;padding:var(--ko-space-6);color:var(--kh-on-slab);transition:background var(--ko-duration-fast) var(--ko-ease-out), border-color var(--ko-duration-fast) var(--ko-ease-out);flex-direction:column;text-decoration:none;display:flex}.oss-card:hover{background:var(--kh-slab-deep);border-color:var(--kh-ocher)}.oss-card:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:var(--ko-focus-ring-offset)}.oss-card-head{justify-content:space-between;align-items:baseline;gap:var(--ko-space-3);display:flex}.oss-name{font-size:var(--ko-text-base);font-weight:600}.oss-language{padding:2px var(--ko-space-2);border-radius:var(--kh-radius,4px);border:1px solid var(--kh-slab-border);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-ocher);white-space:nowrap;flex-shrink:0}.oss-tagline{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-ocher);line-height:var(--ko-leading-normal)}.oss-repo{font-size:var(--ko-text-xs);color:var(--kh-on-slab-muted);margin-top:auto}.home-status{padding:var(--ko-space-16) 0;font-size:var(--ko-text-sm);color:var(--ko-text-muted)}@media (prefers-reduced-motion:reduce){.tile,.oss-card{transition:none}}.pulse{border-top:1px solid var(--ko-border-subtle);border-bottom:1px solid var(--ko-border-subtle)}.pulse-figs{grid-template-columns:repeat(2,1fr);display:grid}.pulse-fig{padding:var(--ko-space-6) var(--ko-space-5) var(--ko-space-5) 0;border-right:1px solid var(--ko-border-subtle)}.pulse-fig:nth-child(2n){padding-left:var(--ko-space-5);border-right:0}.pulse-fig:nth-child(n+3){border-top:1px solid var(--ko-border-subtle)}@media (width>=720px){.pulse-figs{grid-template-columns:repeat(4,1fr)}.pulse-fig:nth-child(2n){border-right:1px solid var(--ko-border-subtle)}.pulse-fig:nth-child(n+2){padding-left:var(--ko-space-5)}.pulse-fig:nth-child(4){border-right:0}.pulse-fig:nth-child(n+3){border-top:0}}.pulse-k{font-size:var(--ko-text-sm);color:var(--ko-text-secondary);margin-bottom:var(--ko-space-2)}.pulse-v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1}.pulse-v small{font-size:var(--ko-text-base);color:var(--ko-text-secondary);margin-left:3px;font-weight:600}.pulse-note{font-size:var(--ko-text-xs);color:var(--ko-text-muted);padding:var(--ko-space-2) 0 var(--ko-space-3);border-top:1px solid var(--ko-border-subtle)}.svc{padding:var(--ko-space-10) 0}.svc+.svc{border-top:1px solid var(--ko-border-subtle)}.svc-grid{gap:var(--ko-space-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.svc-grid{column-gap:var(--ko-space-16);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"head stage""foot stage";align-items:center;row-gap:0}.svc-head{grid-area:head;align-self:end}.svc-foot{grid-area:foot;align-self:start}.svc-stage{grid-area:stage}.svc[data-side=left] .svc-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"stage head""stage foot"}}.svc-n{font-size:var(--ko-text-xs);color:var(--kh-ocher-text);margin-bottom:var(--ko-space-3);font-variant-numeric:tabular-nums}.svc-title{letter-spacing:-.02em;margin:0 0 var(--ko-space-3);text-wrap:balance;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;line-height:1.2}.svc-desc{color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed);max-width:40ch;margin:0 0 var(--ko-space-4)}.svc-foot{flex-direction:column;display:flex}.svc-tags{gap:var(--ko-space-1);margin:var(--ko-space-5) 0 var(--ko-space-2);flex-wrap:wrap;display:flex}.svc-tag{font-size:var(--ko-text-xs);color:var(--kh-ocher-text);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius);padding:3px var(--ko-space-2)}.svc-foot .home-more-link{margin-top:var(--ko-space-3)}.svc-skeleton,.svc-empty{aspect-ratio:4/3;border-radius:var(--kh-radius-asym)}.svc-empty{font-size:var(--ko-text-xs);color:var(--kh-on-slab-muted);justify-content:center;align-items:center;display:flex}@media (width>=900px){.svc-skeleton,.svc-empty{aspect-ratio:16/10}}.timeline-axis{margin-bottom:var(--ko-space-6)}.timeline-years{grid-template-columns:repeat(var(--years), minmax(0, 1fr));font-size:var(--ko-text-xs);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums;padding-bottom:var(--ko-space-2);display:grid}.timeline-years span{min-width:0;overflow:hidden}@media (width<=639px){.timeline-years span:nth-child(2n){visibility:hidden}}.timeline-axis-line{background:var(--ko-border-default);height:1px}.timeline-lanes{gap:var(--ko-space-2);padding-top:var(--ko-space-3);flex-direction:column;display:flex}.timeline-lane{height:38px;position:relative}.timeline-bar{height:38px;top:0;left:calc(var(--s) * 100%);width:calc((var(--e) - var(--s)) * 100%);align-items:center;gap:var(--ko-space-2);padding:0 var(--ko-space-2);background:var(--ko-surface-2);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius);font-size:var(--ko-text-sm);white-space:nowrap;display:flex;position:absolute;overflow:hidden}.timeline-bar b{font-weight:600}.timeline-bar span{font-size:var(--ko-text-xs);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums}.timeline-bar.now{background:var(--ko-accent-primary);color:var(--kh-hanji);border-color:#0000}.timeline-bar.now span{color:color-mix(in srgb, var(--kh-hanji) 72%, transparent)}@media (width<=639px){.timeline-bar span{display:none}}.home-core{aspect-ratio:16/9;position:relative;overflow:hidden}@media (width>=900px){.home-core{aspect-ratio:16/10}}.home-core-canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.home-core-hint{top:var(--ko-space-3);right:var(--ko-space-4);font-size:var(--ko-text-xs);color:var(--kh-on-slab-muted);pointer-events:none;position:absolute}.home-core-cap{justify-content:space-between;align-items:center;gap:var(--ko-space-3);padding:var(--ko-space-3) var(--ko-space-4);font-size:var(--ko-text-xs);color:var(--kh-ocher);pointer-events:none;display:flex;position:absolute;bottom:0;left:0;right:0}.home-core-cap span{white-space:nowrap}.home-core-cap span:last-child{text-overflow:ellipsis;overflow:hidden}.home-core-cap i{background:var(--kh-yeonji);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.kh-ink-wash{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.kh-ink-wash--page{z-index:-1;position:fixed}.premium-snippet{gap:var(--ko-space-3);padding:var(--ko-space-5);flex-direction:column;display:flex}.premium-snippet-head{align-items:center;gap:var(--ko-space-3);flex-wrap:wrap;display:flex}.premium-snippet-lang{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);text-transform:uppercase;color:var(--kh-ocher);border:1px solid var(--kh-slab-border);border-radius:var(--kh-radius);padding:2px var(--ko-space-2);flex-shrink:0;font-weight:600}.premium-snippet-title{font-size:var(--ko-text-base);font-weight:var(--ko-weight-semibold,600);color:var(--kh-on-slab);flex:1;min-width:0;margin:0}.premium-snippet-git{min-height:44px;padding:0 var(--ko-space-2);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-ocher);white-space:nowrap;align-items:center;margin-left:auto;text-decoration:none;display:inline-flex}.premium-snippet-git:hover{text-decoration:underline}.premium-snippet-git:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.premium-snippet-meta{align-items:baseline;gap:var(--ko-space-3);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);color:var(--kh-on-slab-muted);overflow-wrap:anywhere;display:flex}.premium-snippet-lines{font-variant-numeric:tabular-nums;flex-shrink:0}.premium-snippet-window{border:1px solid var(--kh-slab-border);border-radius:var(--kh-radius);background:var(--kh-slab-deep);position:relative}.premium-snippet-code{padding:var(--ko-space-4);max-height:24rem;font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);color:var(--kh-on-slab);tab-size:4;margin:0;line-height:1.6;overflow:auto}.premium-snippet-code code{white-space:pre;font-family:inherit}.premium-snippet-window.is-gated .premium-snippet-code{max-height:none;overflow:hidden}.premium-snippet-window.is-gated:after{content:"";border-radius:0 0 var(--kh-radius) var(--kh-radius);background:linear-gradient(180deg, transparent, var(--kh-slab-deep) 82%);pointer-events:none;height:5.5rem;position:absolute;inset:auto 0 0}.premium-snippet-lockbar{gap:var(--ko-space-3);flex-direction:column;display:flex}.premium-snippet-locknote{font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);color:var(--kh-on-slab-muted)}.premium-snippet-actions{gap:var(--ko-space-3);flex-wrap:wrap;display:flex}.premium-lock-btn{justify-content:center;align-items:center;gap:var(--ko-space-2);min-height:44px;padding:0 var(--ko-space-5);border-radius:var(--kh-radius);font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono);cursor:pointer;transition:background var(--ko-duration-normal) var(--ko-ease-out), border-color var(--ko-duration-normal) var(--ko-ease-out);font-weight:600;text-decoration:none;display:inline-flex}.premium-lock-btn:active{transition-duration:.12s;transform:translateY(1px)}.premium-lock-btn:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.premium-lock-btn:disabled{opacity:.55;cursor:not-allowed}.premium-lock-btn-primary{background:var(--ko-accent-primary);border:1px solid var(--ko-accent-primary);color:var(--kh-hanji)}.premium-lock-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--ko-accent-primary) 86%, var(--kh-ink));border-color:color-mix(in srgb, var(--ko-accent-primary) 86%, var(--kh-ink))}.premium-lock-btn-ghost{border:1px solid var(--kh-slab-border);color:var(--kh-on-slab);background:0 0}.premium-lock-btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--kh-hanji) 8%, transparent);border-color:var(--kh-ocher)}.premium-snippet-error{font-size:var(--ko-text-sm);color:var(--kh-on-slab);margin:0}.premium-ad-veil{z-index:300;padding:var(--ko-space-6);background:color-mix(in srgb, var(--kh-ink) 72%, transparent);-webkit-backdrop-filter:blur(32px);animation:premium-ad-in var(--kh-dur-state,.24s) var(--kh-ease-enter);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.premium-ad{gap:var(--ko-space-4);width:min(480px,100%);max-height:86vh;padding:var(--ko-space-6);background:var(--ko-surface-0);border:1px solid var(--ko-border-default);border-radius:var(--kh-radius-asym);flex-direction:column;display:flex;overflow-y:auto}@keyframes premium-ad-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.premium-ad-veil,.premium-ad{animation:none}}.premium-ad-head{justify-content:space-between;align-items:center;gap:var(--ko-space-4);display:flex}.premium-ad-close{align-items:center;gap:var(--ko-space-2);min-height:44px;padding:0 var(--ko-space-3);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius);color:var(--ko-text-muted);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);cursor:pointer;background:0 0;display:inline-flex}.premium-ad-close:hover{color:var(--ko-text-primary);border-color:var(--ko-border-strong)}.premium-ad-close:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.premium-ad-lead{font-size:var(--ko-text-sm);line-height:var(--ko-leading-relaxed,1.6);color:var(--ko-text-secondary);margin:0}.premium-ad-promos{gap:var(--ko-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.premium-ad-promos a{min-height:44px;padding:var(--ko-space-3) var(--ko-space-4);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius);color:var(--ko-text-primary);transition:border-color var(--ko-duration-normal) var(--ko-ease-out);flex-direction:column;justify-content:center;gap:2px;text-decoration:none;display:flex}.premium-ad-promos a:hover{border-color:var(--ko-border-strong)}.premium-ad-promos a:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.premium-ad-promos strong{font-size:var(--ko-text-sm)}.premium-ad-promos span{font-size:var(--ko-text-xs);color:var(--ko-text-muted)}.premium-ad-foot{justify-content:space-between;align-items:center;gap:var(--ko-space-4);flex-wrap:wrap;display:flex}.premium-ad-count{font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);font-variant-numeric:tabular-nums;letter-spacing:var(--kh-tracking-mono);color:var(--ko-text-secondary)}@media print{.premium-snippet-code{max-height:none;overflow:visible}.premium-snippet-code code{white-space:pre-wrap}}@media (width<=480px){.premium-snippet{padding:var(--ko-space-4)}.premium-snippet-actions{flex-direction:column;align-items:stretch}}.portfolio-page{background:var(--ko-surface-0);color:var(--ko-text-primary);padding:var(--kh-void,var(--ko-space-16)) var(--ko-space-6) 96px}.portfolio-inner{max-width:var(--kh-container,1280px);margin:0 auto}.portfolio-header{gap:var(--ko-space-4);margin-bottom:var(--ko-space-12);flex-direction:column;display:flex;position:relative}.portfolio-header>:not(.kh-ink-wash){z-index:1;position:relative}.portfolio-title{font-size:var(--kh-display,var(--ko-text-2xl));letter-spacing:var(--kh-tracking-display,-.01em);margin:0;font-weight:800;line-height:1.08}.portfolio-subtitle{color:var(--ko-text-secondary);font-size:var(--ko-text-lg);line-height:var(--ko-leading-relaxed);max-width:46ch}.portfolio-grid{gap:var(--ko-space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.portfolio-card{background:var(--ko-surface-0);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius-asym,var(--ko-radius-sm));padding:var(--ko-space-6);padding-bottom:var(--ko-space-8);transition:border-color var(--ko-duration-normal) var(--ko-ease-out), transform var(--ko-duration-normal) var(--ko-ease-out);gap:var(--ko-space-3);flex-direction:column;display:flex;position:relative}.portfolio-card.is-openable{cursor:pointer}.portfolio-card.is-openable:hover{border-color:var(--ko-border-strong);transform:translateY(-2px)}.portfolio-card:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.portfolio-card-open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.portfolio-card-open:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.portfolio-card-mark{right:var(--ko-space-5);bottom:var(--ko-space-4);font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);color:var(--kh-ocher,var(--ko-text-muted));transition:transform var(--ko-duration-normal) var(--ko-ease-out);position:absolute}.portfolio-card.is-openable:hover .portfolio-card-mark{transform:translate(3px)}.portfolio-card-title{font-size:var(--ko-text-lg);font-weight:var(--ko-weight-semibold);color:var(--ko-text-primary);padding-right:var(--ko-space-12);line-height:var(--ko-leading-tight)}.portfolio-card-summary{font-size:var(--ko-text-sm);color:var(--ko-text-secondary);line-height:var(--ko-leading-normal)}.portfolio-card-tags{gap:var(--ko-space-1);flex-wrap:wrap;margin-top:auto;display:flex}.portfolio-card-tag{cursor:pointer;font-family:var(--kh-font-mono);letter-spacing:var(--kh-tracking-mono);font-size:var(--ko-text-xs);padding:3px var(--ko-space-2);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius,var(--ko-radius-sm));color:var(--ko-text-muted);transition:color var(--ko-duration-fast) var(--ko-ease-out), border-color var(--ko-duration-fast) var(--ko-ease-out), background-color var(--ko-duration-fast) var(--ko-ease-out);background:0 0}.portfolio-card-tag:hover{color:var(--ko-accent-text,var(--ko-accent-primary));border-color:var(--ko-accent-primary);background:var(--ko-accent-primary-bg)}.portfolio-card-tag:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}@media (width<=640px){.portfolio-page{padding:var(--ko-space-8) var(--ko-space-4) var(--ko-space-16)}.portfolio-grid{grid-template-columns:1fr}}.portfolio-group{margin-top:var(--kh-void,var(--ko-space-16))}.portfolio-group-title{font-size:var(--kh-headline,var(--ko-text-xl));letter-spacing:-.01em;margin:0;font-weight:600}.portfolio-group-desc{margin:var(--ko-space-4) 0 0;max-width:52ch;font-size:var(--ko-text-sm);color:var(--ko-text-muted)}.portfolio-group .portfolio-grid{margin-top:var(--ko-space-8)}.portfolio-group.is-filtered-out,.portfolio-card.is-filtered-out{display:none}.portfolio-focus{align-items:center;gap:var(--ko-space-4);margin-top:var(--ko-space-8);padding:var(--ko-space-3) var(--ko-space-4);border:1px solid var(--ko-border-default);border-radius:var(--kh-radius,4px);font-family:var(--kh-font-mono);font-size:var(--ko-text-sm);letter-spacing:var(--kh-tracking-mono,0);flex-wrap:wrap;display:flex}.portfolio-focus button{color:var(--ko-accent-text,var(--ko-accent-primary));font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0}.portfolio-card-metrics{padding-left:var(--ko-space-5);font-size:var(--ko-text-sm);color:var(--ko-text-secondary);margin:0}.portfolio-card-metrics li{font-variant-numeric:tabular-nums}.portfolio-card-seed{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-dialog-veil{z-index:200;padding:var(--ko-space-6);background:color-mix(in srgb, var(--kh-ink,#0a0a0a) 72%, transparent);-webkit-backdrop-filter:blur(32px);animation:portfolio-veil-in var(--kh-dur-state,.24s) var(--kh-ease-enter);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.portfolio-dialog{width:min(720px,100%);max-height:86vh;padding:var(--ko-space-8);gap:var(--ko-space-4);background:var(--ko-surface-0);border:1px solid var(--ko-border-default);border-radius:var(--kh-radius-asym,4px);animation:portfolio-dialog-in var(--kh-dur-state,.24s) var(--kh-ease-enter);flex-direction:column;display:flex;position:relative;overflow-y:auto}.portfolio-dialog-head{justify-content:space-between;align-items:center;gap:var(--ko-space-4);display:flex}.portfolio-dialog-close{align-items:center;gap:var(--ko-space-2);min-height:36px;padding:0 var(--ko-space-3);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius,4px);color:var(--ko-text-muted);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono,0);cursor:pointer;background:0 0;display:inline-flex}.portfolio-dialog-close:hover{color:var(--ko-text-primary);border-color:var(--ko-border-strong)}.portfolio-dialog-close:focus-visible{outline:var(--ko-focus-ring);outline-offset:var(--ko-focus-ring-offset)}.portfolio-dialog-title{font-size:var(--kh-headline,var(--ko-text-xl));letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.portfolio-dialog-summary{color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed);margin:0}.portfolio-dialog-metrics{padding-left:var(--ko-space-5);color:var(--ko-text-secondary);font-size:var(--ko-text-sm);margin:0}.portfolio-dialog-metrics li{font-variant-numeric:tabular-nums}.portfolio-dialog-body{padding-top:var(--ko-space-4);border-top:1px solid var(--ko-border-subtle);color:var(--ko-text-secondary);line-height:var(--ko-leading-relaxed)}.portfolio-dialog-body strong{color:var(--ko-text-primary);font-weight:600}.portfolio-dialog-body>*+*{margin-top:var(--ko-space-4)}.portfolio-dialog-body p{margin:0}.portfolio-dialog-body ul{padding-left:var(--ko-space-5);gap:var(--ko-space-3);flex-direction:column;margin:0;display:flex}.portfolio-dialog-body li{padding-left:var(--ko-space-1)}.portfolio-dialog-tags{gap:var(--ko-space-1);padding-top:var(--ko-space-4);border-top:1px solid var(--ko-border-subtle);flex-wrap:wrap;display:flex}.portfolio-card-snippets{align-items:center;gap:var(--ko-space-2);font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);color:var(--kh-ocher,var(--ko-text-muted));align-self:flex-start;display:inline-flex}.portfolio-dialog-snippets{gap:var(--ko-space-4);padding-top:var(--ko-space-4);border-top:1px solid var(--ko-border-subtle);flex-direction:column;display:flex}.portfolio-dialog-snippets-title{font-size:var(--ko-text-sm);font-weight:var(--ko-weight-semibold,600);color:var(--ko-text-secondary);margin:0}@keyframes portfolio-veil-in{0%{opacity:0}to{opacity:1}}@keyframes portfolio-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-dialog-veil,.portfolio-dialog{animation:none}}.shop-header{z-index:100;background:var(--ko-surface-0);border-bottom:1px solid var(--ko-border-subtle);position:sticky;top:0}.shop-header-inner{max-width:1280px;height:56px;padding:0 var(--ko-space-4);justify-content:space-between;align-items:center;gap:var(--ko-space-4);margin:0 auto;display:flex}.shop-header-logo{font-size:var(--ko-text-lg);font-weight:var(--ko-weight-bold);color:var(--ko-accent-text,var(--ko-accent-primary));letter-spacing:-.02em;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.shop-header-nav{align-items:center;gap:var(--ko-space-1);display:flex}.shop-header-link{min-height:44px;padding:0 var(--ko-space-3);border-radius:var(--ko-radius-md);font-family:inherit;font-size:var(--ko-text-sm);color:var(--ko-text-secondary);cursor:pointer;transition:color var(--ko-duration-normal) var(--ko-ease-out), background var(--ko-duration-normal) var(--ko-ease-out);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.shop-header-link:hover{color:var(--ko-text-primary);background:var(--ko-surface-2)}.shop-header-link:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.shop-header-home{color:var(--ko-text-muted)}.shop-page{background:var(--ko-surface-0);color:var(--ko-text-primary);font-family:var(--ko-font-family)}.shop-container{max-width:1280px;padding:var(--ko-space-5) var(--ko-space-4) var(--ko-space-12);margin:0 auto}.shop-container-narrow{max-width:480px}.shop-page-title{font-size:var(--ko-text-2xl);font-weight:var(--ko-weight-bold);margin-bottom:var(--ko-space-4)}.shop-search-form{gap:var(--ko-space-2);margin-bottom:var(--ko-space-5);display:flex}.shop-search-input{min-height:44px;padding:0 var(--ko-space-4);background:var(--ko-surface-1);color:var(--ko-text-primary);border:1px solid var(--ko-border-default);border-radius:var(--ko-radius-md);font-size:var(--ko-text-base);flex:1;font-family:inherit}.shop-search-input::placeholder{color:var(--ko-text-muted)}.shop-search-input:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:1px;border-color:var(--ko-accent-primary)}.shop-search-input-wrap{flex:1;display:flex;position:relative}.shop-suggest-list{top:calc(100% + var(--ko-space-1));z-index:30;padding:var(--ko-space-1) 0;background:var(--ko-surface-2);border:1px solid var(--ko-border-subtle);border-radius:var(--ko-radius-md);box-shadow:var(--ko-shadow-lg);margin:0;list-style:none;position:absolute;left:0;right:0;overflow:hidden}.shop-suggest-item{width:100%;min-height:44px;padding:var(--ko-space-2) var(--ko-space-4);color:var(--ko-text-primary);font-size:var(--ko-text-sm);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;display:block}.shop-suggest-item:hover,.shop-suggest-item:focus-visible{background:var(--ko-surface-3)}.shop-btn-primary{min-height:44px;padding:0 var(--ko-space-5);background:var(--ko-accent-primary);color:oklch(100% 0 0);border-radius:var(--ko-radius-md);font-size:var(--ko-text-base);font-weight:var(--ko-weight-semibold);cursor:pointer;transition:background var(--ko-duration-normal) var(--ko-ease-out);border:none;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.shop-btn-primary:hover{background:var(--ko-accent-primary-hover)}.shop-btn-primary:active{background:var(--ko-accent-primary-active)}.shop-btn-primary:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.shop-btn-primary:disabled{opacity:.4;cursor:not-allowed}.shop-btn-secondary{min-height:44px;padding:0 var(--ko-space-4);background:var(--ko-surface-1);color:var(--ko-text-primary);border:1px solid var(--ko-border-default);border-radius:var(--ko-radius-md);font-size:var(--ko-text-sm);cursor:pointer;transition:background var(--ko-duration-normal) var(--ko-ease-out);justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.shop-btn-secondary:hover{background:var(--ko-surface-2)}.shop-btn-secondary:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.shop-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.shop-product-grid{gap:var(--ko-space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.shop-product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.shop-product-grid{grid-template-columns:repeat(3,1fr)}}.shop-product-card{gap:var(--ko-space-2);padding:var(--ko-space-4);background:var(--ko-surface-1);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius-asym,var(--ko-radius-lg));text-align:left;color:var(--ko-text-primary);cursor:pointer;transition:background var(--ko-duration-normal) var(--ko-ease-out);flex-direction:column;font-family:inherit;display:flex}button.shop-product-card{width:100%}.shop-product-card:hover{background:var(--ko-surface-2)}.shop-product-card:focus-visible{outline:2px solid var(--ko-accent-primary);outline-offset:2px}.shop-product-card.is-disabled{cursor:default;opacity:.55}.shop-product-card.is-disabled:hover{background:var(--ko-surface-1)}.shop-product-name{font-size:var(--ko-text-base);font-weight:var(--ko-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-product-price{font-family:var(--kh-font-mono);letter-spacing:var(--kh-tracking-mono);font-size:var(--ko-text-xl);font-weight:var(--ko-weight-bold);font-variant-numeric:tabular-nums}.shop-product-meta{align-items:center;gap:var(--ko-space-2);display:flex}.shop-badge{padding:2px var(--ko-space-2);border-radius:var(--kh-radius,var(--ko-radius-full));font-family:var(--kh-font-mono);font-size:var(--ko-text-xs);letter-spacing:var(--kh-tracking-mono);font-variant-numeric:tabular-nums;align-items:center;font-weight:600;display:inline-flex}.shop-badge-stock{background:var(--ko-surface-3);color:var(--ko-text-secondary)}.shop-badge-soldout,.shop-badge-inactive{background:var(--ko-surface-3);color:var(--ko-text-muted)}.shop-badge-pending{background:var(--ko-status-warning-bg);color:var(--ko-status-warning)}.shop-badge-completed{background:var(--ko-surface-3);color:var(--ko-accent-secondary)}.shop-badge-cancelled{background:var(--ko-surface-3);color:var(--ko-text-muted)}.shop-status{padding:var(--ko-space-10) 0;text-align:center;color:var(--ko-text-secondary);font-size:var(--ko-text-sm)}.shop-status-error{color:var(--ko-status-warning)}.shop-skeleton-card{border-radius:var(--ko-radius-lg);background:var(--ko-surface-1);height:116px}.shop-pagination{justify-content:center;align-items:center;gap:var(--ko-space-3);margin-top:var(--ko-space-6);display:flex}.shop-pagination-info{font-size:var(--ko-text-sm);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums}.shop-detail-card{gap:var(--ko-space-4);padding:var(--ko-space-5);background:var(--ko-surface-1);border:1px solid var(--ko-border-subtle);border-radius:var(--ko-radius-lg);flex-direction:column;display:flex}.shop-detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-detail-name{font-size:var(--ko-text-xl);font-weight:var(--ko-weight-bold)}.shop-detail-price{font-family:var(--kh-font-mono);letter-spacing:var(--kh-tracking-mono);font-size:var(--ko-text-3xl);font-weight:var(--ko-weight-bold);font-variant-numeric:tabular-nums}.shop-detail-row{justify-content:space-between;align-items:center;gap:var(--ko-space-3);display:flex}.shop-detail-label{font-size:var(--ko-text-sm);color:var(--ko-text-secondary)}.shop-detail-total{font-size:var(--ko-text-xl);font-weight:var(--ko-weight-bold);font-variant-numeric:tabular-nums}.shop-stepper{border:1px solid var(--ko-border-default);border-radius:var(--ko-radius-md);align-items:center;display:inline-flex;overflow:hidden}.shop-stepper-btn{background:var(--ko-surface-2);width:44px;height:44px;color:var(--ko-text-primary);font-size:var(--ko-text-lg);cursor:pointer;border:none;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.shop-stepper-btn:hover{background:var(--ko-surface-3)}.shop-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.shop-stepper-value{text-align:center;min-width:56px;font-size:var(--ko-text-base);font-weight:var(--ko-weight-semibold);font-variant-numeric:tabular-nums}.shop-order-result{gap:var(--ko-space-3);padding:var(--ko-space-5);background:var(--ko-surface-1);border:1px solid var(--ko-border-subtle);border-radius:var(--ko-radius-lg);flex-direction:column;display:flex}.shop-order-result-title{font-size:var(--ko-text-lg);font-weight:var(--ko-weight-bold)}.shop-inline-error{padding:var(--ko-space-3) var(--ko-space-4);border-radius:var(--ko-radius-md);background:var(--ko-status-warning-bg);color:var(--ko-status-warning);font-size:var(--ko-text-sm)}.shop-order-list{gap:var(--ko-space-3);flex-direction:column;display:flex}.shop-order-card{gap:var(--ko-space-3);padding:var(--ko-space-4);background:var(--ko-surface-1);border:1px solid var(--ko-border-subtle);border-radius:var(--ko-radius-lg);flex-direction:column;display:flex}.shop-order-card-head{justify-content:space-between;align-items:center;gap:var(--ko-space-2);display:flex}.shop-order-date{font-size:var(--ko-text-sm);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums}.shop-order-items{gap:var(--ko-space-1);padding:var(--ko-space-3);background:var(--ko-surface-2);border-radius:var(--ko-radius-md);flex-direction:column;display:flex}.shop-order-item-row{justify-content:space-between;gap:var(--ko-space-2);font-size:var(--ko-text-sm);color:var(--ko-text-secondary);font-variant-numeric:tabular-nums;display:flex}.shop-order-total{justify-content:space-between;align-items:center;display:flex}.shop-order-total-value{font-size:var(--ko-text-lg);font-weight:var(--ko-weight-bold);font-variant-numeric:tabular-nums}.favorite-btn{border:1px solid var(--ko-border-strong);border-radius:var(--kh-radius,4px);min-width:44px;min-height:44px;color:var(--ko-text-secondary);cursor:pointer;transition:color var(--kh-dur-state,.24s) var(--kh-ease-enter,ease), background var(--kh-dur-state,.24s) var(--kh-ease-enter,ease), border-color var(--kh-dur-state,.24s) var(--kh-ease-enter,ease);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;display:inline-flex}.favorite-btn:active{transition-duration:var(--kh-dur-feedback,.12s);transform:translateY(1px)}.favorite-btn.is-on{background:var(--kh-yeonji);border-color:var(--kh-yeonji);color:var(--kh-hanji)}:root[data-surface=heritage][data-theme=dark] .favorite-btn.is-on{background:var(--ko-accent-primary);border-color:var(--ko-accent-primary);color:var(--ko-surface-0)}@keyframes favorite-stamp{0%{transform:scale(1.06)}to{transform:scale(1)}}.favorite-btn.is-on .favorite-btn__heart{animation:favorite-stamp var(--kh-dur-state,.24s) var(--kh-ease-enter,ease)}@media (prefers-reduced-motion:reduce){.favorite-btn.is-on .favorite-btn__heart{animation:none}}.favorite-btn__heart{font-size:1.1rem;line-height:1}.favorite-btn.is-compact{border-radius:var(--kh-radius,4px);background:color-mix(in srgb, var(--kh-ink,#0a0a0a) 38%, transparent);width:44px;height:44px;color:var(--kh-hanji,#f9f8f2);border:0;padding:0}.favorite-btn.is-compact.is-on{background:var(--kh-yeonji);color:var(--kh-hanji)}:root[data-surface=heritage][data-theme=dark] .favorite-btn.is-compact.is-on{background:var(--ko-accent-primary);color:var(--ko-surface-0)}.login-shell{background:var(--ko-surface-0);color:var(--ko-text-primary);font-family:var(--ko-font-family);flex-direction:column;display:flex}.login-shell-bar{background:var(--kh-giwa);border-bottom:1px solid var(--kh-slab-border);color:var(--kh-hanji);--ko-text-primary:var(--kh-hanji);--ko-text-secondary:color-mix(in srgb, var(--kh-hanji) 72%, transparent);--ko-surface-2:color-mix(in srgb, var(--kh-hanji) 10%, transparent)}.login-shell-bar :focus-visible{outline:2px solid var(--kh-hanji);outline-offset:2px}.login-shell-bar-inner{max-width:var(--kh-container,1200px);height:var(--gnb-height,64px);padding:0 var(--ko-space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.login-shell-logo{min-height:44px;font-size:var(--ko-text-lg);letter-spacing:-.03em;color:var(--ko-text-primary);white-space:nowrap;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.login-shell-bar .kh-theme-toggle{width:44px;height:44px}.login-shell-main{padding:var(--ko-space-8) var(--ko-space-4);flex:1;justify-content:center;align-items:center;display:flex}.login-shell-card{gap:var(--ko-space-6);width:100%;max-width:480px;padding:var(--ko-space-8) var(--ko-space-5);background:var(--ko-surface-0);border:1px solid var(--ko-border-subtle);border-radius:var(--kh-radius,4px);flex-direction:column;display:flex}@media (width>=640px){.login-shell-card{padding:var(--ko-space-10) var(--ko-space-8)}}.login-shell-title{font-size:var(--kh-headline,var(--ko-text-xl));letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.15}.login-shell-desc{margin:var(--ko-space-2) 0 0;font-size:var(--ko-text-sm);color:var(--ko-text-secondary)}.login-shell-actions{gap:var(--ko-space-3);--brand-kakao:#fee500;--brand-kakao-hover:#f2da00;--brand-kakao-ink:#191600;--brand-google-border:#dadce0;--brand-google-ink:#3c4043;--brand-google-hover:#f8f9fa;flex-direction:column;display:flex}.login-provider-btn{justify-content:center;align-items:center;gap:var(--ko-space-2);border:1px solid var(--ko-border-default);border-radius:var(--kh-radius,4px);background:var(--ko-surface-2);min-height:48px;color:var(--ko-text-primary);font-size:var(--ko-text-base);font-weight:var(--ko-weight-semibold);cursor:pointer;font-family:inherit;display:inline-flex}.login-provider-btn svg{flex-shrink:0}.login-provider-btn--kakao{background:var(--brand-kakao);border-color:var(--brand-kakao);color:var(--brand-kakao-ink)}.login-provider-btn--kakao:hover{background:var(--brand-kakao-hover);border-color:var(--brand-kakao-hover)}.login-provider-btn--google{border-color:var(--brand-google-border);color:var(--brand-google-ink);background:oklch(100% 0 0)}.login-provider-btn--google:hover{background:var(--brand-google-hover);border-color:var(--brand-google-border)}.login-provider-btn:focus-visible{outline:var(--ko-focus-ring);outline-offset:2px}