:root{color:#f7f2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#03030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#03030a}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{border:0}#root{min-height:100vh}.app-shell{color:#f7f2ff;background:radial-gradient(circle at 50% -10%,#7877ff57,#0000 34%),radial-gradient(circle at 18% 20%,#ff7ad938,#0000 28%),linear-gradient(135deg,#03030a 0%,#090718 45%,#03030a 100%);width:100vw;min-height:100svh;position:relative;overflow:hidden}.app-shell:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 30%,#000,#0000 72%)}.app-shell.dragging .fullscreen-stage{filter:saturate(1.2)brightness(1.08);border-color:#72f7ffb3}.aurora{z-index:0;filter:blur(70px);opacity:.42;border-radius:999px;width:38vw;height:38vw;animation:12s ease-in-out infinite alternate drift;position:fixed}.aurora-one{background:#72f7ff;top:6%;left:-10%}.aurora-two{background:#ff7ad9;animation-delay:-4s;bottom:0;right:-8%}.full-window-layout{z-index:1;width:100vw;height:100svh;padding:18px;display:grid;position:relative}.stage{background:#03030a;border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000006b}.fullscreen-stage{border-radius:34px;width:100%;height:100%;transition:border-color .18s,filter .18s}.stage canvas{cursor:grab}.stage-overlay{pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.stage-overlay span,.server-strip span{color:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03030aa3;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.glass-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff24,#ffffff0b);border:1px solid #ffffff21;border-radius:30px;box-shadow:0 26px 80px #00000057,inset 0 1px #ffffff38}.command-panel{width:min(430px,100vw - 68px);padding:24px;position:absolute;top:34px;right:34px}.command-panel h1{color:#fff;letter-spacing:-.08em;text-wrap:balance;margin:16px 0;font-size:clamp(42px,5vw,72px);line-height:.86}.command-panel p,.inspector p{color:#f7f2ffb8;line-height:1.5}.eyebrow,.chip{color:#c7d2fe;letter-spacing:.12em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.drop-action,.zoom-controls button{color:#fff;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#72f7ff3d,#ff7ad933);border:1px solid #72f7ff8c;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;box-shadow:0 14px 40px #00000047}.drop-action{width:100%;margin:22px 0 14px}.drop-action:hover,.zoom-controls button:hover{background:#ffffff24;border-color:#ffffffb3;transform:translateY(-2px)}.drop-action input{display:none}.pipeline-status{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:1.35;display:flex}.pipeline-status.ok svg{color:#9eff6e;flex:none}.pipeline-status.error svg{color:#ff7ad9;flex:none}.server-strip,.zoom-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.zoom-controls button{background:#ffffff14;border-color:#ffffff24;flex:150px;min-height:44px}.space-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#070916b8;border:1px solid #ffffff24;border-radius:18px;width:178px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s;box-shadow:0 14px 40px #00000059}.space-card:hover,.space-card.active{background:#0e122ae0;border-color:#72f7ff8c;transform:scale(1.04)}.space-card span,.space-card strong,.space-card small{display:block}.space-card span{margin-bottom:5px}.space-card strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.space-card small{color:#ffffffa1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;display:-webkit-box;overflow:hidden}.floating-inspector{width:min(520px,100vw - 68px);padding:22px;position:absolute;bottom:34px;left:34px}.inspector-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.inspector-top strong{color:#72f7ff;letter-spacing:-.08em;font-size:36px}.inspector h2{color:#fff;letter-spacing:-.06em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:30px;line-height:1;overflow:hidden}.inspector p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 16px;display:-webkit-box;overflow:hidden}.format-row{flex-wrap:wrap;gap:8px;display:flex}.format-row span{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;max-width:210px;padding:7px 10px;font-size:12px;font-weight:700;overflow:hidden}.file-fingerprint{color:#ffffffbd;gap:4px;margin-top:14px;font-size:12px;display:grid}.file-fingerprint small{color:#ffffff7a}.drop-veil{z-index:10;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;pointer-events:none;background:#03030ab8;border:2px dashed #72f7ffc7;border-radius:34px;align-content:center;place-items:center;gap:12px;display:grid;position:fixed;inset:18px}.drop-veil svg{color:#72f7ff;filter:drop-shadow(0 0 20px #72f7ff80)}.drop-veil strong{letter-spacing:-.07em;font-size:clamp(30px,6vw,74px);line-height:.9}.drop-veil span{color:#ffffffb8;max-width:620px}.spin{animation:1s linear infinite spin}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,-5%)scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.full-window-layout{gap:14px;height:auto;min-height:100svh;padding:14px}.fullscreen-stage{border-radius:28px;height:62svh;min-height:460px}.command-panel,.floating-inspector{width:100%;position:relative;inset:auto}}@media (width<=640px){.stage-overlay{flex-direction:column;align-items:stretch}.command-panel h1{font-size:44px}.inspector h2{white-space:normal}}.the-guy-page{color:#f7f2ff;background:radial-gradient(circle at 20% 10%,#ff7ad93d,#0000 30%),radial-gradient(circle at 80% 20%,#72f7ff3d,#0000 34%),linear-gradient(135deg,#03030a 0%,#0d0920 48%,#03030a 100%);min-height:100svh;padding:34px;position:relative;overflow-x:hidden}.the-guy-page:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 74%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 74%)}.the-guy-hero,.the-guy-grid{z-index:1;width:min(1400px,100%);margin:0 auto;position:relative}.the-guy-hero{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:end;gap:24px;padding:40px 0 26px;display:grid}.the-guy-hero h1{letter-spacing:-.09em;text-wrap:balance;background:linear-gradient(120deg,#fff 10%,#c7d2fe 42%,#72f7ff 68%,#ff7ad9 96%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:940px;margin:18px 0;font-size:clamp(58px,9vw,138px);line-height:.82}.the-guy-hero p,.vote-card p{color:#f7f2ffbd;max-width:760px;font-size:20px;line-height:1.5}.verdict-card{gap:12px;padding:24px;display:grid}.verdict-card strong{color:#fff;letter-spacing:-.08em;font-size:clamp(42px,5vw,68px);line-height:.88}.verdict-card small{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.the-guy-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:22px;padding-bottom:36px;display:grid}.facts-card,.vote-card{padding:24px}.section-kicker{color:#72f7ff;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:900;display:inline-flex}.facts-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.facts-card li{color:#ffffffc7;background:radial-gradient(circle at 0 0,#72f7ff1f,#0000 38%),#ffffff0e;border:1px solid #ffffff1f;border-radius:20px;min-height:92px;padding:16px;line-height:1.4}.vote-options{gap:12px;margin:20px 0 14px;display:grid}.vote-options button{color:#fff;text-align:left;cursor:pointer;background:#fff1;border:1px solid #ffffff21;border-radius:22px;gap:8px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.vote-options button:hover,.vote-options button.selected{background:#ffffff1c;border-color:#72f7ffa6;transform:translateY(-2px)}.vote-options button:disabled{cursor:wait;opacity:.78}.vote-options button span,.vote-options button small,.vote-options button b{z-index:1;position:relative}.vote-options button span{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:900;display:inline-flex}.vote-options button small{color:#ffffffad;line-height:1.4}.vote-options button b{color:#72f7ff;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.vote-options button i{background:linear-gradient(90deg,#72f7ff38,#ff7ad933);min-width:2px;height:100%;transition:width .24s;position:absolute;inset:auto auto 0 0}@media (width<=1000px){.the-guy-page{padding:18px}.the-guy-hero,.the-guy-grid,.facts-card ul{grid-template-columns:1fr}}@media (width<=640px){.the-guy-hero h1{font-size:clamp(48px,18vw,78px)}.the-guy-hero p,.vote-card p{font-size:17px}}.the-guy-switch{z-index:2;color:#fff;background:radial-gradient(circle at 0 0,#72f7ff38,#0000 42%),linear-gradient(145deg,#ffffff29,#ffffff0e);gap:8px;width:min(320px,100vw - 68px);padding:18px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid;position:absolute;top:34px;left:34px}.the-guy-switch:hover{background:radial-gradient(circle at 0 0,#72f7ff47,#0000 46%),linear-gradient(145deg,#fff3,#ffffff14);border-color:#72f7ff9e;transform:translateY(-3px)}.the-guy-switch span{color:#72f7ff;letter-spacing:.14em;text-transform:uppercase;background:#03030a6b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.the-guy-switch strong{letter-spacing:-.08em;font-size:42px;line-height:.9}.the-guy-switch small{color:#ffffffad;font-weight:700}@media (width<=980px){.the-guy-switch{order:2;width:100%;position:relative;inset:auto}}.year-card{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#030612c2;border:1px solid #ffffff29;border-radius:20px;width:172px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;box-shadow:0 18px 52px #00000061}.year-card:hover,.year-card.active{background:#0e122aeb;border-color:#72f7ffb3;transform:scale(1.05)}.year-card strong,.year-card small{display:block}.year-card strong{letter-spacing:-.07em;font-size:28px;line-height:1}.year-card small{color:#ffffffa8;margin-top:6px;font-size:11px;line-height:1.25}.space-card.compact{opacity:.82;width:118px;padding:8px 10px}.space-card.compact strong{font-size:14px}.thumbnail-preview{background:radial-gradient(circle at 20% 12%,#72f7ff24,#0000 42%),#ffffff0e;border:1px solid #ffffff1f;border-radius:22px;place-items:center;height:176px;margin-bottom:16px;display:grid;overflow:hidden}.thumbnail-preview img{object-fit:cover;width:100%;height:100%}.open-file-link{color:#72f7ff;letter-spacing:.08em;text-transform:uppercase;background:#72f7ff14;border:1px solid #72f7ff52;border-radius:999px;width:fit-content;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.open-file-link:hover{border-color:#72f7ffb8}
