*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-mode=pro]{--bg: #08080a;--surface-1: #111114;--surface-2: #18181d;--surface-3: #1f1f25;--border: #232328;--border-2: #34343b;--text: #ececef;--text-mute: #8a8a93;--text-dim: #595962;--accent: var(--accent-color, #3ee0b8);--accent-text: #08080a;--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--danger: #ff6a55;--success: #6aab7a;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--grid-gap: 6px;--letter-caps: .08em;--display-weight: 500;--photo-ring: rgba(255,255,255,.04);--font: var(--font-sans);--mono: var(--font-mono);--muted: var(--text-mute);--surface: var(--surface-1)}[data-mode=personal]{--bg: #f3ede0;--surface-1: #faf5e8;--surface-2: #ebe2cb;--surface-3: #ddd0b1;--border: #ddd0b1;--border-2: #c4b693;--text: #1d1a14;--text-mute: #6e6557;--text-dim: #a89e8a;--accent: var(--accent-color, #c75a3a);--accent-text: #faf5e8;--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--danger: #b34a2e;--success: #5a8a4a;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Instrument Serif", "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm: 2px;--radius: 3px;--radius-lg: 4px;--grid-gap: 14px;--letter-caps: .14em;--display-weight: 400;--photo-ring: rgba(0,0,0,.06);--font: var(--font-sans);--mono: var(--font-mono);--muted: var(--text-mute);--surface: var(--surface-1)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}[data-mode=personal] body{background-image:radial-gradient(circle at 25% 30%,rgba(60,40,20,.04) .5px,transparent 1px),radial-gradient(circle at 75% 70%,rgba(60,40,20,.03) .5px,transparent 1px);background-size:8px 8px,14px 14px}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-sans);color:var(--text)}.caps{font-family:var(--font-mono);letter-spacing:var(--letter-caps);text-transform:uppercase}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:-.015em;line-height:1.05}.row{display:flex;flex-direction:row;align-items:center}.col{display:flex;flex-direction:column}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ph{background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes fadein{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadein .32s cubic-bezier(.2,.7,.3,1) both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}@media (prefers-reduced-motion: reduce){.ph{animation:none;background:var(--surface-2)}.fade-in{animation:none}*{transition:none!important}}