.ct-shell{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + 24px);background:radial-gradient(1200px 500px at 80% -10%,rgba(124,108,255,.12),transparent 60%),var(--bg)}.ct-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px clamp(14px,4vw,32px);background:#0b0b12d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.ct-brand{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:16px;white-space:nowrap}.ct-brand .ct-brand-sub{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ct-nav{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ct-nav::-webkit-scrollbar{display:none}.ct-nav a{padding:7px 12px;border-radius:9px;font-weight:700;font-size:14px;color:var(--dim);white-space:nowrap}.ct-nav a:hover{color:var(--text)}.ct-nav a.ct-active{color:var(--text);background:#7c6cff29}.ct-whoami{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;white-space:nowrap}.ct-whoami .ct-dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}.ct-whoami.ct-in .ct-dot{background:#4ade80}.ct-whoami .ct-email{max-width:40vw;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.ct-topbar{flex-wrap:wrap;row-gap:10px;gap:12px}.ct-brand{order:1}.ct-whoami{order:2;margin-left:auto}.ct-nav{order:3;flex-basis:100%}.ct-whoami .ct-email{max-width:55vw}}.ct-badge-admin{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--accent-2);border:1px solid rgba(34,211,238,.4);border-radius:6px;padding:1px 5px}.ct-page{max-width:960px;margin:0 auto;padding:22px clamp(14px,4vw,32px)}.ct-page.ct-wide{max-width:1080px}.ct-h1{font-size:clamp(22px,5vw,30px);font-weight:800;margin:0;letter-spacing:-.01em}.ct-sub{color:var(--dim);font-size:14px;margin:6px 0 0}.ct-section-h{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:30px 0 12px}.ct-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.ct-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.ct-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ct-chip.ct-live{color:#4ade80;border-color:#4ade8059}.ct-chip.ct-draft{color:var(--accent-2);border-color:#22d3ee59}.ct-chip.ct-removed{color:var(--danger);border-color:#ff6b8159}.ct-chip.ct-pending{color:#fbbf24;border-color:#fbbf2466}.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;border-radius:11px;padding:10px 16px;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:transform .06s ease,background .15s ease,opacity .15s}.ct-btn:hover{background:#1d1d2a}.ct-btn:active{transform:translateY(1px)}.ct-btn:disabled{opacity:.5;cursor:default}.ct-btn.ct-primary{background:var(--accent);border-color:transparent;color:#fff}.ct-btn.ct-primary:hover{background:#8b7cff}.ct-btn.ct-danger{color:var(--danger);border-color:#ff6b8166}.ct-btn.ct-danger:hover{background:#ff6b811f}.ct-btn.ct-sm{padding:7px 12px;font-size:13px;border-radius:9px}.ct-toggle{display:inline-flex;padding:3px;gap:3px;border-radius:11px;border:1px solid var(--line);background:var(--panel)}.ct-toggle button{padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--dim)}.ct-toggle button.ct-on{background:var(--accent);color:#fff}.ct-input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 13px;font-size:15px}.ct-input:focus{outline:none;border-color:var(--accent)}.ct-dim{color:var(--dim)}.ct-muted{color:var(--dim);font-size:13px}.ct-empty{text-align:center;color:var(--dim);padding:40px 20px;border:1px dashed var(--line);border-radius:14px}.ct-err{color:var(--danger);font-size:13px;margin:8px 0 0}.ct-spin{color:var(--dim);animation:ct-pulse 1.2s ease-in-out infinite}@keyframes ct-pulse{50%{opacity:.4}}.ct-mono{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace}.ct-code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:2px 7px;font-size:13px}