:root{--cb-bg: #07070a;--cb-p: #0e0e13;--cb-ph: #161620;--cb-bd: #252530;--cb-g: #c9a84c;--cb-gb: #e8cc5c;--cb-gbr: #8b7536;--cb-t: #d4d0c8;--cb-td: #7a7670;--cb-tb: #f0ece4;--cb-r: #c44040;--cb-gr: #4caf50}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 10px;background:linear-gradient(180deg,#0a0a0e,var(--cb-p));border-bottom:1px solid var(--cb-bd);font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;min-height:28px;flex:0 0 auto}.topbar .tb-spacer{flex:1 1 auto;min-width:4px}.topbar .tb-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:transparent;border:1px solid transparent;color:var(--cb-t);font:inherit;cursor:pointer;border-radius:2px;transition:all .15s;white-space:nowrap}.topbar .tb-btn:hover:not(:disabled){border-color:var(--cb-gbr);background:#c9a84c14;color:var(--cb-gb)}.topbar .tb-btn:disabled{opacity:.4;cursor:default}.topbar .tb-btn.tb-cta{border-color:var(--cb-gbr);background:linear-gradient(180deg,#2a2418,#1a1810);color:var(--cb-g)}.topbar .tb-btn.tb-cta:hover{background:linear-gradient(180deg,#3a3020,#2a2418);border-color:var(--cb-g)}.topbar .tb-credits{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:0;text-transform:none;color:var(--cb-td);padding:0 6px;border-left:1px solid var(--cb-bd);border-right:1px solid var(--cb-bd)}.topbar .tb-credits b{color:var(--cb-gb);font-weight:600}.topbar .tb-credits .tb-byok{color:var(--cb-gr);font-weight:600}.topbar .tb-email{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:0;text-transform:none;color:var(--cb-td);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .tb-admin{color:var(--cb-r);font-weight:700;padding:1px 5px;border:1px solid var(--cb-r);border-radius:2px;font-size:8px}.topbar .tb-badge{font-family:JetBrains Mono,monospace;text-transform:none;letter-spacing:0;font-size:9px;padding:1px 6px;border-radius:2px;background:transparent;border:1px solid var(--cb-bd);color:var(--cb-t);cursor:pointer}.topbar .tb-badge-warn{border-color:#d4a020;color:#d4a020}.topbar .tb-badge-warn:hover{background:#d4a0201f}@media (max-width: 640px){.topbar .tb-btn-label,.topbar .tb-credits-detail{display:none}.topbar .tb-email{max-width:120px}.topbar{font-size:9px;padding:4px 6px;gap:4px}}@media (max-width: 500px){.topbar{font-size:8px;padding:2px 6px;gap:4px;min-height:20px;letter-spacing:.5px}.topbar .tb-email{max-width:90px;font-size:8px}.topbar .tb-credits{font-size:8px;padding:0 4px;border-left:none;border-right:none}.topbar .tb-btn{padding:2px 6px}.topbar .tb-btn-icon{display:none}.topbar .tb-admin{font-size:7px;padding:0 3px}.topbar .tb-badge{font-size:8px;padding:0 4px}}.cookies-banner{position:fixed;left:12px;right:12px;bottom:64px;z-index:200;background:var(--cb-p);border:1px solid var(--cb-gbr);border-radius:4px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-family:Crimson Text,serif;font-size:12px;color:var(--cb-t);box-shadow:0 4px 20px #0009}.cookies-banner .cb-text{flex:1;line-height:1.45}.cookies-banner .cb-text strong{display:block;font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--cb-g);margin-bottom:2px}@media (max-width: 640px){.cookies-banner{flex-direction:column;align-items:stretch;bottom:76px}}.auth-form label{display:block;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--cb-g);margin-bottom:3px;margin-top:8px}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;background:var(--cb-bg);border:1px solid var(--cb-bd);color:var(--cb-tb);padding:8px 10px;font-family:Crimson Text,serif;font-size:13px;border-radius:3px;outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--cb-g);box-shadow:0 0 6px #c9a84c2e}.auth-form .auth-error{margin-top:8px;padding:6px 8px;background:#c440401a;border:1px solid var(--cb-r);color:var(--cb-r);font-family:JetBrains Mono,monospace;font-size:10px;border-radius:2px;word-break:break-word}.auth-form .auth-success{margin-top:8px;padding:6px 8px;background:#4caf5014;border:1px solid var(--cb-gr);color:var(--cb-gr);font-family:JetBrains Mono,monospace;font-size:10px;border-radius:2px}.auth-tabs{display:flex;border-bottom:1px solid var(--cb-bd);margin-bottom:10px}.auth-tabs .auth-tab{flex:1;padding:8px 10px;text-align:center;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cb-td);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.auth-tabs .auth-tab.act{color:var(--cb-g);border-bottom-color:var(--cb-g)}.auth-oauth{display:flex;gap:6px;margin:10px 0}.auth-oauth .auth-oauth-btn{flex:1;padding:8px;background:var(--cb-bg);border:1px solid var(--cb-bd);color:var(--cb-t);font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.auth-oauth .auth-oauth-btn:hover:not(:disabled){border-color:var(--cb-g);background:#c9a84c0f}.auth-oauth .auth-oauth-btn:disabled{opacity:.45;cursor:default}.auth-divider{text-align:center;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--cb-td);margin:8px 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--cb-bd)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-link{background:none;border:none;color:var(--cb-g);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.auth-link:hover{color:var(--cb-gb)}.tut-step{display:flex;gap:10px;padding:8px;background:var(--cb-bg);border:1px solid var(--cb-bd);border-left:3px solid var(--cb-g);border-radius:2px;margin-bottom:6px}.tut-step .tut-n{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:var(--cb-g);min-width:22px}.tut-step .tut-body{font-family:Crimson Text,serif;font-size:12px;color:var(--cb-t);line-height:1.45;flex:1}.tut-step .tut-body code{background:var(--cb-p);border:1px solid var(--cb-bd);padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:11px;border-radius:2px;color:var(--cb-gb)}.tut-step .tut-body a{color:var(--cb-g)}
