:root{--bg-dark:#0b0f19;--bg-card:#121826bf;--bg-card-hover:#1c2438d9;--border-color:#ffffff14;--border-glow:#6366f14d;--primary:#6366f1;--primary-hover:#4f46e5;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif;--glass-bg:#0f172aa6;--glass-border:#ffffff1a;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(at 0 0,#6366f11f 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d414 0,#0000 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:16px}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px)}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0b0f19cc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.logo-badge{color:var(--primary);text-transform:uppercase;background:#6366f133;border:1px solid #6366f14d;border-radius:9999px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.nav-links{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;gap:.5rem;padding:.25rem;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #6366f159}.app-container{max-width:1440px;margin:0 auto;padding:2rem}.deck-library{min-height:calc(100vh - 72px);padding:1.25rem 1.5rem 2rem}.deck-library-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.deck-library-header h1{letter-spacing:-.03em;font-size:1.65rem}.deck-library-header p{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.deck-create{align-items:center;gap:.5rem;display:flex}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.deck-card{text-align:left;cursor:pointer;border:1px solid var(--border-color);color:inherit;background:#121826b3;border-radius:14px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;overflow:hidden}.deck-card:hover{border-color:#6366f173;transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.deck-card-thumb{aspect-ratio:16/9;color:#334155;background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.deck-card-thumb strong{color:#0f172a;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.deck-card-thumb span{color:#64748b;font-size:.75rem}.deck-card-meta{justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.deck-card-meta .title{font-size:.95rem;font-weight:650}.deck-card-meta .sub{color:var(--text-dim);margin-top:.15rem;font-size:.75rem}.editor-shell{flex-direction:column;height:calc(100vh - 72px);min-height:560px;display:flex}.editor-chrome{border-bottom:1px solid var(--border-color);background:#0b0f19eb;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.editor-chrome .title-input{min-width:160px;max-width:420px;color:var(--text-main);font-family:var(--font-display);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:.4rem .55rem;font-size:1.05rem;font-weight:700}.editor-chrome .title-input:hover,.editor-chrome .title-input:focus{border-color:var(--border-color);background:#ffffff08;outline:none}.editor-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.editor-toolbar{border-bottom:1px solid var(--border-color);background:#0f1420d9;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem 1rem;display:flex}.tool-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.8rem;font-weight:550;transition:all .12s;display:inline-flex}.tool-btn:hover:not(:disabled){color:var(--text-main);border-color:var(--border-color);background:#ffffff0f}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-sep{background:var(--border-color);width:1px;height:1.25rem;margin:0 .25rem}.editor-body{flex:1;grid-template-columns:168px minmax(0,1fr) 280px;min-height:0;display:grid}.filmstrip{border-right:1px solid var(--border-color);background:#0a0e18b3;flex-direction:column;gap:.55rem;padding:.75rem .55rem;display:flex;overflow-y:auto}.filmstrip-item{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;grid-template-columns:18px 1fr;align-items:start;gap:.35rem;padding:0;display:grid}.filmstrip-num{color:var(--text-dim);padding-top:.35rem;font-size:.7rem;font-weight:600}.filmstrip-thumb{aspect-ratio:16/9;color:#0f172a;background:#f1f5f9;border:2px solid #0000;border-radius:6px;padding:.35rem .4rem;transition:border-color .12s;overflow:hidden;box-shadow:0 4px 10px #00000040}.filmstrip-item.active .filmstrip-thumb,.filmstrip-item:hover .filmstrip-thumb{border-color:var(--primary)}.filmstrip-thumb .t{color:#6366f1;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.55rem;font-weight:700;overflow:hidden}.filmstrip-thumb .h{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.filmstrip-add{justify-content:center;width:100%;margin-top:.15rem}.canvas-stage{background:radial-gradient(at 50% 30%,#6366f114,#0000 55%),repeating-linear-gradient(0deg,#0000,#0000 23px,#ffffff04 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#ffffff04 24px),#0a0e18;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:relative;overflow:auto}.editor-toast{z-index:3;color:var(--accent-emerald);pointer-events:none;background:#10b98126;border:1px solid #10b98159;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.editor-toast.error{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e59}.slide-canvas{aspect-ratio:16/9;color:#0f172a;background:#fff;border-radius:4px;flex-direction:column;gap:.65rem;width:min(100%,920px);padding:clamp(1.25rem,3.5vw,2.75rem);display:flex;position:relative;overflow:auto;box-shadow:0 0 0 1px #ffffff0f,0 28px 60px -18px #000000bf}.slide-label-input{letter-spacing:.08em;text-transform:uppercase;color:#818cf8;background:0 0;border:none;width:100%;font-size:.72rem;font-weight:700}.slide-heading{resize:none;color:#0f172a;text-align:center;background:0 0;border:1px dashed #0000;border-radius:6px;width:100%;padding:.25rem;font-size:clamp(1.5rem,3.2vw,2.15rem);font-weight:800;line-height:1.2}.slide-heading:focus,.slide-body:focus,.slide-image-url:focus{background:#6366f10a;border-color:#c7d2fe;outline:none}.slide-body{resize:vertical;color:#475569;text-align:center;background:0 0;border:1px dashed #0000;border-radius:6px;width:100%;min-height:3.5rem;padding:.25rem;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.45}.slide-image-block{color:#64748b;justify-items:center;gap:.4rem;margin-top:auto;font-size:.85rem;display:grid}.slide-image-url{color:#334155;border:1px dashed #cbd5e1;border-radius:8px;width:min(100%,420px);padding:.45rem .65rem;font-size:.8rem}.slide-branches{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-top:auto;display:grid}.slide-branch-chip{text-align:left;background:#f8fafc;border:2px solid #6366f1;border-radius:10px;padding:.75rem .85rem}.slide-branch-chip strong{color:#0f172a;font-size:.9rem;display:block}.slide-branch-chip span{color:#64748b;font-size:.75rem}.inspector{border-left:1px solid var(--border-color);background:#0a0e18b3;flex-direction:column;gap:.85rem;padding:1rem;display:flex;overflow-y:auto}.inspector h3{align-items:center;gap:.45rem;font-size:.95rem;display:flex}.inspector .hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.inspector-status{border-top:1px solid var(--border-color);color:var(--text-dim);margin-top:auto;padding-top:.75rem;font-size:.75rem}.edge-row{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.55rem .65rem;font-size:.78rem;display:flex}.icon-btn{color:var(--accent-rose);cursor:pointer;background:0 0;border:none;padding:.15rem;display:inline-flex}.btn-ghost{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:550;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:#ffffff0a}.share-modal{flex-direction:column;gap:1rem;width:min(440px,92vw);padding:1.35rem;display:flex}.share-modal h2{align-items:center;gap:.5rem;font-size:1.15rem;display:flex}.share-link-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;gap:.55rem;padding:.9rem;display:grid}.share-link-card code{word-break:break-all;color:var(--text-main);font-size:.78rem;line-height:1.4}@media (max-width:1100px){.editor-body{grid-template-columns:140px minmax(0,1fr)}.inspector{display:none}}@media (max-width:720px){.editor-body{grid-template-columns:1fr}.filmstrip{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;padding:.65rem;overflow:auto hidden}.filmstrip-item{min-width:120px}}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f173}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0f;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.custom-table{border-collapse:separate;border-spacing:0;width:100%}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1rem;font-size:.8rem;font-weight:600}.custom-table td{border-bottom:1px solid #ffffff0a;padding:1rem;font-size:.9rem}.custom-table tr:hover td{background:#ffffff05}.badge{border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.badge-indigo{color:var(--primary);background:#6366f126;border:1px solid #6366f14d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.metric-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.metric-title{color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-value{font-size:2rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{box-sizing:border-box;flex-direction:column;gap:1rem;width:min(100%,420px);max-width:100%;padding:2rem;display:flex;overflow:hidden}.auth-card-wide{width:min(100%,560px)}.auth-brand{align-items:center;gap:.75rem;display:flex}.auth-brand-link{color:inherit;text-decoration:none}.auth-brand h1{font-size:1.75rem}.auth-title{margin-top:.15rem;font-size:1.35rem}.auth-subtitle{color:var(--text-muted);margin-top:-.35rem;font-size:.95rem}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-section{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:.85rem 0 .25rem;display:flex}.auth-section:first-of-type{border-top:none;padding-top:0}.auth-section-title{color:var(--text-main);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.auth-section-hint{color:var(--text-muted);margin-top:-.25rem;font-size:.8rem;line-height:1.4}.auth-hint{color:var(--text-dim);font-size:.75rem}.auth-optional{color:var(--text-dim);font-weight:400}.auth-check{color:var(--text-muted);align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.4;display:flex}.auth-check input{margin-top:.2rem}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap .auth-input{padding-right:2.5rem}.auth-input-action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:.25rem;display:grid;position:absolute;right:.55rem}.password-meter{align-items:center;gap:.5rem;display:flex}.password-meter-bars{flex:1;grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.password-meter-bars span{background:#ffffff1a;border-radius:99px;height:4px}.password-meter-bars span.on{background:var(--accent-amber)}.password-meter[data-score="3"] .password-meter-bars span.on,.password-meter[data-score="4"] .password-meter-bars span.on{background:var(--accent-emerald)}.password-meter-label{color:var(--text-muted);min-width:4.5rem;font-size:.75rem}.auth-success-panel{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.auth-success-icon{color:var(--accent-emerald);width:2rem;height:2rem}.org-picker{flex-direction:column;gap:.5rem;list-style:none;display:flex}.org-picker-item{text-align:left;border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.org-picker-item:hover{border-color:#6366f173}.org-picker-item strong{display:block}.org-picker-item small{color:var(--text-muted)}.auth-text-btn{color:#a5b4fc;cursor:pointer;background:0 0;border:none;font-size:.85rem}.org-switch{position:relative}.org-switch-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:.35rem;max-width:160px;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.org-switch-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.org-switch-menu{border:1px solid var(--border-color);z-index:120;min-width:200px;box-shadow:var(--shadow-lg);background:#121826;border-radius:10px;padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0}.org-switch-menu button{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .65rem;font-size:.85rem;display:flex}.org-switch-menu button small{color:var(--text-muted)}.org-switch-menu button:hover,.org-switch-menu button.active{background:#6366f126}.auth-label{color:var(--text-muted);flex-direction:column;gap:.4rem;width:100%;min-width:0;font-size:.85rem;display:flex}.auth-input{box-sizing:border-box;border:1px solid var(--border-color);width:100%;min-width:0;color:var(--text-main);background:#ffffff0a;border-radius:10px;padding:.7rem .85rem;font-size:.95rem}.auth-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f126}.auth-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;width:100%;min-width:0;display:grid}.auth-submit{justify-content:center;width:100%;margin-top:.25rem}.auth-links{justify-content:center;gap:1rem;font-size:.85rem;display:flex}.auth-links a{color:#a5b4fc;text-decoration:none}.auth-links a:hover{color:#c7d2fe;text-decoration:underline}.auth-error{color:var(--accent-rose);font-size:.85rem}.auth-success{color:var(--accent-emerald);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.auth-dev-token{color:var(--text-muted);word-break:break-all;font-size:.75rem}.auth-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8rem;overflow:hidden}.verify-banner{color:#fde68a;background:#f59e0b1f;border-bottom:1px solid #f59e0b59;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 2rem;font-size:.9rem;display:flex}.verify-banner a{color:#fef3c7}.settings-shell{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.settings-brand{color:var(--text-main);font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.settings-nav{gap:1rem;font-size:.9rem;display:flex}.settings-nav a{color:var(--text-muted);text-decoration:none}.settings-nav a.active,.settings-nav a:hover{color:#a5b4fc}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.settings-panel{padding:1.25rem 1.5rem}.settings-panel h2{margin-bottom:.35rem;font-size:1.25rem}.settings-muted{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.settings-flash{max-width:960px;margin:0 auto 1rem}.settings-table-wrap{overflow-x:auto}.settings-table{border-collapse:collapse;width:100%;font-size:.9rem}.settings-table th,.settings-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.65rem .5rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-ghost{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .65rem;font-size:.8rem}.btn-ghost.danger{color:var(--accent-rose);border-color:#f43f5e66}.invite-row{grid-template-columns:1fr minmax(120px,160px) auto;align-items:end;gap:.75rem;display:grid}.invite-list{flex-direction:column;gap:.5rem;margin-top:.75rem;list-style:none;display:flex}.invite-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}@media (max-width:640px){.auth-row,.invite-row{grid-template-columns:1fr}.verify-banner{flex-direction:column;align-items:flex-start}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050810b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}