body{margin:0;background:#04050d;color:#f0f2ff;font-family:Figtree,Segoe UI,sans-serif}.note{padding:28px;color:#a3acd6;font-size:16px}.note a{color:#6a82ff}.bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #8c9eff2e;font-size:14px}.bar b{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:16px}.bar .dim{color:#6770a0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar .back{color:#a3acd6;text-decoration:none}.bar .back:hover{color:#f0f2ff}.bar button{background:#6a82ff22;color:#f0f2ff;border:1px solid #6a82ff88;border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer}.bar button:hover{background:#6a82ff44}@media(max-width:700px){.bar .dim{display:none}.bar b{flex:1}}.bar .tabs{display:flex;gap:4px}.bar .tabs button{background:transparent;border-color:transparent;color:#a3acd6}.bar .tabs button.on{background:#6a82ff33;border-color:#6a82ff88;color:#f0f2ff}@media(max-width:1150px){.bar .dim{display:none}.bar .tabs{flex:1}}.frame{display:flex;flex-direction:column;height:100%}.strip{margin:0;padding:9px 16px;font-size:14px;background:#ffc94d1f;color:#f0f2ff;border-bottom:1px solid #ffc94d55}.strip a{color:#ffc94d}@media(max-width:700px){.bar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px 10px}.bar .tabs{flex-basis:100%;order:5}.strip{font-size:13px}}.bar .ghost{background:transparent;border-color:#8c9eff40;color:#a3acd6}.bar button:disabled{opacity:.6;cursor:default}