:root{--blue: #006c85;--blue-hover: #00576b;--blue-15: #d9e9ed;--blue-10: #e6f0f3;--deep: #0b3a46;--ink: #111618;--slate: #5d6b6f;--rule: #d5dee0;--canvas: #f4f6f6;--alert: #a8432f;--white: #ffffff;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-card: 10px;--radius-control: 6px;--radius-pill: 999px;--focus-ring: 0 0 0 3px var(--white), 0 0 0 5px var(--blue);--font-display: "Semplicita Pro", "Jost", "Avenir Next", Arial, sans-serif;--font-ui: Calibri, "Carlito", Arial, sans-serif;--sidebar-w: 340px;font-family:var(--font-ui);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);font-size:15px;line-height:22px}h1,h2{font-family:var(--font-display);font-weight:700;margin:0}h1{font-size:26px;line-height:32px}a{color:var(--blue)}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{border:1px solid var(--rule);background:var(--white);color:var(--ink);border-radius:var(--radius-control);padding:var(--sp-2) var(--sp-4)}.btn:hover{background:var(--canvas)}.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--white);font-weight:700}.btn.primary:hover{background:var(--blue-hover)}.btn.on-accent{background:transparent;border-color:#fff9;color:var(--white);padding:var(--sp-1) var(--sp-3)}.btn.on-accent:hover{background:#ffffff29}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--rule)}.brand{font-family:var(--font-display);font-weight:700;color:var(--deep);text-decoration:none}.brand span{color:var(--slate);font-weight:400;margin-left:var(--sp-2)}.who{display:flex;align-items:center;gap:var(--sp-3)}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:var(--sp-2);vertical-align:-1px}.link-btn{background:none;border:0;color:var(--blue);padding:0;text-decoration:underline}.auth-page{min-height:100vh;display:grid;place-items:center;background:var(--canvas);padding:var(--sp-5)}.auth-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-card);padding:var(--sp-6);display:grid;gap:var(--sp-4)}.auth-card .brand{font-size:14px}.auth-card label{display:grid;gap:var(--sp-1);font-size:13px;color:var(--slate)}.auth-card input{font:inherit;padding:var(--sp-2) var(--sp-3);border:1px solid var(--rule);border-radius:var(--radius-control);color:var(--ink)}.form-error{color:var(--alert);margin:0}.muted{color:var(--slate)}.page-message{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--slate)}.review-bar{display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:var(--white);padding:var(--sp-2) var(--sp-5);font-weight:700}.stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);padding:var(--sp-5);max-width:1280px;margin:0 auto}.mode-review .stage{grid-template-columns:minmax(0,1fr) var(--sidebar-w);max-width:none}.title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.review-btn{font-size:16px;padding:var(--sp-3) var(--sp-6)}.sidebar{border-left:1px solid var(--rule);padding-left:var(--sp-5);min-height:240px}.sidebar h2{font-size:16px;color:var(--slate)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.status-menu{font:inherit;font-size:12px;border:1px solid var(--rule);border-radius:var(--radius-pill);padding:0 var(--sp-2);background:var(--white);color:var(--slate)}.status-menu.open{border-color:var(--blue);color:var(--blue)}.prev-notes{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--rule)}.notes-actions{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}a.btn{display:inline-block;text-decoration:none}.player{background:var(--white)}.player-frame{position:relative;background:#000;border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden;aspect-ratio:16 / 9}.player-frame video{width:100%;height:100%;object-fit:contain;display:block}.controls{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:start;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4) var(--sp-4);border:1px solid var(--rule);border-top:0;border-radius:0 0 var(--radius-card) var(--radius-card)}.controls>*{margin-top:2px}.play-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--blue);color:var(--white);font-size:14px;margin-top:0}.play-btn:hover{background:var(--blue-hover)}.time,.version-label{font-variant-numeric:tabular-nums;color:var(--slate);line-height:36px;margin-top:0}.version-label{background:var(--blue-10);color:var(--deep);border-radius:var(--radius-pill);padding:0 var(--sp-3);height:24px;line-height:24px;margin-top:6px;font-size:13px}.scrubber{--thumb: 14px;min-width:0}.scrub-track{position:relative;height:36px}.scrub-rail,.scrub-fill{position:absolute;left:0;top:16px;height:4px;border-radius:2px}.scrub-rail{right:0;background:var(--rule)}.scrub-fill{background:var(--blue);pointer-events:none}.chapter-tick{position:absolute;top:10px;width:2px;height:16px;margin-left:-1px;background:var(--deep);opacity:.55;pointer-events:none}.scrub-track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.scrub-track input[type=range]::-webkit-slider-runnable-track{background:transparent;height:36px}.scrub-track input[type=range]::-moz-range-track{background:transparent;height:36px}.scrub-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:11px;border-radius:50%;background:var(--white);border:3px solid var(--blue)}.scrub-track input[type=range]::-moz-range-thumb{width:calc(var(--thumb) - 6px);height:calc(var(--thumb) - 6px);border-radius:50%;background:var(--white);border:3px solid var(--blue)}.chapter-labels{position:relative;height:18px}.chapter-label{position:absolute;top:0;background:none;border:0;padding:0 var(--sp-1) 0 0;text-align:left;font-size:12px;line-height:18px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-label:hover{color:var(--blue)}@media (max-width: 900px){.mode-review .stage{grid-template-columns:minmax(0,1fr)}.sidebar{border-left:0;padding-left:0}}.pin-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.pin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--alert);border:2px solid var(--white);box-shadow:0 0 0 1px #0006}.pin-clear{position:absolute;left:14px;top:-14px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--white);font-size:10px;line-height:18px;cursor:pointer}.note-panel{display:grid;gap:var(--sp-3);margin:var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--blue);border-radius:var(--radius-card);background:var(--white)}.note-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);background:var(--blue-10);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-control)}.note-ask span{flex:1 1 100%}.note-time{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.time-precise{font-variant-numeric:tabular-nums;font-size:18px}.note-thumb{width:100%;border-radius:var(--radius-control);border:1px solid var(--rule);display:block}.note-thumb.small{width:120px}.note-pin-hint{margin:0;font-size:13px}.tag-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{border:1px solid var(--rule);background:var(--white);border-radius:var(--radius-pill);padding:2px var(--sp-3);font-size:13px}.chip.on{background:var(--blue);border-color:var(--blue);color:var(--white)}.note-panel textarea,.note-editor textarea{font:inherit;width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--rule);border-radius:var(--radius-control);resize:vertical}.note-actions{display:flex;gap:var(--sp-2)}.btn:disabled{opacity:.5;cursor:default}.note-list,.note-replies{list-style:none;margin:0;padding:0}.note{padding:var(--sp-3) 0;border-bottom:1px solid var(--rule)}.note-replies{margin:var(--sp-2) 0 0 var(--sp-4);padding-left:var(--sp-3);border-left:2px solid var(--rule)}.note.reply{border-bottom:0;padding:var(--sp-2) 0 0}.note-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-size:14px}.note-head .dot{margin-right:0}.tag-pill{background:var(--blue-10);color:var(--deep);border-radius:var(--radius-pill);padding:0 var(--sp-2);font-size:12px}.note-body{margin:var(--sp-1) 0;white-space:pre-wrap;overflow-wrap:anywhere}.note-buttons{display:flex;gap:var(--sp-4);font-size:14px}.plus-one.on{font-weight:700}.filters{display:grid;gap:var(--sp-2);margin:var(--sp-3) 0}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}.filter-row .chip{display:inline-flex;align-items:center;gap:var(--sp-1)}.filter-row .chip .dot{margin-right:0}.filter-summary{margin:0;font-size:13px}.dupe-title{margin:0;font-size:15px}.note.jumpable{cursor:pointer}.note.jumpable:hover,.note.focus{background:var(--blue-10)}.time-jump{font-variant-numeric:tabular-nums}.status-pill{border-radius:var(--radius-pill);padding:0 var(--sp-2);font-size:12px;border:1px solid var(--rule);color:var(--slate)}.status-pill.open{border-color:var(--blue);color:var(--blue)}.reply-count{font-size:12px}.note-body.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.link-btn.expand{font-size:13px}.pin-layer.static{pointer-events:none;cursor:default}.pin.pulse{animation:pin-pulse .9s ease-out 1}@keyframes pin-pulse{0%{box-shadow:0 0 0 1px #0006,0 0 #a8432fb3}to{box-shadow:0 0 0 1px #0006,0 0 0 24px #a8432f00}}.scrub-marker{position:absolute;z-index:2;width:10px;height:10px;margin-left:-5px;padding:0;border:2px solid var(--white);border-radius:50%;box-shadow:0 0 0 1px #0000004d}.marker-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:5;width:160px;padding:var(--sp-2);background:var(--ink);color:var(--white);border-radius:var(--radius-control);font-size:12px;line-height:16px;text-align:left;pointer-events:none}.marker-tip img{display:block;width:100%;margin-bottom:var(--sp-1);border-radius:4px}.marker-tip span{display:block;overflow-wrap:anywhere}.scrub-marker.tip-start .marker-tip{left:0;transform:none}.scrub-marker.tip-end .marker-tip{left:auto;right:0;transform:none}.review-card{margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--canvas)}.review-card h2{font-size:14px;color:var(--slate);margin-bottom:var(--sp-1)}.review-card p{margin:0 0 var(--sp-3)}.review-card p:last-child{margin-bottom:0}.review-card-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:#0b3a46e0;color:var(--white);text-align:center;padding:var(--sp-5)}.end-overlay p{margin:0;font-family:var(--font-display);font-size:20px;line-height:28px}.admin{max-width:1000px;margin:0 auto;padding:var(--sp-5)}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.tabs{display:flex;gap:var(--sp-2);margin:var(--sp-4) 0;border-bottom:1px solid var(--rule)}.tab{background:none;border:0;border-bottom:3px solid transparent;padding:var(--sp-2) var(--sp-4);color:var(--slate)}.tab[aria-selected=true]{color:var(--deep);font-weight:700;border-bottom-color:var(--blue)}.headline{font-family:var(--font-display);font-size:20px;margin:0 0 var(--sp-4)}.board{width:100%;border-collapse:collapse}.board th,.board td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--rule)}.board th{color:var(--slate);font-weight:400;font-size:13px}.board tr.clickable{cursor:pointer}.board tr.clickable:hover{background:var(--canvas)}.invite-form{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin:var(--sp-4) 0}.invite-form input[type=text]{border:1px solid var(--rule);border-radius:var(--radius-control);padding:var(--sp-2) var(--sp-3);font:inherit}.invite-link{display:flex;gap:var(--sp-3);align-items:center;background:var(--blue-10);border-radius:var(--radius-control);padding:var(--sp-3);margin-bottom:var(--sp-4);word-break:break-all}.header-link{color:var(--deep);font-weight:700;text-decoration:none}