*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--color-fg);background-color:var(--color-bg);background-image:var(--bg-pattern);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}button{font:inherit;cursor:pointer}:root{--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-bg-hover: #ebebef;--color-bg-placeholder: #f0f0f2;--color-fg: #1a1a1a;--color-fg-muted: #666666;--color-border: #e0e0e0;--color-border-strong: #cccccc;--color-border-dashed: #999999;--color-accent: #1a1a1a;--color-accent-fg: #ffffff;--color-disabled-bg: #aaaaaa;--color-error: #c0392b;--color-warning-bg: #fff6e5;--color-warning-border: #f0d99a;--color-success: #2b6b2b;--color-success-bg: #eef7ee;--color-success-border: #b7dcb7;--color-badge-bg: #eeeeee;--color-local-badge-bg: #2a2a2e;--color-local-badge-fg: #d8d8dc;--color-overlay: rgba(0, 0, 0, .65);--color-overlay-soft: rgba(0, 0, 0, .6);--color-topbar-bg: #2a2a2e;--color-topbar-fg: #f0f0f2;--bg-pattern: url(/backgrounds/background-light.webp);--color-scrim-bg: rgba(255, 255, 255, .86)}:root[data-theme=dark]{--color-bg: #18181b;--color-bg-elevated: #232326;--color-bg-hover: #2c2c30;--color-bg-placeholder: #2a2a2e;--color-fg: #f0f0f2;--color-fg-muted: #a0a0a8;--color-border: #3a3a3f;--color-border-strong: #4a4a50;--color-border-dashed: #5a5a62;--color-accent: #e8e8ec;--color-accent-fg: #18181b;--color-disabled-bg: #4a4a50;--color-error: #ff7a68;--color-warning-bg: #3a3320;--color-warning-border: #6b5b2a;--color-success: #7ed17e;--color-success-bg: #1f2f1f;--color-success-border: #3a5a3a;--color-badge-bg: #2c2c30;--color-local-badge-bg: #d8d8dc;--color-local-badge-fg: #2a2a2e;--color-topbar-bg: #e6e6ea;--color-topbar-fg: #1a1a1a;--bg-pattern: url(/backgrounds/background-dark.webp);--color-scrim-bg: rgba(24, 24, 27, .86)}.landing-page{position:relative}.landing-topbar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:var(--color-topbar-bg);color:var(--color-topbar-fg);box-shadow:0 1px 3px #00000026}.brand{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;color:inherit;text-decoration:none}.brand__mark{width:1.3rem;height:1.3rem;flex:none}.brand__short{display:none}@media(max-width:480px){.brand__full{display:none}.brand__short{display:inline}}.landing-topbar__right{display:flex;align-items:center;gap:.9rem}.landing-topbar__signin{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg);text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap}@media(max-width:480px){.landing-topbar{padding:.6rem .75rem;gap:.5rem}.brand{font-size:.85rem}.landing-topbar__right{gap:.5rem}}.landing-hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;gap:3rem;flex-wrap:wrap;padding:30vh 8vw 3rem 0}@media(max-width:900px){.landing-hero{justify-content:center;padding:5.25rem 1.5rem 3rem}}.login-page{max-width:480px;padding:2.5rem 3rem;text-align:center;background:var(--color-bg-elevated);border-radius:20px;box-shadow:0 24px 60px -20px #00000059}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:1.5rem}.brand-lockup__mark{width:2.75rem;height:2.75rem;flex:none}.brand-lockup__text{font-weight:800;font-size:1.6rem;letter-spacing:-.01em;color:var(--color-fg)}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;margin-top:1.5rem;padding:.65rem 1.25rem;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;text-decoration:none;font-size:.95rem;font-weight:500;transition:background-color .15s,box-shadow .15s}.google-login-button:hover{background:#f8f8f8;box-shadow:0 1px 2px #0000001f}.google-login-button__icon{width:1.125rem;height:1.125rem;flex:none}:root[data-theme=dark] .google-login-button{background:#131314;color:#e3e3e3;border-color:#8e918f}:root[data-theme=dark] .google-login-button:hover{background:#1b1b1b}.landing-tiles{position:relative;z-index:1;width:min(820px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.landing-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;min-height:260px;padding:2.25rem;text-align:center;background:var(--color-scrim-bg);border:1px solid var(--color-border);border-radius:18px;color:var(--color-fg);box-shadow:0 12px 30px -18px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s ease,transform .15s ease}.landing-tile:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.landing-tile__icon{display:flex;gap:.6rem;color:var(--color-fg-muted)}.landing-tile__label{font-size:1.15rem;font-weight:600;line-height:1.35}@media(max-width:720px){.landing-tiles{gap:1rem}.landing-tile{min-height:180px;padding:1.5rem}.landing-tile__label{font-size:1rem}}.landing-features{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 2rem 6rem;display:flex;flex-direction:column;gap:2rem}.landing-feature{scroll-margin-top:4rem;padding:2.5rem;background:var(--color-scrim-bg);border:1px solid var(--color-border);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landing-feature__content{display:flex;align-items:center;gap:2.5rem}.landing-feature__content--reverse{flex-direction:row-reverse}.landing-feature__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.landing-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-bg-placeholder);color:var(--color-fg)}.landing-feature h2{margin:0}.landing-feature p{margin:0;color:var(--color-fg-muted);line-height:1.7}.landing-feature__demo{flex:none;width:320px}@media(max-width:720px){.landing-feature{padding:1.75rem}.landing-feature__content,.landing-feature__content--reverse{flex-direction:column}.landing-feature__demo{width:100%}}.landing-mockup__frame.stroke-draw-demo--standalone{width:100%;aspect-ratio:16 / 9;border-radius:10px}.landing-mockup__panel.bookmark-panel-demo--standalone{width:100%;min-width:0;padding:1rem;background:var(--color-bg-elevated);border-radius:10px}.landing-import-demo{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--color-bg-elevated);border-radius:10px}.landing-import-demo__row{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:8px;background:var(--color-bg-placeholder);font-size:.9rem}.landing-import-demo__icon{display:inline-flex;flex:none;color:var(--color-fg-muted)}.landing-import-demo__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.landing-collab-demo{width:100%;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1.5rem;background:var(--color-bg-elevated);border-radius:10px}.landing-collab-demo__avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-fg-muted)}.landing-collab-demo__avatar svg{padding:.65rem;border-radius:999px}.landing-collab-demo__avatar--a svg{background:#dbeafe;color:#2563eb}.landing-collab-demo__avatar--b svg{background:#fde7d0;color:#c2680a}.landing-collab-demo__arrow{flex:none;color:var(--color-fg-muted)}.landing-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.landing-mockup{height:min(104vh,1080px);width:auto;aspect-ratio:1911 / 912;background:var(--color-bg-elevated);border-radius:14px;box-shadow:0 40px 80px -30px #00000080;display:flex;flex-direction:column;padding:.9% 1.4%;gap:.6%;font-size:13px;color:var(--color-fg);transform:perspective(2000px) rotateX(6deg) rotateY(-13deg) rotate(-1.5deg) scale(1.05);transform-origin:58% 45%;opacity:0;-webkit-mask-image:radial-gradient(ellipse 80% 75% at 58% 45%,#000 65%,transparent 98%);mask-image:radial-gradient(ellipse 80% 75% at 58% 45%,#000 65%,transparent 98%);animation:landing-mockup-fade-in .7s ease-out forwards,landing-mockup-fade-out .9s ease-in forwards;animation-delay:0s,11.3s}@keyframes landing-mockup-fade-in{to{opacity:.62}}@keyframes landing-mockup-fade-out{to{opacity:0}}.landing-mockup__topbar{display:flex;align-items:center;justify-content:space-between;opacity:.7}.landing-mockup__breadcrumb{display:flex;align-items:baseline;gap:1.2rem;font-weight:600;white-space:nowrap;overflow:hidden}.landing-mockup__crumb-title{overflow:hidden;text-overflow:ellipsis;opacity:.85}.landing-mockup__body{flex:1;min-height:0;display:flex;gap:1%}.landing-mockup__player{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5%}.landing-mockup__player-bar{background:#16161a;color:#f0f0f2;font-weight:600;font-size:.85em;padding:.6% 1%;border-radius:8px 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-mockup__frame{position:relative;flex:1;min-height:0;overflow:hidden;background:#000}.landing-mockup__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.landing-mockup__still--bookmark1,.landing-mockup__still--bookmark2{opacity:0}.landing-mockup__still--bookmark1{animation:landing-still-fade-in .5s ease-in forwards,landing-still-fade-out .5s ease-out forwards;animation-delay:7.8s,9.3s}.landing-mockup__still--bookmark2{animation:landing-still-fade-in .5s ease-in forwards;animation-delay:9.3s}@keyframes landing-still-fade-in{to{opacity:1}}@keyframes landing-still-fade-out{to{opacity:0}}.landing-mockup__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center}.landing-mockup__strokes-wrap{position:absolute;top:0;right:0;bottom:0;left:0;animation:landing-strokes-fade-out .5s ease-in forwards;animation-delay:7.6s}.landing-mockup__strokes{width:100%;height:100%}@keyframes landing-strokes-fade-out{to{opacity:0}}.landing-stroke{stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.landing-stroke--red{stroke:#e0362a}.landing-stroke--blue{stroke:#2f6fed}.landing-stroke--line1,.landing-stroke--line2,.landing-stroke--zigzag,.landing-stroke--loop{animation:stroke-draw ease-out forwards}.landing-stroke--line1{animation-duration:.7s;animation-delay:.4s}.landing-stroke--line2{animation-duration:.7s;animation-delay:2.2s}.landing-stroke--zigzag{animation-duration:.9s;animation-delay:3.1s}.landing-stroke--loop{animation-duration:1s;animation-delay:4.2s}.landing-stroke--dotted{stroke-dasharray:8 8}.landing-mockup__dotted-clip-rect{x:479px;width:0px;animation:landing-dotted-wipe .7s ease-out forwards;animation-delay:1.3s}@keyframes stroke-draw{to{stroke-dashoffset:0}}@keyframes landing-dotted-wipe{0%{x:479px;width:0px}to{x:305px;width:174px}}.landing-mockup__progress{position:relative;height:4px;background:var(--color-border);border-radius:999px}.landing-mockup__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:18%;background:#e0362a;border-radius:999px}.landing-mockup__progress-handle{position:absolute;left:18%;top:50%;width:10px;height:10px;border-radius:999px;background:#e0362a;transform:translate(-50%,-50%)}.landing-mockup__toolbar{display:flex;align-items:center;gap:.6rem;padding:.6% 0}.landing-mockup__pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--color-border-strong);border-radius:999px;font-size:.8em}.landing-mockup__pill--active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.landing-mockup__tool-icon{width:22px;height:3px;border-radius:2px;background:var(--color-fg-muted)}.landing-mockup__tool-icon--dotted{background:repeating-linear-gradient(to right,var(--color-fg-muted) 0 4px,transparent 4px 8px)}.landing-mockup__tool-icon--zigzag{height:8px;background:none;clip-path:polygon(0% 50%,15% 0%,30% 100%,45% 0%,60% 100%,75% 0%,90% 100%,100% 50%);background-color:var(--color-fg-muted)}.landing-mockup__panel{width:26%;min-width:200px;padding-top:.4%}.landing-mockup__panel-inner{display:flex;flex-direction:column;gap:.6rem}.landing-mockup__panel-header{display:flex;align-items:center;justify-content:space-between}.landing-mockup__panel-title{font-weight:700;font-size:1.1em}.landing-mockup__add-btn{padding:.35rem .7rem;border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg);font-size:.78em;font-weight:600;white-space:nowrap}.landing-mockup__panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.landing-mockup__panel-row{display:flex;gap:.6rem;align-items:baseline;padding:.5rem .65rem;border-radius:8px;background:var(--color-bg-placeholder);opacity:0;animation:landing-row-fade-in .4s ease-out forwards,landing-row-fade-out .5s ease-in forwards}.landing-mockup__panel-row--nth3{animation-delay:6s,11s}.landing-mockup__panel-row--nth4{animation-delay:6.3s,11s}.landing-mockup__panel-row--nth5{animation-delay:6.6s,11s}.landing-mockup__panel-row--hl1,.landing-mockup__panel-row--hl2{animation-name:landing-row-fade-in,landing-row-fade-out,landing-row-highlight-on,landing-row-highlight-off;animation-timing-function:ease-out,ease-in,ease-out,ease-in;animation-fill-mode:forwards,forwards,forwards,forwards;animation-duration:.4s,.5s,.4s,.4s}.landing-mockup__panel-row--hl1{animation-delay:5.4s,11s,7.8s,9.3s}.landing-mockup__panel-row--hl2{animation-delay:5.7s,11s,9.3s,11s}.landing-mockup__panel-time{font-weight:700;font-size:.8em;opacity:.7}.landing-mockup__panel-label{font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes landing-row-fade-in{to{opacity:1}}@keyframes landing-row-fade-out{to{opacity:0}}@keyframes landing-row-highlight-on{to{background:var(--color-warning-bg);box-shadow:0 0 0 1px var(--color-warning-border) inset}}@keyframes landing-row-highlight-off{to{background:var(--color-bg-placeholder);box-shadow:0 0 0 1px transparent inset}}@media(max-width:720px){.landing-mockup{display:none}}.video-list-page{max-width:1100px;margin:0 auto;padding:2rem}.video-list-page__header{display:flex;justify-content:space-between;align-items:center}.video-list-page__add-actions{display:flex;gap:.5rem;margin:1.5rem 0;align-items:flex-start}.video-list-page__add-actions>button:not(.help-tip){padding:.6rem 1rem;border:1px solid var(--color-accent);border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg)}.add-video-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.add-video-form input{flex:1;min-width:220px;padding:.6rem .8rem;border:1px solid var(--color-border-strong);border-radius:6px}.form-error{color:var(--color-error);width:100%;margin:0}.duplicate-confirm{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;width:100%}.duplicate-confirm p{margin:0;flex:1}.toast{padding:.6rem .9rem;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:6px;color:var(--color-success)}.share-dialog{display:flex;flex-direction:column;gap:.75rem;min-width:min(420px,100%)}.share-dialog h2{margin:0;font-size:1.1rem}.share-dialog h3{margin:.5rem 0 0;font-size:.9rem}.share-dialog__intro{margin:0;color:var(--color-fg-muted);font-size:.9rem}.share-dialog__link-row{display:flex;gap:.5rem}.share-dialog__link-row input{flex:1;min-width:0;padding:.6rem .8rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg);color:var(--color-fg)}.share-dialog__revoked{margin:0;color:var(--color-fg-muted);font-size:.9rem}.share-dialog__link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.share-dialog__revoke-confirm{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;font-size:.85rem}.share-dialog__empty{margin:0;font-size:.85rem;color:var(--color-fg-muted)}.share-dialog__collaborators-heading{color:var(--color-fg-muted)}.share-dialog__collaborators{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.share-dialog__collaborator{display:flex;align-items:center;gap:.5rem}.share-dialog__collaborator-color{width:10px;height:10px;border-radius:999px;flex-shrink:0}.share-dialog__collaborator-name{flex:1}.share-dialog__sync{display:block;font-size:.8rem;color:var(--color-fg-muted)}.share-dialog__sync--ok{color:var(--color-success)}.share-dialog__sync--amber,.share-dialog__sync--warn{color:var(--color-fg)}.share-dialog__sync-time{color:var(--color-fg-muted)}.share-dialog__primary{align-self:flex-start;background:var(--color-accent);color:var(--color-accent-fg);border:none}.file-details{padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);text-align:left;font-size:.85rem}.file-details__heading{display:flex;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted)}.file-details__label{font-weight:600;margin:.2rem 0 .35rem}.file-details__list{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0}.file-details dt{color:var(--color-fg-muted)}.file-details dd{margin:0;min-width:0}.file-details__filename{overflow-wrap:anywhere}.game-details{margin:0;padding:.5rem .8rem .7rem;border:1px solid var(--color-border);border-radius:6px}.game-details legend{padding:0 .3rem;font-size:.8rem;color:var(--color-fg-muted)}.game-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.game-details__field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--color-fg-muted);min-width:0}.game-details__field input{padding:.4rem .55rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg);color:var(--color-fg);font-size:.9rem;min-width:0}@media(max-width:480px){.game-details__grid{grid-template-columns:1fr}}.share-dialog__collaborator-badge{font-size:.75rem;color:var(--color-fg-muted);background:var(--color-badge-bg);padding:.2rem .5rem;border-radius:4px}.collections{display:flex;flex-direction:column;gap:2rem}.collection-section__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.collection-section__header h2{font-size:1.05rem;margin:0}.collection-section__header input{font-size:1.05rem;padding:.2rem .4rem;border:1px solid var(--color-border-strong);border-radius:4px}.collection-section__actions{display:flex;gap:.4rem}.collection-section__actions button{border:none;background:transparent;color:var(--color-fg-muted);font-size:.85rem}.collection-section__empty{padding:1.5rem;border:1px dashed var(--color-border-strong);border-radius:8px;color:var(--color-fg-muted);text-align:center}.add-collection-button{align-self:flex-start;padding:.5rem .9rem;border:1px dashed var(--color-border-dashed);border-radius:6px;background:transparent;color:var(--color-fg-muted)}.add-collection-form{display:flex;gap:.5rem}.add-collection-form input{padding:.5rem .7rem;border:1px solid var(--color-border-strong);border-radius:6px}.video-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;padding:0}.video-card{position:relative;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg-elevated)}.video-card__link{position:relative;display:block;text-decoration:none;color:inherit}.video-card__link img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.video-card__placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--color-bg-placeholder);color:var(--color-fg-muted);font-weight:600}.video-card__placeholder--local{background:var(--color-local-badge-bg);color:var(--color-local-badge-fg)}.video-card__badges{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;display:flex;flex-wrap:wrap;gap:.3rem;pointer-events:none}.video-card__badge{background:var(--color-overlay);color:#fff;font-size:.7rem;padding:.2rem .45rem;border-radius:4px}.video-card__badge--notice{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.video-card__badge--warning{background:var(--color-warning-bg);color:var(--color-fg);border:1px solid var(--color-warning-border)}.video-card__title{display:block;width:100%;padding:.6rem .75rem;font-weight:600;text-align:left;border:none;background:transparent}.video-card__title--static{cursor:default}.video-card__title-input{display:block;width:calc(100% - 1.5rem);margin:.4rem .75rem;padding:.3rem .4rem;border:1px solid var(--color-border-strong);border-radius:4px;font-weight:600}.video-card__delete{position:absolute;top:.5rem;right:.5rem;border:none;background:var(--color-overlay-soft);color:#fff;border-radius:4px;padding:.25rem .5rem}.video-page-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.video-page{position:relative;display:grid;grid-template-columns:68% 32%;flex:1;min-height:0;overflow:hidden}.video-page--expanded{grid-template-columns:1fr}.video-page--expanded .video-page__main{width:95%;margin:0 auto}.video-page__main{position:relative;display:flex;flex-direction:column;padding:1rem;gap:.75rem;min-width:0;min-height:0}.video-page__header{display:flex;align-items:baseline;gap:1rem}.video-page__header h1{font-size:1.1rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-page__title-button{display:inline-block;max-width:100%;padding:0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis}.video-page__title-input{font:inherit;width:min(100%,28rem);padding:.1rem .3rem;border:1px solid var(--color-border-strong);border-radius:4px;background:var(--color-bg-elevated);color:inherit}.video-page__badge{font-size:.75rem;color:var(--color-fg-muted);background:var(--color-badge-bg);padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.video-page__share{position:relative;width:auto;gap:.4rem;padding:.4rem .7rem;margin-left:auto;font-size:.85rem}.video-page__share-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:999px;background:var(--color-error);border:2px solid var(--color-bg)}.video-page__toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:50;margin:0;max-width:calc(100vw - 32px);box-shadow:0 4px 16px #0000002e}.local-file-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem}.local-file-bar__message{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0;padding:.4rem .7rem;border-radius:6px;border:1px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.local-file-bar__message--duration,.local-file-bar__message--override{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-fg)}.local-file-bar__link{border:none;background:transparent;color:inherit;padding:0;font-size:inherit;text-decoration:underline;cursor:pointer}.local-file-bar__change{margin-left:auto;color:var(--color-fg-muted)}.video-area{position:relative;width:100%;flex:1 1 0%;min-height:0;background:#000;border-radius:8px;overflow:hidden}.video-area--gated{display:flex;align-items:center;justify-content:center}.reconnect-gate{max-width:420px;text-align:center;color:#eee;padding:1.5rem}.reconnect-gate button:not(.help-tip){margin-top:.75rem;margin-right:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;background:#fff;color:#1a1a1a}.reconnect-gate--card{max-height:100%;overflow-y:auto}.reconnect-gate button.reconnect-gate__secondary{background:transparent;color:#eee;border:1px solid rgba(255,255,255,.4)}.reconnect-gate__title{font-weight:600;font-size:1.05rem}.reconnect-gate__title--amber{color:#f4c56a}.reconnect-gate__title--red{color:#ff8a7a}.reconnect-gate__note{font-size:.8rem;color:#b8b8be}.reconnect-gate__error{color:#ff8a7a}.reconnect-gate .file-details{background:#ffffff14;border-color:#fff3;color:#eee}.reconnect-gate .file-details__heading,.reconnect-gate .file-details dt{color:#b8b8be}.youtube-player,.local-file-player,.drawing-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.local-file-player{object-fit:contain;background:#000}.drawing-canvas{touch-action:none}.playback-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px}.tool-controls{display:flex;align-items:center;gap:1.25rem;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap}.tool-controls__group{display:flex;gap:.4rem}.tool-controls__field{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.tool-button{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .75rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg-elevated);color:var(--color-fg)}.tool-button--active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-swatch{color:currentColor}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-bg-elevated);color:var(--color-fg)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.bottom-dock{position:relative;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.bottom-dock--overlay{position:absolute;left:0;right:0;bottom:0;z-index:40;padding:.75rem;background:var(--color-bg);border-top:1px solid var(--color-border);border-radius:8px 8px 0 0;box-shadow:0 -4px 16px var(--color-overlay-soft);animation:bottom-dock-slide-in .2s ease-out}@keyframes bottom-dock-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-dock__corner{position:absolute;top:-1.15rem;right:.5rem;display:flex;gap:.25rem;z-index:1}.bottom-toggle-tab{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border:1px solid var(--color-border-strong);border-bottom:none;border-radius:8px 8px 0 0;background:var(--color-bg-elevated);color:var(--color-fg)}.marker-panel{border-left:1px solid var(--color-border);background:var(--color-bg-elevated);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.marker-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.marker-panel__header h2{font-size:1rem;margin:0}.marker-panel__header-actions{display:flex;align-items:center;gap:.4rem}.marker-panel--overlay{position:absolute;top:0;right:0;bottom:0;width:32%;min-width:280px;max-width:420px;box-shadow:-4px 0 16px var(--color-overlay-soft);z-index:40;animation:marker-panel-slide-in .2s ease-out}@keyframes marker-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-toggle-tab{position:absolute;top:50%;right:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.6rem .35rem;border:1px solid var(--color-border-strong);border-right:none;border-radius:8px 0 0 8px;background:var(--color-bg-elevated);color:var(--color-fg);z-index:30}.marker-panel__empty{color:var(--color-fg-muted);font-size:.9rem}.marker-panel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.marker-row{display:flex;align-items:center;gap:.4rem}.marker-row--editing input{flex:1;padding:.4rem;border:1px solid var(--color-border-strong);border-radius:4px}.marker-row__author-color{width:8px;height:8px;border-radius:999px;flex-shrink:0}.marker-row__seek{flex:1;display:flex;gap:.5rem;align-items:baseline;text-align:left;background:var(--color-bg);border:none;border-radius:6px;padding:.5rem .6rem}.marker-row__seek:hover{background:var(--color-bg-hover)}.marker-row__time{font-variant-numeric:tabular-nums;color:var(--color-fg-muted);font-size:.85rem}.marker-row__mismatch{display:inline-flex;align-self:center;color:#d48a00}.marker-row__clear-mismatch{display:inline-flex;border:none;background:transparent;color:var(--color-fg-muted);padding:.25rem}.marker-row__edit,.marker-row__delete{border:none;background:transparent;color:var(--color-fg-muted);font-size:.8rem;padding:.25rem}.add-marker-button{padding:.4rem .75rem;border:none;border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg)}.add-marker-button:disabled{background:var(--color-disabled-bg);cursor:not-allowed}.add-marker-form{display:flex;gap:.35rem;align-items:center}.add-marker-form input{padding:.35rem .5rem;border:1px solid var(--color-border-strong);border-radius:4px;width:120px}.add-marker-form__time{font-variant-numeric:tabular-nums;color:var(--color-fg-muted);font-size:.85rem}.page-loading{padding:2rem;text-align:center;color:var(--color-fg-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-panel{background:var(--color-bg-elevated);border-radius:10px;padding:1.5rem;max-width:560px;width:100%;max-height:85vh;overflow-y:auto}.popover{position:relative;display:inline-block}.popover__panel{position:absolute;top:100%;margin-top:.4rem;background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:.75rem;z-index:50;min-width:220px;max-height:min(70vh,400px);overflow-y:auto}.popover__panel--start{left:0}.popover__panel--end{right:0}.popover__panel--flip-up{top:auto;bottom:100%;margin-top:0;margin-bottom:.4rem}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--color-topbar-bg);color:var(--color-topbar-fg);box-shadow:0 1px 3px #00000026}.top-bar__left{display:flex;align-items:center;gap:.9rem}.top-bar__home{display:inline-flex;align-items:center;color:inherit}.top-bar__user{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;padding:.25rem;border-radius:6px}.user-menu{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.user-menu__email{font-size:.85rem;color:var(--color-fg-muted);word-break:break-all}.user-menu__admin-link{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;color:var(--color-fg-muted);font-size:.9rem;text-decoration:none}.user-menu__admin-link:hover{text-decoration:underline}.user-menu__signout{align-self:flex-start;border:none;background:transparent;color:var(--color-fg-muted);padding:0;font-size:.9rem}.admin-shell{min-height:100vh;background:var(--color-bg)}.admin-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;background:var(--color-topbar-bg);color:var(--color-topbar-fg);box-shadow:0 1px 3px #00000026}.admin-shell--prod .admin-bar{border-bottom:3px solid var(--color-error)}.admin-bar__title{display:flex;align-items:center;gap:.6rem;min-width:0;font-weight:700;white-space:nowrap}.admin-bar__icon{width:28px;height:28px;flex:none}.admin-bar__coach{display:inline-flex;align-items:center;gap:.3rem;flex:none;min-height:36px;padding:.35rem .8rem;border:1px solid currentColor;border-radius:999px;color:inherit;font-size:.88rem;text-decoration:none}.admin-bar__coach:hover{background:#ffffff1f}.admin-page{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 3rem}.admin-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.admin-page__header h1{margin:0;font-size:1.5rem}.admin-page__refresh{display:flex;align-items:center;gap:.75rem}.admin-page__updated{color:var(--color-fg-muted);font-size:.85rem}.admin-page__refresh-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .8rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-elevated);color:var(--color-fg);font-size:.88rem}.admin-spin{animation:admin-spin .9s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-page__error{padding:.6rem .9rem;border:1px solid var(--color-warning-border);border-radius:8px;background:var(--color-warning-bg)}.admin-page__exclude{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;cursor:pointer}.environment-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em}.environment-badge--prod{background:var(--color-error);color:#fff}.environment-badge--dev{background:var(--color-warning-bg);color:var(--color-warning-border);border:1px solid var(--color-warning-border)}.admin-stats{margin-bottom:.75rem}.admin-stats__note{margin:.5rem 0 0;color:var(--color-fg-muted);font-size:.85rem}.admin-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.admin-stat{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px}.admin-stat__value{font-size:1.8rem;font-weight:700}.admin-stat__label{font-size:.85rem;color:var(--color-fg-muted)}.admin-users__toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.admin-users__search{display:flex;align-items:center;gap:.5rem;flex:1 1 240px;padding:0 .75rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-fg-muted)}.admin-users__search input{flex:1;min-width:0;min-height:40px;border:none;background:transparent;color:var(--color-fg);font:inherit;outline:none}.admin-users__search:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.admin-users__sort{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-fg-muted)}.admin-users__sort select{min-height:40px;padding:0 .5rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-fg);font:inherit}.admin-users__count{margin:.25rem 0 .75rem;color:var(--color-fg-muted);font-size:.85rem}.admin-you-tag{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-fg);font-size:.7rem;font-weight:700;vertical-align:middle}.admin-user-table{width:100%;border-collapse:collapse;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.admin-user-table th,.admin-user-table td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.admin-user-table__sort-btn{border:none;background:transparent;padding:0;font:inherit;font-weight:600;color:var(--color-fg);text-align:inherit}.admin-user-table>thead>tr>th:nth-child(n+4){max-width:6.5rem;text-align:right}.admin-user-table__row{cursor:pointer}.admin-user-table__row:hover{background:var(--color-bg-hover)}.admin-user-table__identity{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.admin-user-table__scroll{overflow-x:auto;border-radius:12px}.admin-user-table__who{display:flex;flex-direction:column;min-width:0}.admin-user-table__email{color:var(--color-fg-muted);font-size:.82rem}.admin-user-table__when{white-space:nowrap}.admin-user-table__avatar{width:24px;height:24px;flex:none;border-radius:999px;object-fit:cover}.admin-user-table__avatar--empty{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-placeholder);color:var(--color-fg-muted);font-size:.75rem;font-weight:700}.admin-user-table__detail-row td{background:var(--color-bg-placeholder)}.admin-user-table__detail-table{width:100%;border-collapse:collapse}.admin-user-table__detail-table th,.admin-user-table__detail-table td{text-align:left;padding:.4rem .6rem;font-size:.85rem;border-bottom:1px solid var(--color-border)}.admin-activity__note{margin:.25rem 0;color:var(--color-fg-muted);font-size:.88rem}.admin-activity__source{display:inline-flex;align-items:center;gap:.35rem}.admin-activity__icon{flex:none;color:var(--color-fg-muted)}.admin-user-cards{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.admin-user-card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-elevated);overflow:hidden}.admin-user-card--open{border-color:var(--color-border-strong)}.admin-user-card__summary{display:flex;align-items:flex-start;gap:.7rem;width:100%;min-height:44px;padding:.8rem .9rem;border:none;background:transparent;color:var(--color-fg);font:inherit;text-align:left}.admin-user-card__summary .admin-user-table__avatar{width:36px;height:36px}.admin-user-card__text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.admin-user-card__name{font-weight:600}.admin-user-card__email{overflow:hidden;color:var(--color-fg-muted);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-card--open .admin-user-card__email{white-space:normal;word-break:break-all}.admin-user-card__meta{color:var(--color-fg-muted);font-size:.8rem}.admin-user-card__counts{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.admin-count{padding:.1rem .5rem;border-radius:999px;background:var(--color-bg-placeholder);font-size:.78rem;white-space:nowrap}.admin-count--zero{color:var(--color-fg-muted)}.admin-user-table__num{text-align:right!important}.admin-activity__group+.admin-activity__group{margin-top:.75rem}.admin-activity__group h3{margin:.5rem 0 .25rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-fg-muted)}.admin-activity__group-count{font-weight:400}.admin-user-card__details{padding:.25rem .9rem .8rem;border-top:1px solid var(--color-border);background:var(--color-bg-placeholder)}.admin-activity-list{margin:0;padding:0;list-style:none}.admin-activity-list li{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--color-border)}.admin-activity-list li:last-child{border-bottom:none}.admin-activity-list .admin-activity__icon{grid-row:span 2;margin-top:.15rem}.admin-activity-list__label{overflow-wrap:anywhere;font-size:.9rem}.admin-activity-list__meta{color:var(--color-fg-muted);font-size:.8rem}@media(max-width:640px){.admin-page{padding:1rem 1rem 2.5rem}.admin-page__header h1{font-size:1.25rem}.admin-stat-row{gap:.5rem}.admin-stat{padding:.7rem .75rem;border-radius:10px}.admin-stat__value{font-size:1.35rem}.admin-stat__label{font-size:.75rem}.admin-users__sort{flex:1 1 100%}.admin-users__sort select{flex:1}.admin-bar__brand{display:none}}@media(max-width:340px){.admin-stat-row{grid-template-columns:1fr}.admin-stat{flex-direction:row;align-items:baseline;gap:.5rem}}.segmented-control{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:999px;overflow:hidden}.segmented-control__option{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:none;background:var(--color-bg-elevated);color:var(--color-fg);font-size:.85rem}.segmented-control__option--active{background:var(--color-accent);color:var(--color-accent-fg)}.line-style-popover{display:flex;flex-direction:column;gap:.6rem}.add-youtube-dialog{display:flex;flex-direction:column;gap:1rem;min-width:min(420px,100%)}.add-youtube-dialog h2{margin:0;font-size:1.1rem}.add-youtube-dialog__close{align-self:flex-start;border:none;background:transparent;color:var(--color-fg-muted);padding:0}.youtube-search{display:flex;flex-direction:column;gap:.75rem}.youtube-search__results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.youtube-search__empty{color:var(--color-fg-muted);padding:.5rem 0}.youtube-search__result{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left}.youtube-search__result:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.youtube-search__result img,.youtube-search__result-placeholder{width:96px;height:54px;flex-shrink:0;object-fit:cover;border-radius:4px;background:var(--color-bg-placeholder)}.youtube-search__result-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.youtube-search__result-title{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.youtube-search__result-channel{font-size:.8rem;color:var(--color-fg-muted)}.local-file-dialog{display:flex;flex-direction:column;gap:1rem;min-width:min(420px,100%)}.local-file-dialog h2{margin:0;font-size:1.1rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.5rem;border:2px dashed var(--color-border-dashed);border-radius:8px;color:var(--color-fg-muted);text-align:center}.dropzone--active{border-color:var(--color-accent);background:var(--color-bg-hover)}.dropzone button{padding:.6rem 1rem;border:1px solid var(--color-accent);border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg)}.local-file-dialog__warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;padding:.5rem .75rem;margin:0;width:100%}.local-file-dialog__close{align-self:flex-start;border:none;background:transparent;color:var(--color-fg-muted);padding:0}.help-tip{display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;margin-left:.3rem;padding:.1rem;border:none;border-radius:999px;background:transparent;color:inherit;opacity:.55;line-height:1}.help-tip:hover,.help-tip:focus-visible,.help-tip[aria-expanded=true]{opacity:1}.help-tip__panel{position:fixed;z-index:200;max-width:min(280px,calc(100vw - 16px));padding:.6rem .75rem;background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000002e;font-size:.85rem;font-weight:400;line-height:1.4;text-align:left;white-space:normal}.help-tip__question{margin:0 0 .3rem;font-weight:600}.help-tip__answer{margin:0}.help-tip__more{display:inline-block;margin-top:.4rem;color:var(--color-fg-muted);font-size:.8rem}@media(hover:hover){.video-card .help-tip{opacity:0}.video-card:hover .help-tip,.video-card:focus-within .help-tip{opacity:.55}.video-card .help-tip:hover,.video-card .help-tip[aria-expanded=true]{opacity:1}}.video-card__title-row{display:flex;align-items:center;padding-right:.5rem}.video-card__title-row .video-card__title{flex:1;min-width:0}.top-bar__right{display:flex;align-items:center;gap:.9rem}.top-bar__faq{color:inherit;font-size:.9rem;font-weight:600;text-decoration:none}.top-bar__faq:hover{text-decoration:underline}.user-menu__row{display:flex;align-items:center}.user-menu__checkbox{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.faq-page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}.faq-page--public{padding-top:5rem}.faq-page h1{margin:0 0 1.5rem}.faq-list__section{margin-bottom:2rem}.faq-list__section h2{margin:0 0 .5rem;font-size:1.05rem;color:var(--color-fg-muted)}.faq-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem;scroll-margin-top:5rem}.faq-item summary{padding:.75rem 1rem;font-weight:600;cursor:pointer}.faq-item p{margin:0 1rem .75rem;line-height:1.5}.top-bar__guide{position:relative}.top-bar__guide-dot{position:absolute;top:-2px;right:-8px;width:7px;height:7px;border-radius:999px;background:var(--color-error)}@media(max-width:400px){.landing-topbar__right,.top-bar__right{gap:.6rem}.top-bar__faq{font-size:.82rem}}.guide-page{max-width:820px;margin:0 auto;padding:1.25rem 1rem 4rem}.guide-page--public{padding-top:4.5rem}.guide-page__content h1{margin:1.5rem 0 .5rem;font-size:1.6rem}.guide-page__content h2{margin:2rem 0 .6rem;font-size:1.15rem}.guide-page__content p{line-height:1.6}.guide-lede{font-size:1.08rem;color:var(--color-fg-muted);margin-top:0}.guide-nav{display:flex;flex-wrap:wrap;gap:.35rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}@media(max-width:640px){.guide-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -1rem;padding:0 1rem .5rem}}.guide-nav__tab{flex:none;padding:.4rem .7rem;border-radius:999px;color:var(--color-fg);text-decoration:none;font-size:.88rem;white-space:nowrap}.guide-nav__tab:hover{background:var(--color-bg-hover)}.guide-nav__tab--active{background:var(--color-accent);color:var(--color-accent-fg);font-weight:600}.guide-nav__tab--active:hover{background:var(--color-accent)}.guide-mock{margin:1.25rem 0;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-bg);box-shadow:0 6px 24px #00000014}.guide-mock__bar{display:flex;align-items:center;gap:.35rem;padding:.45rem .7rem;background:var(--color-bg-placeholder);border-bottom:1px solid var(--color-border)}.guide-mock__dot{width:9px;height:9px;border-radius:999px;background:var(--color-border-strong)}.guide-mock__url{margin-left:.6rem;font-size:.72rem;color:var(--color-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-mock__body{position:relative;-webkit-user-select:none;user-select:none}.guide-mock figcaption,.guide-mock>figcaption{padding:.45rem .8rem;font-size:.8rem;color:var(--color-fg-muted);border-top:1px solid var(--color-border)}.guide-mock__pad{padding:1rem}.guide-mock__pad .video-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin:.5rem 0 0}.guide-mock__panel{display:flex;background:var(--color-bg)}.guide-mock__still{flex:1;min-width:0;object-fit:cover}@media(max-width:560px){.guide-mock__still{display:none}}.guide-mock__panel .marker-panel{width:min(340px,100%)}.guide-mock__dialog{display:flex;justify-content:center;padding:1rem;background:var(--color-overlay-soft)}.share-dialog--demo{width:min(460px,100%);min-width:0;padding:1.1rem;border-radius:10px;background:var(--color-bg-elevated)}.guide-mock__gate{border-radius:0;min-height:300px;padding:.5rem 0}.guide-mock__menu{display:flex;justify-content:flex-end;padding:1rem}.guide-mock__menu .user-menu{padding:.9rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-elevated);box-shadow:0 6px 20px #0000001f}.guide-mock .stroke-draw-demo--standalone{border-radius:0}.guide-steps{margin:.6rem 0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps li{position:relative;padding:.35rem 0 .35rem 2.1rem;line-height:1.5;counter-increment:guide-step}.guide-steps li:before{content:counter(guide-step);position:absolute;left:0;top:.3rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-fg);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.guide-tip{display:flex;gap:.55rem;align-items:flex-start;padding:.65rem .85rem;border-radius:8px;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);font-size:.92rem}.guide-tip svg{flex:none;margin-top:.2rem}.guide-related ul{padding-left:1.2rem}.guide-related li{margin:.3rem 0}.guide-related a,.guide-release a{color:inherit}.guide-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.guide-footer__back{color:var(--color-fg-muted)}.guide-footer__next{margin-left:auto;padding:.5rem 1rem;border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg);font-weight:600;text-decoration:none}.guide-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1.25rem}.guide-card{display:block;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-elevated);color:inherit;text-decoration:none}.guide-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-hover)}.guide-card h3{margin:0 0 .3rem;font-size:1rem}.guide-card p{margin:0;font-size:.88rem;color:var(--color-fg-muted);line-height:1.45}.guide-flow{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.75rem 0;list-style:none}.guide-flow__step{display:flex;align-items:center;gap:.5rem}.guide-flow__icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong)}.guide-flow__label{font-weight:600;font-size:.9rem}.guide-flow__arrow{color:var(--color-fg-muted);margin:0 .15rem}.guide-roles{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.guide-roles__card{padding:.85rem 1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated)}.guide-roles__card--owner{border-color:var(--color-border-strong)}.guide-roles__card h3{margin:0 0 .4rem;font-size:.98rem}.guide-roles__card ul{margin:0;padding-left:1.1rem;font-size:.92rem;line-height:1.6}@media(max-width:560px){.guide-roles{grid-template-columns:1fr}}.guide-copies{margin:1.25rem 0;padding:1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated)}.guide-copies__row{display:flex;align-items:center;justify-content:center;gap:.5rem}.guide-copies__person,.guide-copies__cloud{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;font-size:.9rem}.guide-copies__file{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--color-fg-muted)}.guide-copies__cloud{padding:.6rem .9rem;border-radius:10px;background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.guide-copies__link{flex:1;max-width:80px;border-top:2px dashed var(--color-border-strong)}.guide-copies figcaption{margin-top:.75rem;text-align:center;font-size:.85rem;color:var(--color-fg-muted)}@media(max-width:480px){.guide-copies__row{flex-direction:column}.guide-copies__link{flex:none;width:0;height:18px;border-top:none;border-left:2px dashed var(--color-border-strong)}}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.guide-column{min-width:0}@media(max-width:760px){.guide-columns{grid-template-columns:1fr}}.guide-statuses{margin:0}.guide-statuses>div{padding:.55rem 0;border-bottom:1px solid var(--color-border)}.guide-statuses dt{font-weight:600}.guide-statuses dd{margin:.15rem 0 0;color:var(--color-fg-muted);font-size:.92rem}.guide-releases{list-style:none;padding:0;margin:1rem 0}.guide-release{padding:.9rem 1rem;margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-elevated)}.guide-release time{font-size:.8rem;color:var(--color-fg-muted)}.guide-page__content .guide-release h2{margin:.2rem 0 .3rem;font-size:1.02rem}.guide-release p{margin:0 0 .35rem}.faq-list__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}.faq-list__guide-link{font-size:.85rem;color:var(--color-fg-muted)}.guide-page__content .faq-list__section h2{margin:0 0 .5rem}.share-dialog__guide-link,.video-list-page__guide-link{font-size:.88rem;color:var(--color-fg-muted)}.video-list-page__guide-link{display:inline-block;margin:-.75rem 0 1.25rem}.reconnect-gate__guide-link{color:#eee}.tour-offer{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1rem 0 0;padding:.9rem 2.75rem .9rem 1rem;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-elevated)}.tour-offer__text{display:flex;flex-direction:column;gap:.15rem;flex:1 1 260px}.tour-offer__text span{font-size:.88rem;color:var(--color-fg-muted)}.tour-offer__actions{display:flex;gap:.5rem}.tour-offer__take{padding:.5rem .9rem;border:none;border-radius:6px;background:var(--color-accent);color:var(--color-accent-fg);font-weight:600}.tour-offer__no{padding:.5rem .9rem;border:1px solid var(--color-border-strong);border-radius:6px;background:transparent;color:inherit}.tour-offer__close{position:absolute;top:.5rem;right:.5rem}