:root{--ot-bg:#080d13;--ot-panel:#0f1720;--ot-panel-2:#142030;--ot-line:#1f2f42;--ot-line-2:#2a3f57;--ot-text:#d9e4ee;--ot-muted:#7f93a8;--ot-accent:#3fd0c9;--ot-accent-2:#1f8f8a;--ot-amber:#f0a94a;--ot-red:#ef6461;--ot-green:#5fd38d;--ot-radius:10px;--ot-font:Inter, system-ui, sans-serif;--ot-font-display:Rajdhani, "Segoe UI", sans-serif;--ot-font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--ot-bg);color:var(--ot-text);font:14px/1.45 var(--ot-font);margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #10283a 0, transparent 60%), var(--ot-bg);min-height:100vh}a{color:var(--ot-accent)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--ot-font-display);letter-spacing:.05em;margin:0}.ot-header{border-bottom:1px solid var(--ot-line);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d13d9;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.ot-brand{font-family:var(--ot-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-text);font-size:20px;font-weight:700;text-decoration:none}.ot-brand span{color:var(--ot-accent)}.ot-grow{flex:1}.ot-main{max-width:1100px;margin:0 auto;padding:16px}.ot-footer{max-width:1100px;color:var(--ot-muted);margin:30px auto 20px;padding:0 16px;font-size:11px}.ot-btn{border:1px solid var(--ot-line-2);background:var(--ot-panel-2);cursor:pointer;color:var(--ot-text);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.ot-btn:hover{border-color:var(--ot-accent-2)}.ot-btn.primary{background:var(--ot-accent-2);border-color:var(--ot-accent);color:#fff}.ot-btn.discord{color:#fff;background:#5865f2;border-color:#7983f5}.ot-btn.danger{color:#ffb3b1;background:#2a1414;border-color:#6a2b2a}.ot-input,.ot-select{border:1px solid var(--ot-line-2);background:#0a1118;border-radius:8px;outline:none;padding:8px 10px}.ot-input:focus,.ot-select:focus{border-color:var(--ot-accent)}.ot-panel{background:linear-gradient(180deg, var(--ot-panel-2), var(--ot-panel));border:1px solid var(--ot-line);border-radius:var(--ot-radius);padding:14px}.ot-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.ot-muted{color:var(--ot-muted)}.ot-tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ot-line-2);color:var(--ot-muted);border-radius:4px;padding:2px 6px;font-size:10px;display:inline-block}.ot-avatar{border:1px solid var(--ot-line-2);border-radius:50%;width:28px;height:28px}.ot-note{color:#f3d29b;background:#2a2112;border:1px solid #5a4420;border-radius:8px;padding:10px 12px;font-size:13px}.ot-menu{position:relative}.ot-menu>summary{cursor:pointer;list-style:none}.ot-menu>summary::-webkit-details-marker{display:none}.ot-menu-list{background:var(--ot-panel);border:1px solid var(--ot-line-2);z-index:20;border-radius:10px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000080}.ot-menu-list a{color:var(--ot-text);border-radius:6px;padding:8px 10px;text-decoration:none;display:block}.ot-menu-list a:hover,.ot-menu-list a.current{background:var(--ot-panel-2);color:var(--ot-accent)}.ot-menu-list small{color:var(--ot-muted);font-size:11px;display:block}