:root{--bg:#0f1115;--panel:#161a21;--panel-2:#1c212a;--text:#e6e9ef;--muted:#8b93a3;--accent:#4f8cff;--border:#262c37;--danger:#e55c5c;--amber:#e0a33e;--radius:8px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,system-ui,Segoe UI,Malgun Gothic,sans-serif}a{color:var(--accent)}.boot{padding:48px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.landing{max-width:720px;margin:0 auto;padding:64px 24px}.landing h1{font-size:36px;line-height:1.2;margin:16px 0}.landing p{color:var(--muted);font-size:18px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.auth-card a.button,.auth-card button.primary,.landing-actions a{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}.auth-card button.primary,.landing-actions .primary{background:var(--accent);color:#fff;border:none}.landing-actions .ghost{border:1px solid var(--border);color:var(--text)}.auth-card{max-width:420px;margin:64px auto;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.auth-card h1{margin-top:0}.auth-card label{display:block;margin:12px 0 4px;color:var(--muted);font-size:13px}.auth-card input{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.auth-card .error{color:var(--danger);font-size:13px}.auth-card .hint{color:var(--muted);font-size:13px}.auth-card .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-card button.primary{margin-top:16px;cursor:pointer}.auth-card button.primary:disabled{opacity:.45;cursor:default}.locale-switch{display:flex;gap:2px;padding:2px;background:var(--panel);border:1px solid var(--border);border-radius:999px}.locale-switch button{padding:2px 10px;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:999px;color:var(--muted);cursor:pointer}.locale-switch button.active{background:var(--accent);color:#fff}.locale-switch.large button{padding:6px 14px;font-size:13px}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100vh;min-height:0}.app-nav{display:flex;align-items:center;gap:2px;padding:0 12px;min-height:48px;border-bottom:1px solid var(--border);background:var(--panel);overflow-x:auto}.app-nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:var(--radius);font-size:13px;font-weight:600;white-space:nowrap}.app-nav a:hover{color:var(--text)}.app-nav a.active{color:var(--text);background:var(--panel-2)}.app-nav .nav-end{margin-left:auto;display:flex;align-items:center;gap:8px;padding-left:8px}.app-main{min-height:0;overflow:auto}.app-main.fill{overflow:hidden;display:flex;flex-direction:column}.app-main.fill>*{flex:1 1;min-height:0}.page{max-width:560px;margin:0 auto;padding:16px 16px 48px;display:grid;grid-gap:12px;gap:12px}.page-heading{margin:0;font-size:22px;line-height:1.3}.page-sub{color:var(--muted);font-size:13px}.header-row{justify-content:space-between;gap:12px}.cluster,.header-row{display:flex;align-items:center;flex-wrap:wrap}.cluster{gap:8px}.back-link{font-size:13px;text-decoration:none}.btn{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;cursor:pointer;font-weight:600}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.secondary{background:var(--panel-2)}.btn.ghost,.btn.link{background:transparent;border-color:transparent;color:var(--accent);font-weight:600;padding:4px 6px}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.compact{padding:4px 10px;font-size:13px}.field{display:grid;grid-gap:4px;gap:4px}.field-label{color:var(--muted);font-size:13px;font-weight:600}.field-row{display:flex;align-items:center;gap:8px}.field input,.field textarea,.field-row input,.field-row textarea{flex:1 1;width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field textarea{min-height:72px;resize:vertical}.field-hint{color:var(--muted);font-size:12px}.field-clear{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;display:grid;grid-gap:2px;gap:2px}.card.selected{border-color:var(--muted)}.card.selected,.surface{background:var(--panel-2)}.surface{border-radius:4px;padding:8px;display:grid;grid-gap:8px;gap:8px}.message{font-size:13px}.message.error{color:var(--danger)}.message.info{color:var(--amber)}.empty{color:var(--muted);text-align:center;padding:24px 8px}.owner-accent{color:var(--accent)}.muted{color:var(--muted);font-size:13px}.text-danger{color:var(--danger);font-size:13px}.line{font-size:13px;line-height:1.35}.video-list-item{color:inherit;text-decoration:none;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:6px 0}.play-item-main img,.video-list-item img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#000}.play-item-copy,.video-list-item>span{min-width:0;display:grid;grid-gap:3px;gap:3px}.edit-video-preview{display:flex;align-items:center;gap:10px}.edit-video-preview img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#000}.inactive{color:var(--muted);text-decoration:line-through}.topic-title{font-weight:700;font-size:14px;line-height:1.3;color:inherit;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;text-align:left;display:grid;grid-gap:2px;gap:2px}.topic-title:hover{color:var(--accent)}.notes-block{display:grid;grid-gap:2px;gap:2px;margin-top:4px}.topic-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.load-more{justify-self:center}.play-screen{height:100%;min-height:0;overflow:auto}.play-top{border-bottom:1px solid var(--border)}.play-header{padding:8px 16px 4px;display:grid;grid-gap:2px;gap:2px}.play-player{width:100%;max-width:100%;overflow:hidden;background:#000}.play-player iframe,.yt-embed iframe{position:absolute;inset:0;display:block;width:100%!important;height:100%!important}.play-controls{padding:8px 16px;display:grid;grid-gap:6px;gap:6px}.play-bottom{padding:12px 16px 32px;display:grid;grid-gap:8px;gap:8px;align-content:start}.play-item-main{background:none;border:none;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px}.composer{display:grid;grid-gap:12px;gap:12px}.preview-img{max-height:160px}.photo-img,.preview-img{width:100%;object-fit:contain;border-radius:var(--radius);background:#000}.photo-img{max-height:320px}.thumb-img{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.community-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;color:inherit;text-decoration:none}.file-btn input{display:none}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.center{display:grid;place-items:center;min-height:40vh;color:var(--muted)}@media (max-width:1100px){.panes{grid-template-columns:1fr!important;overflow:auto!important}.pane{min-height:36vh;border-right:none!important;border-bottom:1px solid var(--border)}}