:root{font-synthesis:none;text-rendering:geometricPrecision;--bg: #0c0406;--surface: #1a0a0e;--card: #260e14;--text: #ffe8ec;--muted: #d08090;--accent: #ff1a3c;--accent-alt: #00e5ff;--border: #6b1a2a;--gradient: radial-gradient(ellipse at 30% 0%, #3a0818 0%, #0c0406 60%);--shadow: 0 0 60px rgba(255, 26, 60, .22), 0 0 120px rgba(0, 229, 255, .08);--font-display: "Zen Dots", cursive;--font-body: "M PLUS 1 Code", monospace;--max-width: min(960px, calc(100vw - 2rem) )}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}.site-root{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;gap:.9rem;padding:1rem;color:var(--text);font-family:var(--font-body);background:radial-gradient(ellipse at 15% 85%,rgba(255,26,60,.14) 0%,transparent 50%),radial-gradient(ellipse at 85% 15%,rgba(0,229,255,.07) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(255,26,60,.04) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,26,60,.03) 3px,rgba(255,26,60,.03) 4px),var(--gradient)}.site-topbar{width:var(--max-width);margin:0 auto;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);border-radius:.25rem;border-bottom:2px solid var(--accent);box-shadow:0 4px 40px #ff1a3c2e;padding:.8rem .95rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-brand{display:inline-flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em}.site-brand img{width:34px;height:34px;border-radius:50%;border:1px solid var(--border)}.site-topbar nav{display:flex;flex-wrap:wrap;gap:.45rem}.site-topbar nav a{color:inherit;text-decoration:none;padding:.38rem .74rem;border:1px solid transparent;border-radius:.15rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;transition:.18s ease}.site-topbar nav a:hover,.site-topbar nav a:focus-visible{background:#ff1a3c33;border-color:var(--accent);text-shadow:0 0 10px rgba(255,26,60,.7);outline:none}.site-home,.site-stats,.site-image,.site-redirect{align-self:start;width:var(--max-width);margin:0 auto;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:.25rem;box-shadow:0 0 0 1px #ff1a3c1f,0 0 30px #ff1a3c0f,var(--shadow);padding:clamp(1rem,2vw,1.5rem);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-section-header{display:flex;gap:.55rem;align-items:center;margin-bottom:.75rem}.site-section-header h1{margin:0;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,26,60,.6),0 0 40px rgba(255,26,60,.3),0 0 80px rgba(0,229,255,.12)}.site-section-header p,.site-footer,.stats-summary,.stats-note{margin:0 0 .75rem;color:var(--muted)}.site-footer{border-top:1px dashed rgba(107,26,42,.6);padding-top:.7rem;text-shadow:0 0 4px rgba(208,128,144,.2)}.site-home button,.site-stats button,.site-image button,.site-stats input,.site-stats select,.site-image input,.site-image select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:.2rem;font-family:inherit;padding:.54rem .74rem}.site-home button,.site-stats button,.site-image button{cursor:pointer;transition:.18s ease}.site-home button:hover,.site-home button:focus-visible,.site-stats button:hover,.site-stats button:focus-visible,.site-image button:hover,.site-image button:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 24%,var(--card));box-shadow:0 0 16px #ff1a3c26}.home-links{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.home-link{width:100%;text-align:left;border:1px solid var(--border);border-radius:.2rem;padding:.62rem .7rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;appearance:none;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.home-link:hover,.home-link:focus-visible{border-color:#ff1a3c66;box-shadow:0 0 16px #ff1a3c26;outline:none}.home-link-label{display:inline-flex;align-items:center;gap:.48rem}.home-link-icon{width:18px;height:18px;border-radius:.2rem}.stats-search{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:.55rem;margin-bottom:.84rem}.stats-error{margin:0 0 .7rem;color:#ff9a9a}.stats-table{width:100%;border-collapse:collapse;border:1px solid var(--border)}.stats-table th,.stats-table td{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:.45rem;text-align:left}.stats-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;background:#ff1a3c1a;text-shadow:0 0 5px rgba(255,26,60,.35)}.stats-table tr:hover td{background:#ff1a3c0a}.skill-cell{display:inline-flex;align-items:center;gap:.4rem}.skill-cell img{width:16px;height:16px}.site-image{display:grid;gap:.72rem;align-content:start}.image-canvas-shell{border:1px solid var(--border);border-radius:.2rem;background:var(--card);padding:.6rem}.image-canvas-shell canvas{width:100%;max-height:420px;border-radius:.2rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 65%,transparent);cursor:grab;touch-action:none}.image-canvas-shell p{margin:.45rem 0 0;font-size:.84rem;color:var(--muted)}.upload-zone{width:100%;min-height:280px;border-style:dashed;border-color:#ff1a3c4d;border-radius:.2rem;text-align:center;display:grid;place-items:center;gap:.28rem}.upload-zone:hover{border-color:var(--accent);box-shadow:0 0 30px #ff1a3c1f}.upload-zone small{color:var(--muted)}.image-controls-grid{display:grid;gap:.68rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.image-controls-grid label{display:grid;gap:.34rem;color:var(--muted);font-size:.88rem}.image-pan-controls,.image-actions{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:.72rem}.site-redirect{min-height:calc(100dvh - 280px);padding-block:.8rem;gap:.75rem;text-align:center;display:grid;place-items:center;position:relative;overflow:hidden}.site-redirect h1{margin:0;font-size:clamp(1.3rem,3.2vw,1.9rem);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 12px rgba(255,26,60,.6),0 0 40px rgba(255,26,60,.3)}.redirect-orb{width:clamp(84px,10vw,102px);aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:50%;border:2px solid var(--accent);background:radial-gradient(circle at 35% 30%,#ff1a3c33,#0000);box-shadow:0 0 0 10px #ff1a3c1a,0 0 42px #ff1a3c47,0 0 90px #ff1a3c1a,0 0 140px #00e5ff0f;animation:redirect-pulse 2.1s ease-in-out infinite}.redirect-sloth{font-size:clamp(1.35rem,3vw,1.9rem);filter:drop-shadow(0 0 8px rgba(255,26,60,.35));animation:sloth-spin 3.2s linear infinite}.site-redirect p{margin:0;max-width:28ch;color:var(--muted)}@keyframes redirect-pulse{0%,to{transform:scale(.9);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes sloth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:940px){.site-topbar{flex-direction:column;align-items:stretch}.site-topbar nav{justify-content:center}.stats-search{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}