@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2")}:root{--accent:#a855f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}body{color:#f4f4f5;background:#050505;min-height:100vh;font-family:JetBrains Mono,ui-monospace,monospace;overflow-x:hidden}.view[hidden]{display:none!important}.ui-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.mute,.edit-toggle{color:#f4f4f5;place-items:center;font-size:18px;transition:color .2s,border-color .2s,box-shadow .2s;display:grid}.mute:hover,.edit-toggle:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 40%, transparent)}.tabs{z-index:15;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);opacity:0;pointer-events:none;background:#0a081080;border:1px solid #ffffff1a;border-radius:999px;gap:4px;padding:4px;transition:opacity .9s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.revealed .tabs{opacity:1;pointer-events:auto}.tabs a{color:#a1a1aa;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.8rem;text-decoration:none;transition:color .2s,background .2s}.tabs a:hover{color:#f4f4f5}.tabs a.active{color:#fff;background:color-mix(in srgb, var(--accent) 30%, transparent);text-shadow:0 0 8px var(--accent)}@media (width<=520px){.tabs .long{display:none}}.hall{text-align:center;max-width:960px;min-height:100vh;margin:0 auto;padding:96px 16px 48px;position:relative}.hall-title{text-shadow:0 0 8px var(--accent), 0 0 24px var(--accent);font-size:1.8rem}.hall-sub{color:#a1a1aa;margin:6px 0 32px;font-size:.85rem}.hall-empty{color:#71717a;grid-column:1/-1}.fame-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.friend{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);width:180px;color:inherit;font:inherit;background:linear-gradient(135deg,#14121e73,#0a081099);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:22px 14px 18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}a.friend,button.friend{cursor:pointer}.friend:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-4px)}.friend-avatar{border:2px solid var(--accent);width:72px;height:72px;box-shadow:0 0 16px color-mix(in srgb, var(--accent) 60%, transparent);object-fit:cover;background:linear-gradient(135deg, var(--accent), #111);border-radius:50%;place-items:center;margin-bottom:6px;font-size:1.8rem;font-weight:700;display:grid}.friend h3{font-size:1rem}.friend p{color:#d4d4d8;font-size:.8rem}.friend small{color:#a1a1aa;font-size:.75rem}.shame-grid{text-align:left;align-items:flex-start;gap:16px;display:flex}.shame-col{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.shame-grid>.hall-empty{flex:1}.shame-grid .hall-empty{text-align:center}.shame-item{cursor:zoom-in;background:#0a081099;border:1px solid #ffffff14;border-radius:14px;margin:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.shame-item:hover{box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);transform:scale(1.02)}.shame-item img,.shame-item video{width:100%;display:block}.shame-item figcaption{color:#d4d4d8;padding:10px 12px;font-size:.8rem}.lightbox{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox img,.lightbox video{border-radius:12px;max-width:100%;max-height:80vh}.lightbox p{text-align:center;max-width:600px}.enter{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.1em;cursor:pointer;background:#000000d9;place-items:center;font-size:1.1rem;transition:opacity .8s;display:grid;position:fixed;inset:0}.enter.gone{opacity:0;pointer-events:none}.bg-video,.bg-image,.stars{object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.bg-video,.bg-image{filter:brightness(.45)}.bg-image{background:50%/cover no-repeat}.bg-image[hidden]{display:none}.stage{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:16px;display:flex;position:relative}.card{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);text-shadow:0 1px 6px #0006;opacity:0;background:linear-gradient(120deg,#ffffff1a,#0000 40%),linear-gradient(135deg,#14121e59,#0a08108c);border:1px solid #ffffff14;border-radius:24px;width:min(420px,100%);padding:40px 28px 28px;transition:transform .15s ease-out;animation:3.2s ease-in-out infinite trace;position:relative;translate:0 20px;box-shadow:0 8px 32px #00000059}@property --trace{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes trace{0%{--trace:0deg}to{--trace:180deg}}@keyframes trace-fade{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}.card:before,.card:after{content:"";border-radius:inherit;--head:color-mix(in srgb, var(--accent) 60%, white);background:conic-gradient(transparent calc(var(--trace) - 45deg), var(--accent) calc(var(--trace) - 15deg), var(--head) var(--trace), transparent calc(var(--trace) + 12deg), transparent calc(360deg - var(--trace) - 12deg), var(--head) calc(360deg - var(--trace)), var(--accent) calc(360deg - var(--trace) + 15deg), transparent calc(360deg - var(--trace) + 45deg));pointer-events:none;animation:3.2s ease-in-out infinite trace-fade;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.card:after{padding:1px;inset:-1px}.card:before{filter:blur(4px);opacity:.6;border-radius:30px;padding:6px;inset:-6px}.revealed .card{opacity:1;transition:transform .15s ease-out,opacity .9s,translate .9s;translate:0}.bars{width:min(420px,100%);height:64px}.bars[hidden]{display:none}.player{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);opacity:0;background:linear-gradient(135deg,#14121e73,#0a081099);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;width:min(420px,100%);padding:10px 14px;transition:opacity .9s;display:flex}.revealed .player{opacity:1}.player[hidden]{display:none}.player-btn{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 25%, transparent);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;font-size:16px;transition:box-shadow .2s,background .2s;display:grid}.player-btn:hover{background:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 50%, transparent)}.player-btn.small{color:#d4d4d8;background:0 0;border:0;width:28px;height:28px}.player-btn.small:hover{color:var(--accent);box-shadow:none;background:0 0}.player-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.player-track{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.player-time{color:#a1a1aa;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.65rem;display:flex}.player-time input{flex:1;min-width:0}.player-volume{flex:none;align-items:center;gap:2px;display:flex}.player-volume input{width:64px}@media (width<=480px){.player-volume input{display:none}}.player input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--p,0%), #ffffff26 var(--p,0%));cursor:pointer;border-radius:2px;height:4px;margin:0}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-shadow:0 0 8px var(--accent);background:#fff;border-radius:50%}.player input[type=range]::-moz-range-thumb{width:12px;height:12px;box-shadow:0 0 8px var(--accent);background:#fff;border:0;border-radius:50%}.avatar{border:2px solid var(--accent);width:110px;height:110px;box-shadow:0 0 24px var(--accent);background:50%/cover no-repeat;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:2.6rem;font-weight:700;display:grid}.username{text-shadow:0 0 8px var(--accent), 0 0 24px var(--accent);font-size:2rem}.bio{color:#d4d4d8;min-height:1.5em;margin-top:10px}.caret{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.location{color:#a1a1aa;justify-content:center;align-items:center;gap:5px;margin-top:8px;font-size:.8rem;display:flex}.presence{text-align:left;background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:10px 12px;font-size:.8rem;display:flex}.presence[hidden]{display:none}.presence img{border-radius:8px;width:40px;height:40px}.presence .dot{border-radius:50%;flex:none;width:10px;height:10px}.presence small{color:#a1a1aa;display:block}.socials{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:24px;display:flex}.socials button{cursor:pointer;background:0 0;border:0;padding:0}.socials a,.socials button{color:#f4f4f5;transition:transform .2s,filter .2s}.socials a:hover,.socials button:hover{filter:drop-shadow(0 0 8px var(--accent));transform:translateY(-3px)scale(1.1)}.socials svg{fill:currentColor;width:26px;height:26px}.toast{z-index:30;border:1px solid var(--accent);box-shadow:0 0 20px color-mix(in srgb, var(--accent) 40%, transparent);opacity:0;pointer-events:none;background:#0f0f14d9;border-radius:10px;padding:10px 16px;font-size:.85rem;transition:opacity .25s,transform .25s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}.mute{z-index:16;color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:50%;width:40px;height:40px;font-size:1rem;position:fixed;top:16px;left:16px}.edit-toggle{z-index:21;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:50%;width:40px;height:40px;position:fixed;top:16px;right:16px}.editor{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0eeb;border-left:1px solid #ffffff1a;flex-direction:column;gap:14px;width:min(360px,100vw);padding:64px 20px 20px;font-size:.8rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.editor[hidden]{display:none}.editor h2{font-size:1.1rem}.editor label{color:#a1a1aa;flex-direction:column;gap:6px;display:flex}.editor small{color:#71717a}.editor input,.editor textarea,.editor select,.editor button{font:inherit;color:#f4f4f5;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px}.editor input:focus,.editor textarea:focus,.editor select:focus{border-color:var(--accent);outline:none}.editor input[type=color]{height:38px;padding:2px}.editor button{cursor:pointer}.editor [data-remove]{place-items:center;display:grid}.editor [data-remove]:hover{color:#f87171}.editor .media,.editor .social-row{gap:6px;display:flex}.editor .media input,.editor .social-row input{flex:1;min-width:0}.editor fieldset{border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.editor legend{color:#a1a1aa;padding:0 4px}#social-rows,.editor .rows{flex-direction:column;gap:8px;display:flex}.editor .item-row{border:1px solid #ffffff14;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.editor .item-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.editor .thumb{object-fit:cover;background:#ffffff0f;border-radius:6px;flex:none;width:48px;height:48px}.editor-actions{gap:8px;display:flex}.editor-actions button{flex:1}.editor-actions [type=submit]{background:var(--accent);border-color:var(--accent)}.editor-status{color:#a1a1aa;min-height:1em}@media (prefers-reduced-motion:reduce){.card,.card:before,.card:after{animation:none;transition:none!important}}html,body{cursor:url(/cursors/normal.png) 1 3,auto}a,button,label,select,summary,[data-copy],input[type=range],input[type=color],.enter,.shame-item,.lightbox{cursor:url(/cursors/link.png) 15 0,pointer!important}.cursor-ghosts{z-index:9999;pointer-events:none;position:fixed;inset:0}.fx{--ink:#f4f4f5;--ink-2:var(--accent);--ink-3:var(--accent);font-weight:600}.fx-decoder{letter-spacing:.08em;color:var(--ink-3)}.fx-decoder:after{animation-duration:4s;animation-timing-function:step-end;animation-iteration-count:infinite}.fx-jitter{letter-spacing:.06em;color:var(--ink-3);animation:1.9s step-end infinite fx-jitter;display:inline-block}@keyframes fx-jitter{0%,7%,15%,55%,to{opacity:1;transform:none}8%{transform:skew(-14deg)translate(-4px)}10%{transform:skew(10deg)translate(3px)}12%{opacity:.6;transform:translateY(-3px)}46%{transform:skew(8deg)}48%{opacity:.75;transform:skew(-6deg)translateY(2px)}50%{transform:translate(2px)}}.fx-spectrum{letter-spacing:.08em}.fx-spectrum b{font-weight:inherit;color:#ff2d78;filter:hue-rotate(calc(var(--i) * 42deg));animation:2.4s linear infinite fx-spectrum;animation-delay:calc(var(--i) * -.1s);display:inline-block}@keyframes fx-spectrum{to{filter:hue-rotate(calc(var(--i) * 42deg + 360deg))}}.fx-crt{letter-spacing:.1em;color:var(--ink-3);text-shadow:0 0 7px color-mix(in srgb, var(--ink-3) 80%, transparent);background:color-mix(in srgb, var(--ink-3) 14%, transparent);border-radius:4px;padding:0 .35em;line-height:1.2;animation:3.4s step-end infinite fx-crt-flicker;display:inline-block;position:relative}.fx-crt:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000061 2px 4px);animation:6s linear infinite fx-crt-roll;position:absolute;inset:0}@keyframes fx-crt-flicker{0%,6%,to{opacity:1}3%{opacity:.82}4.5%{opacity:.95;transform:translateY(1px)}70%{opacity:.9}71%{opacity:1;transform:none}}@keyframes fx-crt-roll{to{background-position:0 48px}}@media (prefers-reduced-motion:reduce){.fx,.fx *,.fx:after{animation:none!important}.fx-decoder{color:inherit}}.editor .effect-row select{flex:0 45%;min-width:0}.editor .fx-picker{color:#a1a1aa;flex-direction:column;gap:6px;margin-top:-6px;font-size:.75rem;display:flex}.editor .fx-buttons{flex-wrap:wrap;gap:6px;display:flex}.editor .fx-buttons button:disabled{opacity:.4;cursor:default!important}.fx-typing{white-space:pre;vertical-align:bottom;display:inline-block;overflow:hidden}