:root{--bg:#171210;--panel:#211a16;--panel2:#2b211b;--line:#3a2c23;--text:#F3E8D8;--muted:#B59A82;--accent:#E0623F;--ok:#7FD3B8;--note:#F0A84E;--danger:#E5533a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}.app{display:flex;flex-direction:column;min-height:100vh}.empty{color:var(--muted);padding:2rem;font-family:var(--sans)}header{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}header h1{font-size:1rem;margin:0;font-weight:600;white-space:nowrap}.grow{flex:1}.stats{font-size:.78rem;color:var(--muted);font-family:var(--mono);white-space:nowrap}.tabs{display:flex;gap:.3rem;background:var(--panel2);padding:.2rem;border-radius:9px;border:1px solid var(--line)}.tabs button{border:0;background:transparent}.tabs button.on{background:var(--accent);color:#160d0a;font-weight:600}.zoom{display:flex;align-items:center;gap:.5rem;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:.2rem .5rem}.zbtn{width:24px;height:24px;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:6px}.zoom input[type=range]{width:150px;accent-color:var(--accent);cursor:ew-resize}.zoom-label{font-family:var(--mono);font-size:.72rem;color:var(--muted);width:2.6rem}button{font:inherit;font-size:.82rem;padding:.42rem .75rem;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#160d0a;font-weight:600}.show-btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;background:var(--ok);border-color:var(--ok);color:#0d1714}.show-btn svg{width:14px;height:14px}.sync{font-size:.72rem;font-family:var(--mono);white-space:nowrap;color:var(--muted)}.sync.saved{color:var(--ok)}.sync.saving,.sync.loading{color:var(--note)}.sync.error{color:var(--danger)}.sync.local{color:var(--muted)}main{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:grab;position:relative;-webkit-user-select:none;user-select:none}.card:active{cursor:grabbing}.card.hidden-slide{opacity:.55}.card.hidden-slide .thumb{filter:grayscale(.8)}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0d0a09;border-bottom:1px solid var(--line)}.thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#0d0a09;border-bottom:1px solid var(--line);overflow:hidden}.thumb-wrap .thumb{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-bottom:0}.thumb-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none;background:transparent}.meta{padding:.5rem .6rem .55rem}.meta-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:24px}.pos{font-family:var(--mono);font-size:.72rem;color:var(--accent)}.muted{color:var(--muted)}.title{font-size:.86rem;line-height:1.3;margin-top:.15rem;min-height:2.3em}.id{font-family:var(--mono);font-size:.66rem;color:var(--muted);word-break:break-all}.card .id{margin-top:.3rem}.flags{position:absolute;top:7px;right:7px;display:flex;gap:4px;z-index:2}.flags .f{font-size:.64rem;background:#0009;border-radius:4px;padding:1px 5px}.flags .note{color:var(--note)}.flags .copy{color:var(--ok)}.flags .hidden{color:var(--danger)}.ext-badge{position:absolute;top:7px;left:7px;z-index:2;font-size:.64rem;font-family:var(--mono);background:#0009;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px;letter-spacing:.02em}.ext-badge.live{color:var(--ok);border-color:var(--ok)}.ops{display:flex;gap:.35rem;padding:.45rem .6rem;border-top:1px solid var(--line)}.ops .ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--muted)}.ops .ico svg{width:16px;height:16px}.ops .ico:hover{color:var(--text);border-color:var(--accent)}.ops .ico.del:hover{color:var(--danger);border-color:var(--danger)}.ops.compact{border:0;padding:0;gap:.15rem}.ops.compact .ico{width:23px;height:23px;border-color:transparent;background:transparent}.ops.compact .ico svg{width:14px;height:14px}.ops.compact .ico:hover{background:var(--panel2);border-color:var(--accent)}.ops.compact .ico.del:hover{background:var(--panel2);border-color:var(--danger)}.rows{display:flex;flex-direction:column;gap:12px;padding:16px;max-width:1500px;margin:0 auto}.row{display:grid;grid-template-columns:28px minmax(420px,680px) 1fr;gap:16px;grid-template-areas:"h thumb meta" "h thumb note";grid-template-rows:auto 1fr;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.row.hidden-slide{opacity:.55}.handle{grid-area:h;cursor:grab;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:1.1rem;letter-spacing:-2px;-webkit-user-select:none;user-select:none;border-radius:6px}.handle:hover{background:var(--panel2);color:var(--text)}.handle:active{cursor:grabbing}.rthumb{grid-area:thumb;align-self:start;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#0d0a09;border:1px solid var(--line);cursor:zoom-in;display:block}.row.hidden-slide .rthumb{filter:grayscale(.8)}.rmeta{grid-area:meta;display:flex;flex-direction:column;gap:.4rem}.rmeta .ops{border:0;padding:0}.notewrap{grid-area:note;display:flex;flex-direction:column;gap:.45rem}.note{width:100%;min-height:110px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);font-family:var(--sans);font-size:.95rem;line-height:1.5;padding:.7rem}.note:focus{outline:none;border-color:var(--accent)}.note.speaker{min-height:150px}.note-label{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:.45rem;margin:.15rem 0 -.2rem}.notebar{display:flex;align-items:center;gap:.5rem;min-height:30px}.magic-btn{color:var(--muted)}.magic-btn:hover:not(:disabled){color:var(--note);border-color:var(--note)}.magic-btn.on{color:#160d0a;background:var(--note);border-color:var(--note)}.magic-tag{font-size:.72rem;font-family:var(--mono);color:var(--note)}.row.magic{border-color:var(--note);box-shadow:0 0 0 1px var(--note) inset}.save{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-family:var(--mono)}.save svg{width:14px;height:14px}.save.saved{color:var(--ok)}.save.saving{color:var(--note)}.save.error{color:var(--danger)}.spin{animation:spin .8s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){.row{grid-template-columns:1fr;grid-template-areas:"meta" "thumb" "note"}.row .handle{display:none}.rthumb{width:100%}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.gate-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2rem 2.2rem;width:min(380px,100%);display:flex;flex-direction:column;gap:.7rem}.gate-box h1{font-size:1.15rem;margin:0}.gate-box p{margin:0;font-size:.85rem}.gate-box input{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}.gate-box input:focus{outline:none;border-color:var(--accent)}.gate-box button{margin-top:.4rem;padding:.6rem}.gate-err{color:var(--danger);font-size:.82rem}.show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c0908;display:flex;flex-direction:column}.show-top{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:#0006}.show-pos{font-family:var(--mono);font-size:.8rem;color:var(--accent)}.show-title{font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.show-stage{flex:1;position:relative;overflow:hidden;min-height:0}.show-track{display:flex;width:100%;height:100%;will-change:transform}.show-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.4rem}.show-img{width:100%;height:100%;object-fit:contain;border-radius:6px}.show-embed{position:relative;width:100%;height:100%}.show-embed .show-img{position:absolute;top:0;right:0;bottom:0;left:0}.show-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:6px;background:transparent;transition:opacity .24s ease}.show-nav{position:absolute;top:0;bottom:0;width:18%;border:0;background:transparent;color:#f3e8d840;font-size:3rem;line-height:1;cursor:pointer;z-index:2}.show-nav:hover:not(:disabled){color:var(--text)}.show-nav.left{left:0}.show-nav.right{right:0}.show-nav:disabled{opacity:0;cursor:default}.show-notes{max-height:26vh;overflow:auto;padding:1rem 1.4rem;border-top:1px solid var(--line);background:var(--panel);font-size:1.05rem;line-height:1.6;white-space:pre-wrap;animation:notefade .42s ease}@keyframes notefade{0%{opacity:.2}to{opacity:1}}.show-comment{border-top:1px solid var(--line);background:var(--panel);padding:.6rem 1rem .7rem;display:flex;flex-direction:column;gap:.45rem}.show-comment.queued{box-shadow:inset 0 3px 0 var(--note)}.show-note-input{width:100%;min-height:54px;max-height:18vh;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.5;padding:.55rem .7rem}.show-note-input:focus{outline:none;border-color:var(--accent)}.show-comment-bar{display:flex;align-items:center;gap:.6rem}.show-comment-bar .magic-btn{display:inline-flex;align-items:center;gap:.4rem}.show-comment-bar .magic-btn svg{width:15px;height:15px}.show-comment-bar .magic-btn.on{background:var(--note);border-color:var(--note);color:#160d0a;font-weight:600}.show-comment-hint{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.f.edited{color:#160d0a;background:var(--accent);font-weight:700;border-radius:4px;padding:1px 5px;font-size:.62rem}.ops .ico.edit:hover{color:var(--accent);border-color:var(--accent)}.ed-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c0908;display:flex;flex-direction:column}.ed-empty{margin:auto;color:var(--muted);display:flex;flex-direction:column;gap:1rem;align-items:center}.ed-top{display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.ed-tag{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.ed-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.ed-id{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.ed-badge{font-family:var(--mono);font-size:.62rem;color:#160d0a;background:var(--accent);border-radius:4px;padding:1px 6px;font-weight:700}.ed-revert{color:var(--note);border-color:var(--line)}.ed-revert:hover{border-color:var(--note)}.ed-toolbar{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;border-bottom:1px solid var(--line);background:var(--panel2)}.ed-tools{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.ed-div{width:1px;height:20px;background:var(--line);margin:0 .25rem}.ed-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.78rem}.ed-btn svg{width:14px;height:14px}.ed-btn.mono{font-family:var(--mono);min-width:30px;justify-content:center}.ed-btn.del:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.ed-sel{font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap}.ed-body{flex:1;display:flex;flex-direction:column;min-height:0}.ed-stage-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:1.4rem;min-height:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(224,98,63,.06),transparent 70%),#0c0908}.ed-stage{position:relative;box-shadow:0 18px 60px #0009;border-radius:4px}.ed-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:#171210;border-radius:4px}.ed-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--mono);font-size:.85rem;pointer-events:none}.ed-hint{padding:.55rem 1rem;border-top:1px solid var(--line);background:var(--panel);font-size:.74rem;color:var(--muted);text-align:center}.ed-hint kbd{font-family:var(--mono);font-size:.7rem;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:0 .35rem;margin:0 .1rem;color:var(--text)}.ed-hint b{color:var(--accent)}