:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #e5ae0047}.brand{-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;bottom:calc(100% + 34px);left:50%;transform:translate(-50%)}.brand-mark{background:#f0c84b;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;position:relative}.brand-mark:before{content:"";border:4px solid #1d1d1f;border-right-color:#0000;border-radius:50%;width:18px;height:18px;transform:rotate(-18deg)}.brand-mark span{background:#1d1d1f;border-radius:2px;width:14px;height:4px;position:absolute;top:22px;right:9px}.brand-name{letter-spacing:-.055em;font-size:clamp(38px,6vw,56px);font-weight:750;line-height:1}.brand-compact{margin-bottom:8px;position:relative;bottom:auto;left:auto;transform:none}.brand-compact .brand-mark{width:34px;height:34px}.brand-compact .brand-mark:before{border-width:3px;width:13px;height:13px}.brand-compact .brand-mark span{width:10px;height:3px;top:16px;right:7px}.brand-compact .brand-name{font-size:30px}.home-shell{background:#f7f7f5;min-height:100vh;position:relative;overflow-x:clip}.home-toolbar{z-index:10;align-items:center;gap:10px;padding:20px 24px;display:flex;position:fixed;top:0;right:0}.connection-dot{background:#b8b8b5;border:3px solid #e3e3df;border-radius:50%;width:12px;height:12px}.connection-dot.connected{background:#31a86b;border-color:#d9f0e4}.connection-dot.error{background:#d85151;border-color:#f5dddd}.toolbar-room,.toolbar-user,.toolbar-link,.toolbar-button{color:#6e6e6b;font-size:13px;font-weight:650}.toolbar-room{color:#474745;background:#eeeeeb;border-radius:999px;padding:7px 11px}.toolbar-link{text-decoration:none}.toolbar-link:hover,.toolbar-button:hover{color:#1d1d1f}.toolbar-button{cursor:pointer;background:0 0;border:0;padding:7px 0 7px 4px}.search-stage{min-height:100vh;padding:calc(50vh + 48px) 0 48px;position:relative}.search-center{width:min(680px,100vw - 48px);position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%)}.source-form{background:#fff;border:1px solid #e0e0dc;border-radius:16px;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:8px;padding:6px 7px 6px 22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 10px 30px #1e1e1c14,0 2px 7px #1e1e1c0d}.source-form:focus-within{border-color:#d0b34f;transform:translateY(-1px);box-shadow:0 14px 36px #1e1e1c1a,0 0 0 4px #f0c84b1f}.source-form input{color:#1d1d1f;background:0 0;border:0;outline:0;width:100%;min-width:0;height:46px;font-size:16px}.source-form input::placeholder{color:#a2a29e}.source-form button{color:#1d1d1f;cursor:pointer;background:#f0c84b;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0 0 3px;font-size:23px;font-weight:600;transition:background .16s,transform .16s;display:flex}.source-form button:hover:not(:disabled){background:#f6d461;transform:scale(1.04)}.source-form button:disabled{cursor:default;opacity:.45}.search-details{width:min(680px,100vw - 48px);margin:0 auto}.video-launcher{text-align:center}.video-launcher button{color:#6e5a17;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:700}.video-launcher button:hover{color:#1d1d1f}.watch-history{margin-top:14px}.watch-history h2{color:#8b8b87;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px 4px;font-size:12px;font-weight:700}.watch-history-list{background:#ffffffb8;border:1px solid #e6e6e2;border-radius:14px}.watch-history-group+.watch-history-group{border-top:1px solid #deded9}.watch-history-group h3{color:#797975;letter-spacing:.02em;background:#f7f7f5f0;margin:0;padding:8px 13px 6px;font-size:11px;font-weight:750}.watch-history-item{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:9px 13px;display:grid}.watch-history-item+.watch-history-item{border-top:1px solid #ecece8}.watch-history-title{color:#343432;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.watch-history-count,.watch-history-progress{color:#8b8b87;font-size:12px;font-weight:650}.watch-history-progress{text-align:right;min-width:70px}.watch-history-progress.completed{color:#258558}.launch-error,.auth-error{color:#c03939;margin:6px 0 0;font-size:13px}.client-extension-update{color:#fff;white-space:nowrap;z-index:20;background:#1d1d1f;border-radius:999px;align-items:center;gap:14px;padding:7px 8px 7px 15px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.extension-download{color:#1d1d1f;background:#f0c84b;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750;text-decoration:none}.auth-shell{background:#f7f7f5;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.auth-shell>.brand:not(.brand-compact){position:relative;bottom:auto;left:auto;transform:none}.loading-label{color:#8b8b87;margin-top:22px;font-size:13px}.auth-card{gap:16px;width:min(360px,100%);display:grid}.auth-tabs{background:#eaeae6;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:#747470;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;font-size:13px;font-weight:700}.auth-tabs button.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #1e1e1c14}.auth-form{gap:10px;display:grid}.auth-form input{color:#1d1d1f;background:#fff;border:1px solid #dfdfdb;border-radius:13px;outline:0;width:100%;min-height:50px;padding:0 15px}.auth-form input:focus{border-color:#d0b34f;box-shadow:0 0 0 4px #f0c84b1f}.auth-form>button{color:#fff;cursor:pointer;background:#1d1d1f;border:0;border-radius:13px;min-height:50px;font-weight:700}.auth-form>button:hover{background:#333331}.auth-form>button:disabled{cursor:wait;opacity:.6}.auth-download{color:#797975;justify-self:center;font-size:13px;font-weight:650;text-decoration:none}.auth-download:hover{color:#1d1d1f}.auth-card .client-extension-update{justify-self:center;position:relative;bottom:auto;left:auto;transform:none}@media (width<=640px){.home-toolbar{gap:8px;padding:14px 16px}.toolbar-user,.toolbar-room{display:none}.search-center,.search-details{width:calc(100vw - 30px)}.brand{bottom:calc(100% + 28px)}.brand-mark{width:39px;height:39px}.brand-mark:before{border-width:3px;width:16px;height:16px}.brand-mark span{width:12px;height:3px;top:19px;right:8px}.brand-name{font-size:38px}.source-form{grid-template-columns:minmax(0,1fr) 42px;padding-left:17px}.source-form input{font-size:15px}.source-form button{width:42px;height:42px}.watch-history-count{display:none}.watch-history-item{grid-template-columns:minmax(0,1fr) auto}.client-extension-update{max-width:calc(100vw - 30px);bottom:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}