*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111318;--border:#191c24;--text:#c8c8c8;--muted:#555;--accent:#bee34f;--accent-evil:#d9534f;--eye-color:#c0c0c0;--pupil-color:#1a1a00;--pupil-highlight:#ffffff}::selection{background-color:var(--accent);color:var(--bg)}body{background:var(--bg);color:var(--text);font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:3rem;transition:all 0.3s allow-discrete}body.evil ::selection{background-color:var(--accent-evil);color:var(--text)}body.evil .eyeball-cover{top:0}body.evil .pupil{background:var(--accent-evil);box-shadow:0 0 0 1px hsl(from var(--accent-evil) h s calc(l - 15))}body.evil .projects{display:none;opacity:0}body.evil .about{display:block;opacity:1;@starting-style{opacity:0}}#eyesWrap{position:relative;display:flex;gap:20px;align-items:center;cursor:pointer}.eyeball-cover{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:25px 50px 0 50px;border-color:var(--bg) #fff0 #fff0 #fff0;z-index:999;transition:top 0.3s}.eye{width:40px;height:40px;position:relative;overflow:hidden}.eyeball{position:absolute;inset:0;background:var(--eye-color)}.pupil{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);z-index:2;pointer-events:none;background-color:var(--pupil-color);box-shadow:0 0 0 1px hsl(from var(--pupil-color) h s calc(l - 15));image-rendering:pixelated;transition:background-color 0.3s}.pupil::after{content:"";position:absolute;left:2px;top:1px;width:3px;height:3px;background:var(--pupil-highlight)}.eye::after{content:"";position:absolute;inset:0;background:var(--bg);transform:scaleY(0);transform-origin:top center;z-index:3}.eye.blinking::after{animation:blink 4.5s infinite}@keyframes blink{0%,88%{transform:scaleY(0)}92%,95%{transform:scaleY(1)}}.panel{position:relative;width:100%;max-width:560px}.projects,.about{width:100%;transition:opacity 1s}.about{display:none;opacity:0;font-size:1rem;line-height:1.8;letter-spacing:.03em;border-block:1px solid hsl(from var(--accent-evil) h s calc(l - 25));padding:1rem 0;color:var(--text);@starting-style{opacity:0}}.about .label{color:var(--accent-evil);font-size:1.2rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.75rem}.about p+p{margin-top:.9rem}.projects{display:flex;flex-direction:column;gap:0;width:100%;counter-reset:project;opacity:1;@starting-style{opacity:0}}.link{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:1rem;letter-spacing:.04em;transition:color 0.15s;gap:1rem;counter-increment:project}.link:first-child{border-top:1px solid var(--border)}.link:hover{color:var(--accent)}.link:hover .arrow{color:var(--accent);border-color:#fff0 #fff0 #fff0 var(--accent);transform:translateX(3px)}.project{display:flex;align-items:center;gap:.75rem}.project .num{color:var(--muted);font-size:.85rem;min-width:1.4rem}.project .num::before{content:counter(project,decimal-leading-zero)}.project .name{font-weight:700}.project .tag{color:var(--muted);font-size:.85rem;font-weight:400}.arrow{width:0;height:0;border-style:solid;border-width:3px 0 3px 8px;border-color:#fff0 #fff0 #fff0 var(--muted);transition:border-color 0.15s,transform 0.15s}footer{color:var(--muted);font-size:.85rem;letter-spacing:.16em}