:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#fafbfc;--fg:#0b0c0f;--muted:#6b7280;--muted-2:#9aa1ab;--border:#e7e9ee;--border-strong:#d6dae1;--accent:#101114;--accent-fg:#fff;--brand:#ffd400;--ring:#10111424;--danger:#b00020;--ok:#0a7d33;--radius:16px;--radius-sm:11px;--shadow-sm:0 1px 2px #1018280d, 0 1px 3px #1018280f;--shadow-md:0 6px 16px #10182814, 0 2px 6px #1018280d;--shadow-lg:0 18px 40px #10182824}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 100% -10%, #ffd4000f, transparent 60%), var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em}::selection{background:#ffd40059}.container{max-width:1180px;margin:0 auto;padding:28px 24px 56px}.topbar{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);background:#fffc;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand .dot{background:var(--brand);border-radius:999px;width:24px;height:24px;display:inline-block;box-shadow:inset 0 0 0 1px #0000000f}.muted{color:var(--muted)}.btn{appearance:none;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:650;line-height:1;transition:transform 50ms,box-shadow .15s,background .15s,opacity .15s,border-color .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--surface-2);border-color:var(--muted-2)}.btn.ghost{color:var(--fg);box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:#0000000d}.btn.small{border-radius:9px;padding:8px 12px;font-size:13px}.btn.block{width:100%}textarea,input,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font:inherit;color:inherit;background:var(--surface);outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}textarea{resize:vertical;min-height:180px;line-height:1.55}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}input[type=file]{padding:9px 12px;font-size:14px}input[type=file]::file-selector-button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:8px;margin-right:10px;padding:6px 12px;font-weight:600}input[type=color]{cursor:pointer;height:42px;padding:4px}label{color:#2b2f36;margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.row{align-items:center;gap:12px;display:flex}.grid{gap:16px;display:grid}.studio-grid{grid-template-columns:400px 1fr;align-items:start;gap:28px;display:grid}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.slides{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.slide{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;transition:transform .12s,box-shadow .15s;overflow:hidden}.slide:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.slide img{width:100%;display:block}.slide .placeholder{aspect-ratio:4/5;color:var(--muted-2);text-align:center;background:var(--surface-2);justify-content:center;align-items:center;padding:12px;font-size:13px;display:flex}.slide .bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}.slide .bar a{font-weight:600}.slide .bar a:hover{color:#000;text-decoration:underline}.status{align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:999px;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);font-size:14px}.recent-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .12s;display:flex}.recent-item:hover{background:var(--surface-2)}.recent-item+.recent-item{margin-top:2px}.auth-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow-md);margin:12vh auto;padding:28px}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.editor-grid{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}@media (max-width:980px){.editor-grid{grid-template-columns:1fr}}.canvas-stage{background:linear-gradient(45deg, #eceef1 25%, transparent 25%) -10px 0 / 20px 20px, linear-gradient(-45deg, #eceef1 25%, transparent 25%) -10px 0 / 20px 20px, linear-gradient(45deg, transparent 75%, #eceef1 75%) -10px 0 / 20px 20px, linear-gradient(-45deg, transparent 75%, #eceef1 75%) -10px 0 / 20px 20px, var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;padding:22px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:10px;width:38px;height:38px;font-weight:700}.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.emoji-bar{flex-wrap:wrap;gap:4px;display:flex}.emoji-bar button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:5px 7px;font-size:18px;line-height:1}.emoji-bar button:hover{background:var(--surface-2)}.modal-backdrop{z-index:100;background:#0a0a0c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal.card{width:100%;max-width:480px;max-height:90vh;overflow:auto}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.pill.gray{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.pill.blue{color:#1d4ed8;background:#eef4ff;border-color:#dbe7ff}.pill.amber{color:#b45309;background:#fff7e6;border-color:#fdecc8}.pill.green{color:#157347;background:#ecfdf3;border-color:#d3f3df}.pill.red{color:#b42318;background:#fdecec;border-color:#f8d4d4}.pill.purple{color:#6d28d9;background:#f4efff;border-color:#e6dcff}.day-card{gap:10px;display:grid}.day-card .day-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.day-card .day-name{text-transform:capitalize;font-size:15px;font-weight:800}.day-card .topic{font-size:15px;font-weight:650;line-height:1.35}.day-card .hook{color:var(--muted);font-size:13.5px;font-style:italic}.day-card .meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.day-card.editing{outline:2px solid var(--accent);outline-offset:-1px}.week-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.switch{flex:none;width:44px;height:26px;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{cursor:pointer;background:var(--border-strong);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .track:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:#157347}.switch input:checked+.track:after{transform:translate(18px)}.week-summary{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.switch{margin-bottom:0}.switch input:focus-visible+.track{box-shadow:0 0 0 4px #15734740}@media (min-width:901px){.studio-col-left{overscroll-behavior:contain;scrollbar-width:thin;align-self:start;max-height:calc(100vh - 32px);padding-right:6px;position:sticky;top:16px;overflow-y:auto}}