:root,[data-theme=light]{color-scheme:light;--brand-orange:#ff6835;--brand-pink:#ff4a8a;--brand-violet:#c760ff;--brand-gradient:linear-gradient(135deg,#ff6835,#ff4a8a 50%,#c760ff);--font-sans:var(--font-hanken),"Hanken Grotesk",system-ui,sans-serif;--bg-page:#fafaf8;--bg-hero:#ffffff;--bg-pro:#f6f3ef;--bg-personal:#ffffff;--bg-card:#ffffff;--surface-hi:#efeae3;--hover-card:rgba(0,0,0,0.02);--shadow-card:0 1px 4px rgba(0,0,0,0.07),0 6px 20px rgba(0,0,0,0.04);--nav-border:rgba(0,0,0,0.06);--bg-nav:rgba(250,250,248,0.18);--nav-highlight:rgba(255,255,255,0.68);--border-card:rgba(0,0,0,0.09);--border-card-hi:rgba(0,0,0,0.12);--text-primary:#1a1523;--text-secondary:#6b5e7c;--text-muted:#786a8a;--tag-bg:rgba(255,74,138,0.07);--tag-border:rgba(255,74,138,0.22);--tag-color:#c4205e;--ghost-bg:rgba(0,0,0,0.04);--ghost-border:rgba(0,0,0,0.1);--ghost-color:#1a1523;--chip-bg:rgba(0,0,0,0.04);--chip-border:rgba(0,0,0,0.09);--chip-color:rgba(26,21,35,0.58);--expand-bg:rgba(0,0,0,0.05);--expand-border:rgba(0,0,0,0.09);--period-bg:rgba(0,0,0,0.055);--period-color:#786a8a;--hl-bg:rgba(255,104,53,0.03);--hl-name:#1a1523;--hl-detail:#6b5e7c;--role-title:#c4205e;--footer-bg:#f0ece6;--footer-border:rgba(0,0,0,0.07);--footer-txt:rgba(26,21,35,0.65);--label-pro:#ff6835;--label-timeline:#786a8a;--label-personal:#c760ff;--skill-label:#1a1523;--skill-value:#c4205e;--toggle-track:#eae5f5;--orb1:rgba(255,104,53,0.2);--orb2:rgba(255,74,138,0.09);--orb3:rgba(199,96,255,0.16);--cap-orb:rgba(255,104,53,0.05);--avatar-inner:#fff5f2;--divider1:linear-gradient(90deg,transparent,rgba(255,104,53,0.35) 30%,rgba(255,74,138,0.35) 70%,transparent);--divider2:linear-gradient(90deg,transparent,rgba(199,96,255,0.3) 30%,rgba(255,74,138,0.3) 70%,transparent);--scroll-clr:rgba(26,21,35,0.6);--topo-opacity:0.42;--color-glow:rgba(199,96,255,0.05);--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-pill:999px;--shadow-color:#000;--scrim-overlay:rgba(16,10,26,0.3);--lightbox-bg:rgba(0,0,0,0.92);--lightbox-control:rgba(0,0,0,0.4);--carousel-scrim:linear-gradient(0deg,rgba(0,0,0,0.52) 0%,transparent 55%);--caption-on-media:rgba(237,232,245,0.88);--toggle-thumb:linear-gradient(135deg,var(--brand-orange),var(--brand-pink));--toggle-thumb-dark:linear-gradient(135deg,#7c3aed,var(--brand-violet));--glass-bg:rgba(255,255,255,0.55);--glass-border:rgba(255,255,255,0.65);--glass-highlight:rgba(255,255,255,0.85);--glass-shadow:0 12px 40px rgba(0,0,0,0.12);--glass-blur:20px;--glass-saturate:195%;--color-bg:var(--bg-page);--color-surface:var(--bg-card);--color-surface-c:var(--bg-card);--color-surface-h:var(--surface-hi);--color-border:var(--border-card);--color-border-hi:var(--border-card-hi);--color-text:var(--text-primary);--color-muted:var(--text-secondary);--color-faint:var(--text-muted);--color-primary:var(--brand-orange);--color-primary-soft:var(--brand-orange);--color-primary-bg:rgba(255,104,53,0.08);--color-primary-b:rgba(255,104,53,0.18);--color-on-primary:#ffffff;--color-secondary:var(--brand-pink);--color-secondary-bg:rgba(255,74,138,0.08);--color-secondary-b:rgba(255,74,138,0.18);--color-tertiary:var(--brand-violet)}[data-theme=dark]{color-scheme:dark;--bg-page:#0e0b14;--bg-hero:#0e0b14;--bg-pro:#130d1c;--bg-personal:#0a0b18;--bg-card:rgba(255,255,255,0.025);--surface-hi:rgba(255,255,255,0.06);--hover-card:rgba(255,255,255,0.018);--shadow-card:none;--nav-border:rgba(255,255,255,0.07);--bg-nav:rgba(14,11,20,0.15);--nav-highlight:rgba(255,255,255,0.20);--border-card:rgba(255,255,255,0.07);--border-card-hi:rgba(255,255,255,0.12);--text-primary:#ede8f5;--text-secondary:#b09abd;--text-muted:#8a7c9a;--tag-bg:rgba(255,74,138,0.07);--tag-border:rgba(255,74,138,0.18);--tag-color:#ff4a8a;--ghost-bg:rgba(255,255,255,0.055);--ghost-border:rgba(255,255,255,0.14);--ghost-color:#ede8f5;--chip-bg:rgba(255,255,255,0.04);--chip-border:rgba(255,255,255,0.09);--chip-color:rgba(237,232,245,0.65);--expand-bg:rgba(255,255,255,0.05);--expand-border:rgba(255,255,255,0.08);--period-bg:rgba(255,255,255,0.06);--period-color:#b09abd;--hl-bg:rgba(255,255,255,0.02);--hl-name:#ede8f5;--hl-detail:#b09abd;--role-title:#ff4a8a;--footer-bg:#0e0b14;--footer-border:rgba(255,255,255,0.05);--footer-txt:rgba(176,154,189,0.75);--label-pro:#ff6835;--label-timeline:#b09abd;--label-personal:#c760ff;--skill-label:#ede8f5;--skill-value:#ff4a8a;--toggle-track:#2a1f38;--orb1:rgba(255,104,53,0.14);--orb2:rgba(255,74,138,0.11);--orb3:rgba(199,96,255,0.09);--cap-orb:rgba(255,104,53,0.06);--avatar-inner:#180f2c;--divider1:linear-gradient(90deg,transparent,rgba(255,104,53,0.55) 30%,rgba(255,74,138,0.55) 70%,transparent);--divider2:linear-gradient(90deg,transparent,rgba(199,96,255,0.5) 30%,rgba(255,74,138,0.5) 70%,transparent);--scroll-clr:rgba(237,232,245,0.5);--color-glow:rgba(124,90,170,0.13);--glass-bg:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.14);--glass-highlight:rgba(255,255,255,0.22);--glass-shadow:0 16px 48px rgba(0,0,0,0.45)}*{box-sizing:border-box;margin:0;padding:0}html{caret-color:transparent;overflow-x:clip}input,textarea{caret-color:auto;font-size:16px;font-family:var(--font-sans)}html{background:var(--footer-bg)}body{background:var(--color-bg);color:var(--color-text);overflow-x:clip}body,h1,h2,h3,h4{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-faint);border-radius:3px}body[data-page=gallery]::-webkit-scrollbar,html[data-page=gallery]::-webkit-scrollbar{width:0;height:0}body[data-page=gallery],html[data-page=gallery]{scrollbar-width:none}body[data-page=study] .page-glow{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pageIn{0%{opacity:0;transform:translateY(22px) scale(.992);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes revealRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes dotIgnite{0%{transform:scale(.7);box-shadow:0 0 0 0 rgba(255,104,53,.55),0 0 10px rgba(255,104,53,.4)}55%{transform:scale(1.5);box-shadow:0 0 0 9px rgba(255,104,53,0),0 0 22px rgba(255,104,53,.85)}to{transform:scale(1.25);box-shadow:0 0 0 0 rgba(255,104,53,0),0 0 12px rgba(255,104,53,.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;display:inline-flex;align-items:center}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.cursor{display:inline-block;width:2px;height:1em;background:var(--color-text);vertical-align:text-bottom;animation:blink .9s infinite;margin-left:2px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}.rim{box-shadow:inset 0 1px 0 0 var(--glass-highlight)}.navlink{color:var(--color-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-sans);transition:color .2s;background:none;border:none;padding:0;text-decoration:none}.navlink.active,.navlink:hover{color:var(--color-text)}.navlink.active:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--brand-orange);vertical-align:middle}.chip{display:inline-block;font-size:14px;padding:5px 13px;border-radius:var(--radius-pill);background:var(--color-secondary-bg);color:var(--color-secondary);border:1px solid var(--color-secondary-b);margin-right:5px;margin-top:6px;letter-spacing:.02em}.btn,.chip{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s;text-decoration:none;background:color-mix(in srgb,var(--color-surface-c) 85%,transparent);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--color-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.btn,.inp{border:1px solid var(--color-border)}.inp{background:var(--color-surface-c);border-radius:var(--radius-pill);padding:12px 16px;font-size:16px;font-family:var(--font-sans);color:var(--color-text);width:100%;outline:none;transition:border-color .2s}.inp:focus{border-color:var(--color-secondary)}.inp-manual:focus{border-color:var(--color-primary)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text)!important;box-shadow:0 0 0 1000px var(--color-surface-c) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s,border-color .2s;transition:background-color 5000s ease-in-out 0s,border-color .2s;caret-color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans);color:var(--color-muted);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glow-bg{background:radial-gradient(circle,color-mix(in srgb,var(--color-tertiary) 6%,transparent) 0,transparent 58%)}.page-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 95% 60% at 74% 8%,var(--color-glow) 0,transparent 72%)}.content{position:relative;z-index:1}.page-transition{animation:pageIn 1.1s cubic-bezier(.16,1,.3,1) both}[data-reveal]{opacity:0}[data-reveal].is-visible{animation:revealUp .9s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}[data-reveal][data-reveal-dir=left].is-visible{animation:revealLeft .9s cubic-bezier(.16,1,.3,1) forwards}[data-reveal][data-reveal-dir=right].is-visible{animation:revealRight .9s cubic-bezier(.16,1,.3,1) forwards}[data-spine-dot]{transform:scale(.7);transition:transform .35s cubic-bezier(.16,1,.3,1)}[data-spine-dot].is-visible{animation:dotIgnite .6s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;animation:none}[data-spine-dot]{transform:none;transition:none;animation:none}.page-transition{animation:none}}.status-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}