:root{--bg: #0f1115;--panel: #171a21;--line: #2a2f3a;--text: #e8eaf0;--muted: #a3a9b8;--accent: #b9a6ff;--focus: #ffd166;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button,select,input{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--accent)}a{color:var(--accent)}.app{max-width:1100px;margin:0 auto;padding:16px}.app__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.app__header h1{font-size:1.6rem;margin:0;letter-spacing:.02em}.app__error,.notice{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:8px 12px;margin:8px 0}.dropzone-wrap{display:grid;gap:16px}.dropzone-wrap>:first-child{border:2px dashed var(--line);border-radius:12px;padding:40px 16px;text-align:center}.dropzone__hint,.progress__hint{color:var(--muted)}.demos__list{list-style:none;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.demos__pick{width:100%;text-align:left;padding:12px;display:grid;gap:2px}.demos__title{font-weight:600}.demos__author,.demos__licence,.demos__source{color:var(--muted);font-size:.9rem}.progress__bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.progress__fill{height:100%;background:var(--accent)}.watch{display:grid;gap:12px}.watch__controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.player{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;line-height:0}.player__video{display:block;width:100%;height:auto;max-height:70vh}.player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.timeline__marks{position:relative;height:28px;background:var(--panel);border:1px solid var(--line);border-radius:6px;list-style:none;margin:0;padding:0}.timeline__item{position:absolute;top:2px;transform:translate(-50%)}.timeline__mark{padding:0 4px;min-width:20px;height:22px;line-height:20px;font-size:.75rem}.eventlist__table{width:100%;border-collapse:collapse;font-size:.92rem}.eventlist__table th,.eventlist__table td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--line)}.eventlist__table tr[aria-current=true],.eventlist__table tr[aria-current=time]{background:#2a2440}.eventlist__seek{padding:2px 8px}.settings{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.settings__row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:6px 0}.settings__families{display:flex;flex-wrap:wrap;gap:6px 14px}.about{color:var(--muted)}@media (max-width: 600px){.app{padding:16px 12px}.player__video{max-height:none}}