:root{color-scheme:light;--bg: #f6f4ef;--fg: #1c1a17;--muted: #6b625b;--card: #ffffff;--border: #e5e0d8;--accent: #c2410c;--accent-2: #0f766e;--shadow: 0 18px 40px rgba(17, 24, 39, .12);--radius: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--fg);background:radial-gradient(1200px 800px at 10% -10%,rgba(194,65,12,.08),transparent 45%),radial-gradient(1000px 700px at 110% 15%,rgba(15,118,110,.08),transparent 45%),var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font-family:inherit}.screen-mode{background:#0c0c0b;color:#f7f4ee}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.app-shell{min-height:100vh}.app-main{padding:2.5rem 0 4rem}.top-nav{position:sticky;top:0;z-index:10;background:#f6f4efd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.top-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;max-width:1100px;margin:0 auto}.brand{display:flex;align-items:center;gap:.75rem;line-height:1.1}.brand-logo{width:36px;height:36px;flex-shrink:0}.brand-text{display:flex;flex-direction:column}.brand-mark{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.brand-sub{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.top-nav__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.user-pill{padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted);font-size:.85rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.55rem 1.2rem;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px #c2410c33}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--border);box-shadow:none}.page-loading{min-height:100vh;display:grid;place-items:center;font-size:1.1rem;color:var(--muted)}.page{display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.page-header h1{font-size:clamp(2rem,3vw,2.8rem);margin:.4rem 0 .6rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.9rem}.info-bar{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:#ffffffb3}.info-bar span{font-family:Space Grotesk,monospace;color:var(--accent-2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.card{padding:1.5rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.card ul{padding-left:1.1rem;color:var(--muted);line-height:1.6}.card.empty{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.card.muted-card{background:#fdfaf5}.auth-card{max-width:420px;margin:0 auto;padding:2rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);display:grid;gap:1.5rem}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.4rem;font-weight:500}.auth-form input{padding:.7rem .9rem;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:1rem}.form-error{padding:.6rem .8rem;border-radius:10px;background:#ef44441a;color:#b91c1c;font-size:.9rem}.screen{height:100vh;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 3rem 5.5rem;background:#0c0c0b;color:#f7f4ee;overflow:hidden}.screen-body{width:100%;flex:1;min-height:0;max-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:5.5rem;overflow:hidden}.screen-card{width:min(100%,1100px);padding:2rem 2.5rem;border-radius:22px;background:#0c0c0b8c;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #00000059;max-height:100%;overflow:hidden}@media(max-width:720px){.top-nav__inner{flex-direction:column;align-items:flex-start}.top-nav__actions{width:100%;justify-content:flex-start}.screen{padding:2rem}}.page-header__actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn.danger{background:#b91c1c;box-shadow:0 10px 20px #b91c1c33}.btn.danger.ghost{background:transparent;color:#b91c1c;border-color:#b91c1c66;box-shadow:none}.screen-create{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.screen-create input{padding:.65rem .85rem;border-radius:999px;border:1px solid var(--border);min-width:220px}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.screen-tile{padding:1.5rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between}.screen-tile__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.screen-url{font-family:Space Grotesk,monospace;color:var(--accent-2);word-break:break-all;margin:.4rem 0 0}.screen-actions{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:#0f766e1f;color:var(--accent-2)}.badge.private{background:#c2410c1f;color:var(--accent)}.badge.clock{background:#0f766e1f;color:var(--accent-2)}.badge.text{background:#c2410c1f;color:var(--accent)}.badge.image{background:#0f172a1f;color:#111827}.badge.event{background:#3b82f61f;color:#1d4ed8}.form-grid{display:grid;gap:1rem}.form-grid label{display:grid;gap:.4rem;font-weight:500}.form-grid input:not([type=color]),.form-grid select,.form-grid textarea{padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:1rem}.inline-input{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-input input{flex:1;min-width:220px;padding:.6rem .8rem;border-radius:12px;border:1px solid var(--border)}.toggle{display:inline-flex;align-items:center;gap:.6rem;font-weight:600}.toggle input{width:18px;height:18px}.meta-row{display:flex;justify-content:space-between;font-size:.9rem}.slide-form{display:grid;gap:1rem}.slide-form label{display:grid;gap:.4rem;font-weight:500}.slide-form input,.slide-form select,.slide-form textarea{padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:1rem}.slide-list{display:grid;gap:1rem}.slide-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--border);background:#fff}.screen-stack{display:grid;gap:1rem}.screen-image{display:grid;gap:1.5rem;width:min(100%,1400px);max-height:100%;min-height:0}.screen-image.has-text{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}.screen-image__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;max-height:100%}.screen-image__label{position:absolute;top:1rem;left:1rem;padding:.45rem .9rem;border-radius:999px;background:#0c0c0bbf;border:1px solid rgba(255,255,255,.3);font-size:.95rem;font-weight:600;letter-spacing:.04em}.screen-image__media img{width:100%;border-radius:20px;border:1px solid rgba(255,255,255,.15);object-fit:contain;max-height:100%}.screen-image__panel{align-self:center;padding:2.25rem;border-radius:22px;background:#0c0c0bb3;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 40px #00000059;margin-left:-2.5rem;max-height:100%;overflow:hidden;text-align:left}.screen-image__panel h2{margin:0 0 .6rem;font-size:clamp(1.6rem,2.4vw,2.2rem)}.screen-image__panel p{margin:0;color:#f7f4eed9;line-height:1.6;font-size:1.05rem}.screen-image__meta{display:grid;gap:.4rem;margin-top:1rem;font-size:.95rem;color:#f7f4eebf;letter-spacing:.04em;text-transform:uppercase}.screen-fullscreen{width:100%;height:100%;align-self:stretch;border-radius:28px;display:flex;align-items:flex-end;justify-content:flex-start;padding:3rem 3.5rem 5.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 24px 60px #0006;overflow:hidden}.screen-fullscreen__stack{display:grid;gap:1rem;max-width:min(520px,40vw)}.screen-fullscreen__panel{padding:1.5rem 1.75rem;border-radius:20px;background:#0c0c0bb3;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 32px #00000059}.screen-fullscreen__panel h2{margin:0 0 .6rem;font-size:clamp(1.6rem,2.5vw,2.3rem)}.screen-fullscreen__panel p{margin:0;color:#f7f4eed9;line-height:1.6;font-size:1.05rem}.screen-fullscreen__panel--meta{display:grid;gap:.4rem;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#f7f4eebf}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;color:#f7f4eebf;pointer-events:none}.overlay-item{position:absolute;display:grid;gap:.3rem}.overlay-item.pos-top-left{top:2rem;left:2rem;text-align:left}.overlay-item.pos-top-mid{top:2rem;left:50%;transform:translate(-50%);text-align:center}.overlay-item.pos-top-right{top:2rem;right:2rem;text-align:right}.overlay-item.pos-bottom-left{bottom:2rem;left:2rem;text-align:left}.overlay-item.pos-bottom-mid{bottom:2rem;left:50%;transform:translate(-50%);text-align:center}.overlay-item.pos-bottom-right{bottom:2rem;right:2rem;text-align:right}.screen-watermark{display:grid;gap:.2rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.screen-watermark-title{font-size:1rem;font-weight:600;letter-spacing:.18em}.screen-watermark-domain,.screen-watermark-url{font-size:.75rem;letter-spacing:.2em;color:#f7f4ee8c}.screen-clock{display:grid;justify-items:center;gap:.3rem}.screen-clock-time{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;letter-spacing:.08em}.screen-clock-date{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#f7f4ee8c}.screen-logo{max-width:160px;max-height:90px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.asset-preview{display:grid;gap:.75rem;align-items:start}.asset-preview img{width:min(100%,280px);border-radius:12px;border:1px solid var(--border);background:#fff;padding:.5rem}.radio-row{display:inline-flex;align-items:center;gap:.6rem;font-weight:600}@media(max-width:720px){.screen{padding:2.5rem 1.5rem 5rem}.screen-image.has-text{grid-template-columns:1fr}.screen-image__panel{margin-left:0}.overlay-item.pos-top-left,.overlay-item.pos-top-mid,.overlay-item.pos-top-right{top:1.2rem}.overlay-item.pos-bottom-left,.overlay-item.pos-bottom-mid,.overlay-item.pos-bottom-right{bottom:1.2rem}.overlay-item.pos-top-left,.overlay-item.pos-bottom-left{left:1.2rem}.overlay-item.pos-top-right,.overlay-item.pos-bottom-right{right:1.2rem}.screen-fullscreen{padding:2rem 2rem 4.5rem;border-radius:22px}.screen-fullscreen__stack{max-width:100%}}