:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090d;--surface:#ffffff08;--surface-2:#ffffff0f;--surface-3:#ffffff1a;--inset:#0000004d;--border:#ffffff14;--border-strong:#ffffff29;--text:#ededf2;--muted:#9898a6;--faint:#6c6c7a;--accent:#7c6cf6;--accent-strong:#a39aff;--accent-soft:#7c6cf621;--accent-border:#7c6cf661;--ring:0 0 0 3px #7c6cf64d;--success:#46c98e;--danger:#f47067;--radius-sm:8px;--radius:12px;--radius-lg:16px;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 480px at 50% -8%,#7c6cf624,#0000 65%),radial-gradient(700px 420px at 88% -4%,#5eb1ef12,#0000 60%);position:fixed;inset:0}::selection{background:#7c6cf666}html{scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff21 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff3d}h1,h2{letter-spacing:-.03em;margin:0}h2{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}a{color:var(--accent-strong)}a:focus-visible{box-shadow:var(--ring);border-radius:4px;outline:none}.muted{color:var(--muted);margin:0}.error{color:var(--danger);border-radius:var(--radius-sm);background:#f4706714;border:1px solid #f470674d;margin:0;padding:9px 13px;font-size:13.5px}.code{font-family:var(--mono);letter-spacing:.03em;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:3px 10px 4px;font-size:.75em;font-weight:500}.topnav{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#09090db3;justify-content:space-between;align-items:center;padding:13px 24px;display:flex;position:sticky;top:0}.topnav a{text-decoration:none}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:9px;font-size:15.5px;font-weight:600;display:inline-flex}.brand:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent), 0 0 22px #7c6cf680;border-radius:50%}.nav-pill{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:5px 13px;font-size:13.5px;transition:color .15s,border-color .15s,background .15s}.nav-pill:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.page{flex-direction:column;gap:14px;max-width:720px;margin:56px auto;padding:0 20px;animation:.35s both fade-up;display:flex}.page.wide{max-width:960px}.page.auth{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:400px;margin-top:10vh;padding:32px 28px;box-shadow:0 24px 64px -24px #000000a6}.page.auth h2{justify-content:center}.page.auth>.muted{text-align:center}.page>.muted:only-child{text-align:center;margin-top:48px;animation:1.5s ease-in-out infinite pulse}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.hero h1{letter-spacing:-.045em;background:linear-gradient(160deg, #f3f1ff 20%, #b9b1f7 55%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,7vw,48px);font-weight:700}.tagline{color:var(--muted);max-width:46ch;margin:0;font-size:15.5px}.link-preview{font-family:var(--mono);color:var(--accent-strong);word-break:break-all;margin:-6px 0 0;font-size:13px}.room-meta{flex-direction:column;gap:4px;margin:-6px 0 4px;display:flex}.share-link{font-family:var(--mono);color:var(--accent-strong);word-break:break-all;margin:0;font-size:13.5px}.room-meta .muted{font-size:13px}textarea,input[type=text],input[type=password],input:not([type]){background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;padding:11px 13px;transition:border-color .15s,box-shadow .15s}textarea:hover,input[type=text]:hover,input[type=password]:hover,input:not([type]):hover{border-color:var(--border-strong)}textarea:focus,input[type=text]:focus,input[type=password]:focus,input:not([type]):focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}::placeholder{color:var(--faint)}textarea{resize:vertical;font-family:var(--mono);font-size:13.5px;line-height:1.6}input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);background:var(--inset);cursor:pointer;border-radius:5px;flex-shrink:0;width:17px;height:17px;margin:0;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}input[type=checkbox]:hover{border-color:var(--accent-border)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}input[type=checkbox]:focus-visible{box-shadow:var(--ring);outline:none}input[type=file]{width:100%;min-width:0;color:var(--muted);font-size:13.5px}input[type=file]::file-selector-button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:7px;margin-right:12px;padding:5px 12px;font-size:13px;transition:background .15s,border-color .15s}input[type=file]::file-selector-button:hover{background:var(--surface-3);border-color:var(--border-strong)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--muted);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:30px 20px;transition:border-color .15s,background .15s,color .15s;display:flex}.dropzone:hover{border-color:var(--accent-border);background:#7c6cf60f}.dropzone:hover .dz-title{color:var(--text)}.dz-icon{color:var(--accent-strong);margin-bottom:3px}.dz-title{color:var(--text);font-size:14.5px;font-weight:500;transition:color .15s}.dz-hint{color:var(--faint);font-size:13px}.dropzone.has-file{border-style:solid;border-color:var(--accent-border);color:var(--text);background:#7c6cf614;flex-direction:row;justify-content:center;gap:9px;padding:17px 20px}.dropzone.has-file .dz-icon{color:var(--accent-strong);margin:0}.dz-name{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:13.5px;overflow:hidden}.dropzone.has-file .muted{font-family:var(--mono);font-size:12.5px}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:active{transform:none}.btn svg{flex-shrink:0}.btn.primary{background:linear-gradient(180deg, #8d7dff 0%, var(--accent) 100%);color:#fff;border-color:#0000;font-weight:600;box-shadow:inset 0 1px #ffffff2e,0 8px 24px -8px #7c6cf68c}.btn.primary:hover{background:linear-gradient(#9a8bff 0%,#8577f7 100%);border-color:#0000}.btn.small{border-radius:7px;gap:5px;padding:4px 10px;font-size:12.5px}.btn.danger{color:var(--danger);background:0 0;border-color:#f4706759}.btn.danger:hover{background:#f470671a;border-color:#f4706799}.btn.copied{color:var(--success);background:#46c98e1a;border-color:#46c98e73;animation:.22s pop}.home>.btn.primary{width:100%;margin-top:4px;padding:12px 16px;font-size:15px}.row{align-items:center;gap:10px;display:flex}.row.spread{flex-wrap:wrap;justify-content:space-between}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:13px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.composer:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.composer textarea{background:0 0;border:none;padding:2px}.composer textarea:focus{box-shadow:none}.composer .row{flex-wrap:wrap}.composer input[type=file]{flex:1;min-width:200px}.item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:border-color .15s;animation:.3s both fade-up}.item:hover{border-color:var(--border-strong)}.item-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.item-bar .muted{font-family:var(--mono);color:var(--faint);font-size:11.5px}.item pre{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;font-family:var(--mono);max-height:340px;margin:0;padding:11px 13px;font-size:13px;line-height:1.6;overflow:auto}.item.file{align-items:center;gap:10px;padding:13px 14px;display:flex}.item.file a{min-width:0;color:var(--text);align-items:center;gap:9px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.item.file a:hover{color:var(--accent-strong)}.item.file a svg{color:var(--muted);flex-shrink:0}.item.file a:hover svg{color:var(--accent-strong)}.fname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item.file .muted{font-family:var(--mono);flex-shrink:0;margin-left:auto;font-size:12.5px}.empty{text-align:center;border:1.5px dashed var(--border);border-radius:var(--radius);color:var(--muted);flex-direction:column;align-items:center;gap:9px;padding:44px 20px;display:flex}.empty-icon{color:var(--accent-strong);opacity:.75;display:flex}.empty p{margin:0;font-size:14px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px}th{color:var(--faint);text-transform:uppercase;letter-spacing:.07em;background:#ffffff05;font-size:11.5px;font-weight:600}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff08}tbody tr:last-child td{border-bottom:none}td:nth-child(3),td:nth-child(4),td:nth-child(5){color:var(--muted);font-family:var(--mono);font-size:12.5px}td a{color:var(--accent-strong);font-family:var(--mono);font-size:13px;text-decoration:none}td a:hover{text-underline-offset:3px;text-decoration:underline}.empty-cell{text-align:center;color:var(--muted);padding:28px 14px}@keyframes fade-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=640px){.page{margin:34px auto}.page.auth{margin-top:7vh;padding:26px 20px}.topnav{padding:12px 16px}table{min-width:460px;font-size:12px}th:nth-child(4),td:nth-child(4){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
