@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#151518;--text:#ececee;--text-muted:#a1a1aa;--text-subtle:#8a8a94;--border:#232328;--border-strong:#34343b;--accent:#5aaf6e;--accent-hover:#7cc28d;--accent-soft:#5aaf6e1f;--on-accent:#07170c;--focus:#5aaf6e;--danger:#f2877b;--danger-soft:#f2877b1a;--warning:#e8b34f;--warning-soft:#e8b34f1a;--jwt-header:#f2877b;--jwt-payload:#c49cf5;--jwt-signature:#5aaf6e;--title-muted:#2e2e34;--icon-mix:#fff;--icon-mix-amount:22%;--glass-edge:#ffffff1a;--glass-highlight:#ffffff0f;--shadow-window:0 0 0 .5px #000000b3, 0 1px 2px #0000004d, 0 10px 24px -8px #00000080, 0 36px 80px -16px #000000b3;--shadow-window-idle:0 0 0 .5px #0009, 0 6px 16px -8px #0006, 0 20px 48px -20px #00000080;--light-close:#ff5f57;--light-collapse:#febc2e;--light-zoom:#28c840;--light-idle:#ffffff24;--font-sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-display:clamp(2.5rem, 1.6rem + 3.2vw, 3.75rem);--gutter:clamp(1.25rem, .8rem + 2.4vw, 3rem);--page-max:1180px;--section-gap:clamp(4.5rem, 3rem + 5vw, 7rem);--radius:6px;--radius-window:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.22s;--z-toggle:50;--z-dock-compact:55;--z-windows:60;--z-dock:70;--z-palette:90;--z-skip:100}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#f2f2f3;--text:#18181b;--text-muted:#52525b;--text-subtle:#6b6b74;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#2d6a3e;--accent-hover:#245633;--accent-soft:#2d6a3e17;--on-accent:#f5faf6;--focus:#2d6a3e;--danger:#b42318;--danger-soft:#b4231812;--warning:#9a5b00;--warning-soft:#b4690014;--jwt-header:#c0392b;--jwt-payload:#7c3aed;--jwt-signature:#2d6a3e;--title-muted:#d4d4d8;--icon-mix:#000;--icon-mix-amount:12%;--glass-edge:#0000001a;--glass-highlight:#ffffffb3;--shadow-window:0 0 0 .5px #0000001f, 0 1px 2px #0000000f, 0 12px 28px -10px #00000029, 0 40px 88px -20px #00000047;--shadow-window-idle:0 0 0 .5px #0000001a, 0 6px 16px -8px #0000001a, 0 20px 48px -20px #00000029;--light-idle:#0000001f}:root:lang(ko){--font-cjk:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR";--font-sans:"Geist Variable", var(--font-cjk), system-ui, sans-serif;--font-mono:"Geist Mono Variable", var(--font-cjk), ui-monospace, monospace}:root:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP";--font-sans:"Geist Variable", var(--font-cjk), system-ui, sans-serif;--font-mono:"Geist Mono Variable", var(--font-cjk), ui-monospace, monospace}:root[data-theme=light] .only-dark,:root:not([data-theme=light]) .only-light{display:none}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}img,svg{max-width:100%;display:block}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.15}p{text-wrap:pretty}strong{color:var(--text);font-weight:550}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--on-accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-link{color:var(--text);transition:background-size var(--dur) var(--ease-out), color var(--dur);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.text-link:hover{color:var(--accent);background-size:100% 1px}.link-button{font:inherit;cursor:pointer;border:0;padding:0}.btn{border-radius:var(--radius);height:2.5rem;font-size:var(--fs-sm);white-space:nowrap;transition:background-color var(--dur), border-color var(--dur), color var(--dur), transform .12s var(--ease-out);border:1px solid #0000;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--on-accent)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn:where(button){font:inherit;font-size:var(--fs-sm);cursor:pointer;font-weight:500}.btn-ghost:hover{border-color:var(--text)}@media (prefers-reduced-motion:no-preference){.reveal{animation:reveal .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms)}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}:lang(ko){word-break:keep-all;overflow-wrap:anywhere}:lang(ja){line-break:strict}:lang(ko) :is(h1:not(.hero-name),h2,h3,h4,h5,.hero-role,.contact-title,.stat dd),:lang(ja) :is(h1:not(.hero-name),h2,h3,h4,h5,.hero-role,.contact-title,.stat dd){letter-spacing:0}.field{gap:.5rem;display:grid}.field label,.field-label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;font-size:var(--fs-base);transition:border-color var(--dur), background-color var(--dur);padding:.75rem .875rem}.field textarea{resize:vertical;min-height:8.5rem}.field ::placeholder{color:var(--text-subtle);opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-radius:var(--radius);border-color:#0000}.field [aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:var(--fs-sm)}.field-hint{color:var(--text-subtle);font-size:var(--fs-xs)}.btn-accent{background:var(--accent);color:var(--on-accent);justify-content:center}.btn-accent:hover{background:var(--accent-hover)}.btn-accent:disabled{opacity:.7;cursor:progress}.admin-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.admin-modal{width:min(360px,100vw - 32px);color:var(--text);background:var(--glass-highlight);border:1px solid var(--glass-edge);box-shadow:var(--shadow-window);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:16px;gap:12px;padding:24px;display:grid}.admin-modal h2{margin:0 0 4px}.admin-modal input{color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px}.admin-modal button{color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 12px;font-weight:600}.account-badge{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));z-index:var(--z-toggle);border:1px solid var(--accent);background:var(--surface);font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .25rem .25rem .75rem;font-weight:500;display:flex;position:fixed}.account-dot{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.account-role{background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.25rem;padding:.0625rem .5rem;display:inline-flex}.account-out{width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur), color var(--dur);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.account-out:hover{background:var(--border);color:var(--text)}a.account-role:hover{background:var(--accent);color:var(--on-accent)}.palette-overlay{z-index:var(--z-palette);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000047;position:fixed;inset:0}:root[data-theme=light] .palette-overlay{background:#0000001f}.palette{z-index:var(--z-palette);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);width:min(640px,100vw - 32px);max-height:min(540px,72vh);box-shadow:var(--shadow-window), inset 0 0 0 .5px var(--glass-edge), inset 0 1px 0 var(--glass-highlight);border-radius:16px;flex-direction:column;display:flex;position:fixed;top:14vh;left:50%;overflow:hidden;translate:-50%}.palette-search{border-bottom:.5px solid var(--glass-edge);height:56px;color:var(--text-subtle);flex:none;align-items:center;gap:.75rem;padding-inline:1.1rem;display:flex}.palette-search input{min-width:0;color:var(--text);font:inherit;letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:1.0625rem}.palette-search input::placeholder{color:var(--text-subtle)}.palette-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:.375rem;overflow-y:auto}.palette-group{color:var(--text-subtle);font-size:var(--fs-xs);padding:.75rem .65rem .35rem;font-weight:500}.palette-item{cursor:pointer;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:44px;padding:.4rem .65rem;display:grid}.palette-item[aria-selected=true]{background:color-mix(in srgb, var(--text) 9%, transparent)}.palette-item-icon{width:30px;height:30px;color:var(--text-muted);place-items:center;display:grid}.palette-item-icon>svg{width:18px;height:18px}.palette-item-text{min-width:0;display:grid}.palette-item-title{color:var(--text);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.palette-item-subtitle{color:var(--text-subtle);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-item-meta{color:var(--text-subtle);font:500 .6875rem / 1 var(--font-mono);white-space:nowrap}.palette-empty{color:var(--text-subtle);font-size:var(--fs-sm);text-align:center;padding:2rem 1rem}.palette-footer{border-top:.5px solid var(--glass-edge);color:var(--text-subtle);font-size:var(--fs-xs);flex-wrap:wrap;flex:none;gap:.35rem 1.25rem;padding:.6rem 1.1rem;display:flex}.palette-footer span{align-items:center;gap:.25rem;display:inline-flex}@media (width<=719px){.palette{top:10vh}.palette-item-meta,.palette-footer{display:none}}.lang-menu{position:relative}.lang-menu-button{border:1px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:calc(2rem + 8px);color:var(--text);font:600 var(--fs-xs) / 1 var(--font-mono);cursor:pointer;transition:border-color var(--dur);align-items:center;gap:.4rem;padding:0 .7rem;display:inline-flex}.lang-menu-button:hover,.lang-menu-button[aria-expanded=true]{border-color:var(--text-subtle)}.lang-menu-list{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:11.5rem;padding:.3rem;display:grid;position:absolute;bottom:calc(100% + .5rem);left:0;box-shadow:0 12px 32px #00000040}@media (prefers-reduced-motion:no-preference){.lang-menu-list{animation:lang-menu-in .16s var(--ease-out)}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(4px)}}}.lang-menu-list button{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto 14px;align-items:center;gap:.75rem;padding:.5rem .625rem;display:grid}.lang-menu-list button:hover,.lang-menu-list button:focus-visible{background:var(--bg);color:var(--text);outline-offset:-2px}.lang-menu-list button[aria-current=true]{color:var(--text);font-weight:600}.lang-menu-item-code{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:400}.lang-menu-list svg{color:var(--accent);grid-column:3}.theme-toggle{--size:2rem;grid-template-columns:var(--size) var(--size);border:1px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:border-color var(--dur);place-items:center;padding:3px;display:grid}.theme-toggle:hover{border-color:var(--text-subtle)}.theme-toggle-thumb{width:var(--size);height:var(--size);border-radius:calc(var(--radius) - 2px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong);transition:transform .26s var(--ease-out);grid-area:1/1}.theme-toggle-thumb[data-side=right]{transform:translate(100%)}.theme-toggle-icon{z-index:1;color:var(--text-subtle);transition:color var(--dur);grid-row:1}.theme-toggle-icon:first-of-type{grid-column:1}.theme-toggle-icon:last-of-type{grid-column:2}.theme-toggle-icon[data-active=true]{color:var(--text)}.theme-toggle:active .theme-toggle-thumb{scale:.94}.app-icon{background:linear-gradient(160deg, oklch(.76 .12 var(--hue)), oklch(.5 .14 var(--hue)));width:100%;height:100%;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -1px 0 #0000002e, 0 1px 2px #00000040, 0 6px 14px -6px oklch(.4 .14 var(--hue) / .7);color:#fff;border-radius:24%;place-items:center;display:grid}.app-icon svg{filter:drop-shadow(0 1px 1px #00000040);width:56%;height:56%}.app-icon-plain{background:linear-gradient(160deg, color-mix(in srgb, var(--text) 14%, var(--surface)), var(--surface));box-shadow:inset 0 0 0 .5px var(--glass-edge), inset 0 1px 0 var(--glass-highlight), 0 1px 2px #0003;color:var(--text)}.app-icon-plain svg{filter:none;width:44%;height:44%}.dock-wrap{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:var(--z-dock);position:fixed;translate:-50%}.dock{background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);height:62px;box-shadow:var(--shadow-window-idle), inset 0 0 0 .5px var(--glass-edge), inset 0 1px 0 var(--glass-highlight);border-radius:22px;align-items:flex-end;gap:6px;padding:9px 10px;display:flex}.dock-item{justify-content:center;display:flex;position:relative}.dock-button{cursor:pointer;background:0 0;border:0;border-radius:24%;flex:none;padding:0;display:grid;position:relative}.dock-icon{width:100%;height:100%;display:grid}.dock-button:active .dock-icon{filter:brightness(.82)}.dock-button:focus-visible{outline-offset:4px}.dock-dot{background:var(--text);opacity:0;width:4px;height:4px;transition:opacity var(--dur);border-radius:50%;position:absolute;bottom:-7px}.dock-item[data-state] .dock-dot{opacity:.45}.dock-item[data-state=front] .dock-dot{opacity:1}.dock-label{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-window-idle), inset 0 0 0 .5px var(--glass-edge);color:var(--text);font-size:var(--fs-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s, translate .18s var(--ease-out);border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .65rem;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px}.dock-button:hover .dock-label,.dock-button:focus-visible .dock-label{opacity:1;translate:-50%}.dock-label kbd,.palette kbd{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-muted);font:500 .6875rem / 1.4 var(--font-mono);border-radius:4px;padding:.05rem .35rem}.dock-separator{background:var(--glass-edge);align-self:stretch;width:1px;margin:2px 4px}.dock-setting{align-self:center;display:flex}.dock-setting :is(.theme-toggle,.lang-menu-button){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@media (width<=719px){.dock-wrap{z-index:var(--z-dock-compact);max-width:calc(100vw - 16px)}.dock{scrollbar-width:none;gap:8px;height:58px;padding:8px 10px;overflow-x:auto}.dock-button{width:40px!important;height:40px!important}.dock-label,.dock-setting{display:none}.dock-dot{bottom:-6px}}.dock-badge{background:var(--danger);min-width:18px;height:18px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--surface) 70%, transparent), 0 1px 3px #0000004d;color:#fff;font:600 .6875rem / 18px var(--font-mono);text-align:center;pointer-events:none;border-radius:9px;padding:0 5px;position:absolute;top:-4px;right:-6px}.dock-badge:is([data-phase=short],[data-phase=long]){background:var(--accent);color:var(--on-accent)}.dock-badge[data-paused]{opacity:.6}.dock-badge-music{background:var(--accent);justify-content:center;align-items:flex-end;gap:2px;min-width:18px;padding:4px;display:flex}.dock-badge-music i{background:var(--on-accent);transform-origin:bottom;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite alternate dock-eq}.dock-badge-music i:nth-child(2){animation-delay:-.3s}.dock-badge-music i:nth-child(3){animation-delay:-.6s}@keyframes dock-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.dock-badge-music i{animation:none}}.window-layer{z-index:var(--z-windows);pointer-events:none;position:fixed;inset:0}.snap-preview{border-radius:var(--radius-window);background:color-mix(in srgb, var(--accent) 18%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 60%, transparent), 0 12px 40px -12px color-mix(in srgb, var(--accent) 35%, transparent);pointer-events:none;position:absolute;top:0;left:0}.window{isolation:isolate;border-radius:var(--radius-window);background:color-mix(in srgb, var(--surface) 68%, transparent);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);box-shadow:var(--shadow-window-idle);color:var(--text);pointer-events:auto;transition:box-shadow .3s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden;container:window/inline-size}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.window{background:var(--surface)}}.window:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 .5px var(--glass-edge), inset 0 1px 0 var(--glass-highlight);pointer-events:none;position:absolute;inset:0}.window[data-focused]{box-shadow:var(--shadow-window)}.window:focus-visible{outline:none}.window[data-gesture]{-webkit-user-select:none;user-select:none}.window[data-snap]{border-radius:var(--radius-window)}.window[data-compact]{padding-top:env(safe-area-inset-top,0px);border-radius:0}.window[data-compact]:after{content:none}.window-bar{border-bottom:.5px solid var(--glass-edge);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;height:44px;padding-inline:14px;display:grid}.window[data-gesture=drag] .window-bar{cursor:grabbing}.window[data-collapsed] .window-bar{border-bottom-color:#0000}.window-title{min-width:0;color:var(--text-subtle);font-size:var(--fs-sm);letter-spacing:-.01em;transition:color var(--dur);align-items:center;gap:.45rem;font-weight:600;display:flex}.window-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-title svg{opacity:.6;transition:opacity var(--dur), color var(--dur);flex:none}.window[data-focused] .window-title{color:var(--text)}.window[data-focused] .window-title svg{color:var(--accent);opacity:1}.window-accessory{justify-content:end;min-width:0;display:flex}.window-runs{color:var(--text-subtle);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.4rem;font-size:.6875rem;display:inline-flex}.window-runs:before{content:"";background:var(--text-subtle);border-radius:50%;width:6px;height:6px}.window-runs[data-runs=browser]:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@container window (width<=620px){.window-runs{display:none}}.window-lights{gap:8px;display:flex}.window-light{background:var(--light-idle);color:#0000008c;cursor:default;width:12px;height:12px;transition:background-color .15s, transform .12s var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #0000002e}.window-light:before{content:"";position:absolute;inset:-6px -4px}.window-light svg{opacity:0;width:8px;height:8px;transition:opacity .12s}.window-lights:hover .window-light svg,.window-light:focus-visible svg{opacity:1}.window-light:active{transform:scale(.88)}.window-light:focus-visible{outline-offset:2px;border-radius:50%}.window:is([data-focused],:hover) .window-light[data-light=close],.window-lights:hover .window-light[data-light=close]{background:var(--light-close)}.window:is([data-focused],:hover) .window-light[data-light=collapse],.window-lights:hover .window-light[data-light=collapse]{background:var(--light-collapse)}.window:is([data-focused],:hover) .window-light[data-light=zoom],.window-lights:hover .window-light[data-light=zoom]{background:var(--light-zoom)}.window[data-compact] .window-light{width:14px;height:14px}.window-body{overscroll-behavior:contain;background:color-mix(in srgb, var(--bg) 90%, transparent);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;overflow:auto;container:window-body/inline-size}.window-resize{z-index:3;cursor:nwse-resize;touch-action:none;width:18px;height:18px;position:absolute;bottom:0;right:0}.window-loading{place-items:center;height:100%;min-height:12rem;display:grid}.window-loading:before{content:"";border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite window-spin}@keyframes window-spin{to{transform:rotate(360deg)}}.skip-link{left:var(--gutter);z-index:var(--z-skip);border-radius:var(--radius);background:var(--text);color:var(--bg);padding:.5rem .875rem;font-weight:500;position:absolute;top:-100px}.skip-link:focus-visible{top:1rem}.site-footer{max-width:var(--page-max);margin-inline:auto;padding:2rem var(--gutter) calc(3rem + 72px);border-top:1px solid var(--border);color:var(--text-subtle);font-size:var(--fs-sm);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:2rem;display:flex}.site-footer .text-link{color:var(--text-muted)}.site-footer-legal{gap:.25rem;display:grid}.site-footer-legal p+p{font-size:var(--fs-xs)}.corner-controls{left:calc(1rem + env(safe-area-inset-left,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:var(--z-toggle);align-items:center;gap:.5rem;display:flex;position:fixed}@media (width>=720px){.corner-controls{display:none}}@media (width<=719px){.corner-controls{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.site-footer{padding-bottom:calc(5rem + 72px)}}.auth-page{min-height:calc(100dvh - 8rem);padding:3rem var(--gutter);place-items:center;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius-window);background:var(--surface);gap:1.25rem;width:min(26rem,100%);padding:2rem;display:grid}.auth-card h1{font-size:var(--fs-xl);letter-spacing:-.02em}.auth-lead{color:var(--text-muted);font-size:var(--fs-sm)}.auth-form{gap:1rem;display:grid}.auth-form .btn{width:100%;height:2.75rem}.auth-alert{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);padding:.75rem .875rem}.auth-alert ul{margin-top:.375rem;padding-left:1rem;list-style:outside}.auth-success{border-radius:var(--radius);background:var(--accent-soft);font-size:var(--fs-sm);padding:.75rem .875rem}.auth-alt{color:var(--text-muted);font-size:var(--fs-sm)}.auth-alt .text-link,.auth-alert .text-link{color:var(--text)}.admin-users-page{align-items:start}.admin-users{gap:1.25rem;width:min(56rem,100%);display:grid}.admin-users h1{font-size:var(--fs-xl);letter-spacing:-.02em}.admin-users-scroll{border:1px solid var(--border);border-radius:var(--radius-window);background:var(--surface);overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.admin-users-table th,.admin-users-table td{text-align:left;white-space:nowrap;padding:.75rem 1rem}.admin-users-table th{color:var(--text-muted);font-weight:500}.admin-users-table tbody tr{border-top:1px solid var(--border)}.admin-users-email{color:var(--text-muted)}.admin-users-table select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;padding:.375rem .5rem}.admin-users-table select:focus-visible{outline:2px solid var(--focus)}.admin-users-table select:disabled{opacity:.6}.section-title{font-size:var(--fs-xl);letter-spacing:-.02em;margin-bottom:2rem}.meta{color:var(--text-muted);font-size:var(--fs-sm)}.period{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.bullets{max-width:68ch;color:var(--text-muted);gap:.625rem;display:grid}.bullets li{padding-left:1.25rem;position:relative}.bullets li:before{content:"";background:var(--border-strong);width:.5rem;height:1px;position:absolute;top:.8em;left:0}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);padding:.1875rem .5rem;line-height:1.5}.logos{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.logo{filter:saturate(.85);width:auto;display:block}.company-head{grid-template-columns:1fr auto;align-items:baseline;gap:.25rem 1rem;margin-bottom:2rem;display:grid}.company-head h3{font-size:var(--fs-lg);letter-spacing:-.01em}.company-group{color:var(--text-subtle);margin-left:.25rem;font-weight:400}.company-head .meta{grid-column:1}.company-head .period{grid-area:1/2}.roles{border-left:1px solid var(--border);gap:3rem;display:grid}.role{gap:1.25rem;padding-left:clamp(1.25rem,3vw,2rem);display:grid;position:relative}.role:first-child:before{content:"";background:var(--accent);width:1px;height:3.25rem;position:absolute;top:0;left:-1px}.role-head{grid-template-columns:1fr auto;align-items:baseline;gap:.125rem 1rem;display:grid}.role-head h4{font-size:var(--fs-base);font-weight:600}.role-head .meta{grid-column:1}.role-head .period{grid-area:1/2}.stats{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:1rem 2rem;padding-block:.25rem;display:grid}.role-projects{gap:1rem;display:grid}.role-project{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:1.25rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.role-project-head{border-bottom:1px solid var(--border);gap:.25rem;padding-bottom:1rem;display:grid}.role-project-head h5{font-size:var(--fs-base);letter-spacing:-.01em;font-weight:600}.stat{flex-direction:column;justify-content:flex-start;gap:.25rem;display:flex}.stat dd{color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:-1;font-size:1.875rem;font-weight:600;line-height:1.1}.stat dt{max-width:24ch;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.4}.project{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.project-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.project-head h3{font-size:var(--fs-lg);letter-spacing:-.01em}.project-head .meta{font-family:var(--font-mono);font-size:var(--fs-xs)}.project-desc{max-width:60ch;color:var(--text)}.projects{gap:3rem;display:grid}.project-split{gap:1.5rem;display:grid}.project-split-body{align-content:start;gap:1.25rem;display:grid}.project-photo{aspect-ratio:1000/1096;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;background:var(--surface);width:100%;max-width:22rem;height:auto}@media (width>=640px){.project-split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:2rem}.project-photo{max-width:none}}.diagram{gap:.75rem;padding-block:.5rem;display:grid}.diagram-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:1rem;overflow-x:auto}.diagram svg{width:100%;min-width:360px;max-width:540px;height:auto;margin-inline:auto}.diagram figcaption{max-width:68ch;color:var(--text-subtle);font-size:var(--fs-sm)}.dg-node rect{fill:var(--surface);stroke:var(--border-strong);stroke-width:1px}.dg-node.dg-ok rect{fill:var(--accent-soft);stroke:var(--accent)}.dg-node.dg-danger rect{fill:var(--danger-soft);stroke:var(--danger)}.dg-title{fill:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:600}.dg-ok .dg-title{fill:var(--accent)}.dg-danger .dg-title{fill:var(--danger)}.dg-sub,.dg-label{fill:var(--text-muted);font-family:var(--font-mono);font-size:11.5px}.dg-edge line{stroke:var(--text-subtle);stroke-width:1.3px}.dg-edge.dg-ok line{stroke:var(--accent)}.dg-edge.dg-danger line{stroke:var(--danger)}.dg-edge.dg-danger .dg-label{fill:var(--danger)}marker.dg-default path{fill:var(--text-subtle)}marker.dg-ok path{fill:var(--accent)}marker.dg-danger path{fill:var(--danger)}.marquee{gap:.75rem;margin-bottom:3rem;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{overflow:hidden}.marquee-track{width:max-content;display:flex}.stack-item{--brand:var(--text);--icon:color-mix(in oklab, var(--brand), var(--icon-mix) var(--icon-mix-amount));border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:3rem;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-sm);white-space:nowrap;transition:border-color var(--dur), color var(--dur), transform var(--dur) var(--ease-out);flex:none;align-items:center;gap:.625rem;margin-right:.75rem;padding:0 1.125rem 0 .875rem;display:flex}.stack-item-wordmark{padding-inline:1.125rem}.stack-item-wordmark img{width:auto;height:1.75rem;display:block}.stack-item svg{width:1.375rem;height:1.375rem;fill:var(--icon)}.stack-item:hover{border-color:var(--icon);color:var(--text);transform:translateY(-2px)}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:marquee var(--duration,40s) linear infinite}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{flex-wrap:wrap;row-gap:.75rem;width:auto}.stack-item.is-copy{display:none}}.skill-grid{gap:2rem;display:grid}@media (width>=640px){.skill-grid{grid-template-columns:1fr 1fr;gap:2.25rem 2.5rem}}.skill-group h3,.languages h3{font-size:var(--fs-sm);margin-bottom:.75rem;font-weight:600}.languages{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:2rem}.language-list{gap:.75rem;display:grid}@media (width>=640px){.language-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.language{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-content:start;gap:1rem;padding:1.125rem 1.125rem 1rem;display:grid}.language-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.language-native{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:600;line-height:1.1}.language-name{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--fs-xs)}.cefr{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.cefr-step{color:var(--text-subtle);font-family:var(--font-mono);text-align:center;gap:.375rem;font-size:.6875rem;display:grid}.cefr-step:before{content:"";background:var(--border-strong);border-radius:2px;height:4px}.cefr-step[data-on]:before{background:var(--accent)}.cefr-step[data-current]{color:var(--accent);font-weight:600}.language-level{font-size:var(--fs-sm);gap:.125rem;font-weight:500;display:grid}.language-note{color:var(--text-muted);font-size:var(--fs-xs);font-weight:400}.schools{gap:2.5rem;display:grid}.school{gap:.5rem;display:grid}@media (width>=640px){.school{grid-template-columns:8.5rem 1fr;gap:1.5rem}.school>.period{padding-top:.3rem}}.school h3{font-size:var(--fs-base)}.school-degree{color:var(--text);margin-block:.125rem .5rem}.coursework{max-width:64ch;color:var(--text-muted);font-size:var(--fs-sm);margin-top:.75rem}.coursework span{color:var(--text);font-weight:500}.contact-lead{max-width:48ch;color:var(--text-muted);font-size:var(--fs-lg);margin-bottom:1.5rem}.home{max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.hero{flex-direction:column;justify-content:space-between;gap:3rem;padding-block:clamp(3.5rem,2rem + 6vw,6rem) 1rem;display:flex}.hero-name{font-size:var(--fs-display);letter-spacing:-.04em;font-weight:650;line-height:1}.hero-role{font-size:var(--fs-xl);letter-spacing:-.015em;color:var(--text);margin-top:.75rem;font-weight:500}.hero-summary{max-width:38ch;color:var(--text-muted);font-size:var(--fs-lg);margin-top:1.25rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero-nav{display:none}.home-content{gap:var(--section-gap);grid-template-columns:minmax(0,1fr);padding-block:4rem 2rem;display:grid}@media (width>=1024px){.home{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(3rem,6vw,6rem);display:grid}.hero{height:100dvh;padding-block:6rem 4rem;position:sticky;top:0}.home-content{padding-block:6rem 4rem}.hero-nav{display:block}.hero-nav ul{gap:.25rem;display:grid}.hero-nav a{color:var(--text-subtle);font-size:var(--fs-sm);transition:color var(--dur);align-items:center;gap:.875rem;padding-block:.375rem;font-weight:500;display:inline-flex}.hero-nav a:before{content:"";transform-origin:0;width:3.5rem;height:1px;transition:transform var(--dur) var(--ease-out), background-color var(--dur);background:currentColor;transform:scaleX(.4)}.hero-nav a:hover,.hero-nav a[aria-current]{color:var(--text)}.hero-nav a:hover:before{transform:scaleX(.7)}.hero-nav a[aria-current]:before{background:var(--accent);transform:scaleX(1)}}.profile-page{align-items:start}.profile-stack{gap:1.5rem;width:min(26rem,100%);display:grid}.profile-stack .auth-card{width:100%}.profile-stack h2{font-size:var(--fs-lg);letter-spacing:-.01em}.profile-facts{gap:.75rem;display:grid}.profile-facts div{font-size:var(--fs-sm);justify-content:space-between;gap:1rem;display:flex}.profile-facts dt{color:var(--text-muted)}.profile-facts dd{overflow-wrap:anywhere;text-align:right;margin:0}.profile-actions{gap:.75rem;display:flex}.totp-qr{border-radius:var(--radius);background:#fff;justify-self:center;padding:.5rem}.totp-key{font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.backup-codes{font-family:var(--font-mono);font-size:var(--fs-sm);grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.backup-codes li{border:1px solid var(--border-strong);border-radius:var(--radius);text-align:center;-webkit-user-select:all;user-select:all;padding:.375rem .625rem}.profile-back{justify-self:start}