:root{--bg-deep-space: #05061A;--bg-panel: #0A0B2E;--bg-panel-edge: #151844;--bg-input: #0E1138;--text-primary: #E8ECFF;--text-secondary: #8890C4;--text-muted: #4A4E7A;--accent-cyan: #38E8FF;--accent-electric-blue: #4D7CFF;--accent-neon-magenta: #FF3DB8;--accent-violet: #9B5CFF;--accent-gold: #F5C842;--accent-jaunty-green: #8FE388;--status-draft: #F5C842;--status-published: #8FE388;--status-archived: #4A4E7A;--border-subtle: rgba(232, 236, 255, .08);--border-strong: rgba(232, 236, 255, .18);--shadow-glow-cyan: 0 0 24px rgba(56, 232, 255, .25);--shadow-glow-magenta: 0 0 24px rgba(255, 61, 184, .25);--radius-pill: 100px;--radius-card: 12px;--radius-input: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{color-scheme:dark}body{font-family:Outfit,system-ui,sans-serif;color:var(--text-primary);background:radial-gradient(ellipse 60% 50% at 30% 20%,rgba(155,92,255,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(56,232,255,.05),transparent 60%),linear-gradient(170deg,var(--bg-deep-space) 0%,var(--bg-panel) 55%,var(--bg-panel-edge) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;letter-spacing:.005em;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-electric-blue);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s ease}a:hover{border-bottom-color:var(--accent-electric-blue)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:1px solid var(--border-strong);background:#38e8ff0a;color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-input);transition:background .18s ease,border-color .18s ease}button:hover:not(:disabled){background:#38e8ff1a;border-color:var(--accent-cyan)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent-electric-blue),var(--accent-violet));border-color:transparent;color:#fff;font-weight:600}button.primary:hover:not(:disabled){box-shadow:0 0 32px #4d7cff66}button.danger{border-color:#ff3db866;color:var(--accent-neon-magenta)}button.danger:hover:not(:disabled){background:#ff3db814;border-color:var(--accent-neon-magenta)}input[type=text],input[type=email],textarea{font-family:inherit;font-size:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-input);padding:10px 14px;width:100%}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38e8ff26}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__header{display:flex;align-items:center;gap:24px;padding:18px 28px;background:#0a0b2eb3;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(10px)}.app-shell__brand{display:inline-flex;align-items:baseline;gap:4px}.app-shell__brand .brand__mark{font-family:Outfit,sans-serif;font-weight:700;font-size:22px;color:var(--accent-gold);letter-spacing:-.03em}.app-shell__brand .brand__semi{font-family:Outfit,sans-serif;font-weight:700;font-size:22px;color:var(--accent-neon-magenta)}.app-shell__brand .brand__suffix{font-family:Outfit,sans-serif;font-weight:300;font-size:14px;color:var(--text-primary);opacity:.7;margin-left:8px}.app-shell__nav{display:flex;gap:4px;margin-left:24px}.app-shell__nav a{padding:6px 14px;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:13px;font-weight:500;border-bottom:none;transition:background .18s ease,color .18s ease}.app-shell__nav a:hover{color:var(--text-primary);background:#38e8ff0f}.app-shell__nav a.active{color:var(--accent-cyan);background:#38e8ff1a}.app-shell__signout{margin-left:auto;font-size:12px;padding:6px 14px}.app-shell__main{flex:1;padding:28px;max-width:1200px;width:100%;margin:0 auto}.decks-list h1,.edit-view h1,.preview-view h1,.new-deck-view h1,.denied-view h1{font-family:Outfit,sans-serif;font-weight:600;font-size:28px;margin-bottom:24px}.decks-loading,.decks-error,.decks-empty{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px;padding:20px 0}.decks-error{color:var(--accent-neon-magenta)}.decks-table{width:100%;border-collapse:collapse;margin-top:16px}.decks-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.decks-table td{padding:12px;border-bottom:1px solid var(--border-subtle);font-size:14px}.status{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.status--draft{background:#f5c8421f;color:var(--status-draft)}.status--published{background:#8fe38824;color:var(--status-published)}.status--archived{background:#4a4e7a2e;color:var(--status-archived)}.edit-view{display:flex;flex-direction:column;gap:16px}.edit-view__header{display:flex;align-items:center;gap:16px}.edit-view__title{flex:1}.edit-view__editor{height:60vh;border:1px solid var(--border-strong);border-radius:var(--radius-input);overflow:hidden}.edit-view__actions{display:flex;gap:12px}.preview-view{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 120px)}.preview-view__header{display:flex;align-items:center;gap:16px}.preview-view__frame{flex:1;border:1px solid var(--border-strong);border-radius:var(--radius-card);background:#fff}.new-deck-view__form{display:flex;flex-direction:column;gap:14px;max-width:480px}.new-deck-view__form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em}.callback-view,.denied-view{display:grid;place-items:center;min-height:60vh;text-align:center}.callback-view__error{color:var(--accent-neon-magenta);font-family:JetBrains Mono,monospace}.denied-view button{margin-top:24px}.error-shell{padding:40px;border:1px solid rgba(255,61,184,.4);border-radius:var(--radius-card);background:#ff3db80a;margin:60px auto;max-width:640px}.error-shell h2{color:var(--accent-neon-magenta);margin-bottom:12px}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{background:var(--bg-panel);border:1px solid var(--border-strong);border-left:3px solid var(--accent-cyan);color:var(--text-primary);padding:12px 18px;border-radius:var(--radius-input);font-size:13px;text-align:left;cursor:pointer;transition:transform .18s ease}.toast:hover{transform:translate(-2px)}.toast--success{border-left-color:var(--accent-jaunty-green)}.toast--error{border-left-color:var(--accent-neon-magenta)}.toast--info{border-left-color:var(--accent-cyan)}