: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}.cm-tabs{scrollbar-width:none;gap:4px;padding:0 0 10px;display:flex;overflow-x:auto}.cm-tabs button{border:1px solid var(--ot-line);background:var(--ot-panel);cursor:pointer;font-family:var(--ot-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-muted);border-radius:8px;flex:none;padding:8px 14px;font-weight:600}.cm-tabs button[aria-selected=true]{color:var(--ot-accent);border-color:var(--ot-accent-2);background:var(--ot-panel-2)}.cm-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cm-grow{flex:1}.cm-hint{color:var(--ot-muted);font-size:12px}.cm-status{color:var(--ot-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.cm-dot{background:var(--ot-amber);border-radius:50%;width:8px;height:8px}.cm-dot.cloud{background:var(--ot-green);box-shadow:0 0 8px var(--ot-green)}.cm-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px;display:grid}.cm-card{background:linear-gradient(180deg, var(--ot-panel-2), var(--ot-panel));border:1px solid var(--ot-line);border-radius:var(--ot-radius);cursor:pointer;text-align:left;color:inherit;width:100%;padding:12px}.cm-card:hover{border-color:var(--ot-accent-2)}.cm-card h3{font-size:18px}.cm-bar{border:1px solid var(--ot-line);background:#0a1118;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.cm-bar i{background:linear-gradient(90deg, var(--ot-accent-2), var(--ot-accent));height:100%;display:block}.cm-empty{color:var(--ot-muted);text-align:center;border:1px dashed var(--ot-line-2);border-radius:var(--ot-radius);margin-top:12px;padding:30px 10px}.cm-sec{margin-top:16px}.cm-sec>h2{text-transform:uppercase;color:var(--ot-muted);margin-bottom:6px;font-size:15px}.cm-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.cm-item{background:var(--ot-panel);border:1px solid var(--ot-line);cursor:pointer;color:inherit;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.cm-item:hover{border-color:var(--ot-accent-2)}.cm-swatch{border-radius:3px;flex:none;width:12px;height:30px}.cm-item .main{flex:1;min-width:0}.cm-item .t{font-weight:600}.cm-item .s{color:var(--ot-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cm-item .n{font-family:var(--ot-font-mono);text-align:right;white-space:nowrap;font-weight:600}.cm-item .n small{color:var(--ot-muted);font-size:11px;font-weight:400;display:block}.cm-stats{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cm-stat{background:var(--ot-panel);border:1px solid var(--ot-line);border-radius:8px;padding:6px 10px}.cm-stat b{font-family:var(--ot-font-mono);font-size:16px;display:block}.cm-stat span{color:var(--ot-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.cm-chips{flex-wrap:wrap;gap:4px;display:flex}.cm-chip{border:1px solid var(--ot-line-2);background:var(--ot-panel);cursor:pointer;font-size:12px;font-family:var(--ot-font-mono);color:var(--ot-text);border-radius:6px;padding:5px 9px}.cm-chip[aria-pressed=true]{border-color:var(--ot-accent);color:var(--ot-accent);background:#0d2a2c}.cm-chip:disabled{opacity:.35;cursor:not-allowed}.cm-tool{background:var(--ot-panel);border:1px solid var(--ot-line);border-radius:var(--ot-radius);flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.cm-tool label.k{color:var(--ot-muted);text-transform:uppercase;letter-spacing:.06em;min-width:52px;font-size:11px}.cm-gridwrap{border:1px solid var(--ot-line);border-radius:var(--ot-radius);background:#060a0f;margin-top:10px;padding:10px;overflow:auto}.cm-front{color:var(--ot-muted);text-align:center;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.cm-grid{background:var(--ot-line);border:1px solid var(--ot-line-2);touch-action:none;-webkit-user-select:none;user-select:none;gap:1px;width:max-content;margin:0 auto;display:grid;position:relative}.cm-grid .c{cursor:crosshair;background:#0b141d}.cm-grid .c.x{cursor:not-allowed;background:repeating-linear-gradient(135deg,#03060a 0 4px,#070c12 4px 8px)}.cm-grid .c.sup{background:#102231}.cm-grid .c.on{background:#1f8f8a;box-shadow:inset 0 0 0 1px #3fd0c9}.cm-grid .c.below{background:#0f2230}.cm-box{font-family:var(--ot-font-mono);color:#fff;text-shadow:0 1px 2px #000;cursor:pointer;border:1px solid #ffffff59;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:600;display:flex;position:absolute;overflow:hidden}.cm-box.cont{opacity:.55}.cm-box.sel{outline:2px solid var(--ot-amber);outline-offset:1px;z-index:2}.cm-ghost{border:2px dashed var(--ot-accent);pointer-events:none;border-radius:3px;position:absolute}.cm-ghost.bad{border-color:var(--ot-red)}.cm-legend{color:var(--ot-muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;display:flex}.cm-legend span{align-items:center;gap:5px;display:inline-flex}.cm-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.cm-3d{border:1px solid var(--ot-line);border-radius:var(--ot-radius);background:radial-gradient(circle at 50% 30%,#0e1c2a,#05090d);min-height:240px;margin-top:10px;position:relative;overflow:hidden}.cm-3d canvas{cursor:grab;touch-action:none;width:100%;display:block}.cm-3d .vh{color:var(--ot-muted);pointer-events:none;font-size:10px;position:absolute;bottom:6px;left:8px}.cm-3d .vb{position:absolute;top:6px;right:6px}.cm-modal{z-index:50;background:#02060ab8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cm-sheet{background:var(--ot-panel);border:1px solid var(--ot-line-2);border-radius:14px 14px 0 0;width:100%;max-width:640px;max-height:92vh;overflow:auto}@media (width>=700px){.cm-modal{align-items:center}.cm-sheet{border-radius:14px}}.cm-sheet header{border-bottom:1px solid var(--ot-line);background:var(--ot-panel);z-index:1;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.cm-sheet header h3{flex:1;font-size:19px}.cm-x{cursor:pointer;color:var(--ot-muted);background:0 0;border:0;font-size:18px}.cm-body{flex-direction:column;gap:10px;padding:14px;display:flex}.cm-field{flex-direction:column;gap:4px;display:flex}.cm-field>span{color:var(--ot-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.cm-field input,.cm-field select,.cm-field textarea{width:100%}.cm-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cm-four{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cm-four input{width:100%}.cm-gridrow{grid-template-columns:1.6fr .7fr .7fr .7fr .8fr auto;align-items:center;gap:5px;display:grid}.cm-gridrow input{width:100%;padding:7px 6px}.cm-toast{background:var(--ot-panel-2);border:1px solid var(--ot-accent-2);z-index:60;border-radius:8px;max-width:90vw;padding:10px 14px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cm-route{font-family:var(--ot-font-mono);font-size:12px}.cm-route b{color:var(--ot-amber)}.cm-plan{border:1px solid var(--ot-line);touch-action:none;background:#060a0f;border-radius:8px;margin:0 auto;display:block}.cm-plan rect.g{fill:#3fd0c914;stroke:#35506b}.cm-plan rect.g.cur{fill:#f0a94a2e;stroke:var(--ot-amber);cursor:move}.cm-plan text{fill:var(--ot-muted);font-size:10px;font-family:var(--ot-font-mono);pointer-events:none}.cm-warn{color:var(--ot-amber);font-size:12px}