@font-face{font-family:Pretendard;src:url('/pretendard-1.3.9.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#101113;--surface:#191b1e;--surface2:#222528;--line:#2b2e31;--text:#f2f3f1;--muted:#92979b;--green:#b3f96b;--sidebar:218px;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR','Malgun Gothic',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button,input,select,a{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button{transition:background .15s,color .15s,transform .15s}button:hover{color:#fff}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{object-fit:cover}input{min-width:0;color:var(--text)}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:15px;background:var(--green);color:#101113;padding:12px;z-index:100}.skip:focus{top:12px}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;inset:0 auto 0 0;background:#141517;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:11px;align-items:center;margin:0 8px 39px;font-size:23px;font-weight:850;letter-spacing:-1px;line-height:1.2}.brand-mark{display:grid;place-items:center;width:40px;height:44px}.brand-mark svg{width:37px;height:37px;fill:var(--green);stroke:none}.brand-mark svg path+path{fill:#141517}.brand small{display:block;font-size:9px;font-weight:600;color:var(--muted);letter-spacing:2.6px;margin-top:5px}.side-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#72797d;margin:0 13px 13px}.primary-nav{display:grid;gap:6px}.nav-item{height:47px;border-radius:9px;display:flex;align-items:center;text-align:left;gap:12px;padding:0 13px;color:#a6abad;font-size:13px;font-weight:600;width:100%}.nav-item:hover{background:var(--surface2)}.nav-item.active{background:#263320;color:var(--green)}.nav-item svg{width:19px;height:19px}.count{margin-left:auto;font-size:10px;background:#2c3031;min-width:21px;text-align:center;padding:1px 6px;border-radius:5px;color:#b9bdbe}.nav-dot{height:5px;width:5px;border-radius:100%;background:var(--green);margin-left:auto}.side-divider{height:1px;background:var(--line);margin:28px 10px 23px}.side-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.side-heading .icon-button{width:24px;height:24px}.side-streamer{display:flex;align-items:center;width:100%;text-align:left;gap:10px;padding:9px 12px;border-radius:7px;color:#c1c5c8;font-size:12px}.side-streamer:hover{background:var(--surface2)}.avatar{height:30px;width:30px;flex-shrink:0;border-radius:50%;background:#303833;object-fit:cover}.side-empty{color:#737b7d;font-size:12px;padding:0 13px 14px;line-height:1.8}.add-streamer{display:flex;gap:9px;align-items:center;padding:12px 13px;font-size:12px;color:#9ca29e}.add-streamer svg{height:16px;width:16px}.sidebar-bottom{margin-top:auto;padding-top:32px}.personal-note{border:1px solid #333a2d;background:linear-gradient(130deg,#222a1c,#1a1d1a);padding:15px 13px;border-radius:10px;margin-bottom:16px}.personal-note svg{color:var(--green);margin-bottom:12px;width:18px}.personal-note strong{font-size:11px;font-weight:600}.personal-note p{font-size:11px;color:#9aa194;line-height:1.8;margin:7px 0 0}.quiet-button{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding:8px 5px}.quiet-button svg{height:14px;width:14px}.copyright{display:block;margin-top:20px;color:#656c70;font-size:8px;letter-spacing:.4px}.app-shell{margin-left:var(--sidebar)}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.search-trigger{border:1px solid #303337;background:#1b1d20;border-radius:8px;display:flex;align-items:center;gap:12px;width:390px;height:39px;padding:0 13px;color:#949b9e;font-size:12px;text-align:left}.search-trigger svg{width:16px;height:16px}.search-trigger kbd{margin-left:auto;background:#272a2e;border:1px solid #383c40;border-radius:4px;padding:0 6px;color:#929a9d;font-size:12px}.topbar-right{display:flex;align-items:center;gap:22px}.source-status{font-size:10px;color:#9ba09f;display:flex;gap:8px;align-items:center}.source-status i{width:5px;height:5px;border-radius:50%;background:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#969fa2;flex-shrink:0}.icon-button:hover{background:#2a2e30;color:#fff}.icon-button svg{width:18px;height:18px}.mobile-brand,.mobile-nav{display:none}main{max-width:1640px;margin:auto;padding:36px 38px 0;outline:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:6px 0 32px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:7px}.eyebrow>span:empty{width:5px;height:5px;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(26px,2.6vw,40px);font-weight:780;letter-spacing:-1.8px;line-height:1.38;margin:15px 0 14px}.green{color:var(--green)}.hero-description{font-size:12px;line-height:1.85;color:#9da2a5;margin:0 0 17px}.text-link{display:flex;align-items:center;gap:12px;color:var(--green);font-size:11px;font-weight:600;padding:0}.text-link svg{width:16px;height:16px}.featured{height:238px;position:relative;overflow:hidden;border-radius:13px;background:#242a23;isolation:isolate}.featured.loading{animation:pulse 1.7s infinite}.featured-button{width:100%;height:100%;text-align:left;padding:0;display:block}.featured img{width:100%;height:100%;transition:transform .4s;opacity:.8}.featured:hover img{transform:scale(1.025)}.featured::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e 0%,#0005 50%,#0001);pointer-events:none;z-index:0}.featured-badge{position:absolute;left:18px;top:17px;background:#171b16d9;color:var(--green);font-size:9px;letter-spacing:1px;font-weight:650;padding:5px 9px;border:1px solid #b3f96b4d;border-radius:5px;z-index:1;display:flex;gap:6px;align-items:center}.featured-badge svg{width:12px;height:12px}.featured-copy{position:absolute;bottom:22px;left:23px;right:68px;z-index:1}.featured-copy small{color:#d2d7d0;font-size:11px}.featured-copy h3{font-size:19px;letter-spacing:-.7px;line-height:1.4;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-play{position:absolute;right:21px;bottom:24px;z-index:1;display:grid;place-items:center;background:var(--green);color:#1c2815;border-radius:50%;height:39px;width:39px}.featured-play svg{fill:currentColor;width:17px;height:17px}.channel-section{padding:18px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-eyebrow{font-size:12px;font-weight:650;display:flex;gap:12px;align-items:center}.section-eyebrow span{font-size:10px;font-weight:400;color:#7c8387}.channel-rail{display:flex;gap:23px;margin-top:18px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.channel-bubble{min-width:63px;max-width:72px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:10px;color:#bdc3c5}.channel-bubble img{width:48px;height:48px;border-radius:50%;outline:1px solid #3a4138;outline-offset:3px;transition:outline-color .15s}.channel-bubble:hover img{outline-color:var(--green)}.channel-bubble>span{max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-add{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#242824;color:var(--green);border:1px dashed #526342}.feed-section{padding-top:29px;min-height:480px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.title-line{display:flex;gap:11px;align-items:center}.title-line h2{font-size:21px;letter-spacing:-.8px;margin:0;font-weight:730}.live-badge{font-size:8px;letter-spacing:1px;color:var(--green);border:1px solid #4a5a38;padding:2px 5px;border-radius:3px}.section-heading p{margin:7px 0 0;font-size:11px;color:var(--muted)}.page-actions{display:flex;gap:7px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:9px 15px;border-radius:7px;font-weight:650;font-size:12px;background:var(--green);color:#1b2910}.button:hover{background:#c4ff8d;color:#18240f}.button.secondary{background:#232629;border:1px solid #393e40;color:#d7dddf}.button.secondary:hover{background:#303537}.button.danger{background:#492929;color:#ffb5b5}.button svg{width:16px;height:16px}.filters{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:5px}.segmented button{padding:7px 16px;border-radius:7px;color:#969da0;font-size:11px}.segmented button.selected{background:var(--green);color:#162210;font-weight:700}.segmented button:not(.selected):hover{background:#25292b}.filter-right{display:flex;align-items:center;gap:15px}.sort-label{display:flex;align-items:center;gap:7px;color:#b0b7ba}.sort-label svg{height:14px;width:14px}.sort-label select{border:0;background:transparent;color:#b9c0c1;padding:4px 0;font-size:11px;max-width:100px}.sort-label select option{background:#222}.view-toggle{display:flex;border-left:1px solid var(--line);padding-left:13px;gap:3px}.view-toggle .icon-button{width:28px;height:28px}.view-toggle .selected{background:#2b3032;color:var(--green)}.view-toggle svg{width:15px;height:15px}.search-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 17px}.clip-search{display:flex;align-items:center;gap:8px;color:#6e777b}.clip-search svg{width:14px;height:14px}.clip-search input{font-size:11px;border:0;background:transparent;width:270px;padding:5px 0}.clip-search input::placeholder{color:#7f888c}.search-row>span{font-size:10px;color:#7f888c;white-space:nowrap}.clips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.clip-card{min-width:0;position:relative}.thumb-button{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#232729;border-radius:9px;padding:0}.thumb-button>img{width:100%;height:100%;display:block;transition:transform .35s}.thumb-button:hover>img{transform:scale(1.045)}.duration{position:absolute;right:8px;bottom:7px;background:#080b0de0;border-radius:3px;padding:1px 5px;font-size:10px;font-variant-numeric:tabular-nums;color:#f1f4f5}.category-tag{position:absolute;left:8px;top:8px;max-width:75%;background:#0b1015bd;backdrop-filter:blur(8px);border:1px solid #ffffff20;color:#e9eef0;font-size:8px;font-weight:500;letter-spacing:.3px;padding:3px 6px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hover-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#b3f96bef;color:#17250f;opacity:0;transition:opacity .2s}.hover-play svg{fill:currentColor;width:19px;height:19px}.thumb-button:hover .hover-play,.thumb-button:focus-visible .hover-play{opacity:1}.card-bottom{display:flex;gap:9px;padding-top:12px}.card-bottom .avatar{width:27px;height:27px;margin-top:1px}.card-text{min-width:0;flex:1}.clip-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;padding:0;font-size:12px;font-weight:650;line-height:1.6;word-break:break-word;letter-spacing:-.2px;color:#e3e7e7}.clip-title:hover{color:var(--green)}.card-meta{font-size:10px;color:#8c9599;margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.channel-name{font-size:10px;color:#a3adb0;padding:0;text-align:left}.verified{color:var(--green);font-size:9px}.clip-stats{display:block;width:100%;font-size:9px;color:#778186;letter-spacing:.1px;margin-top:1px}.save-button{width:26px;height:29px;display:grid;place-items:center;padding:0;border-radius:5px;color:#7f8a8f;flex-shrink:0}.save-button svg{height:16px;width:16px}.save-button:hover{color:var(--green);background:#25321e}.save-button.is-saved{color:var(--green)}.save-button.is-saved svg{fill:#b3f96b33}.clips-grid.list-view{grid-template-columns:1fr}.list-view .clip-card{display:flex;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.list-view .thumb-button{width:240px;flex-shrink:0}.list-view .card-bottom{flex:1;align-items:flex-start;min-width:0}.list-view .clip-title{font-size:16px}.list-view .save-button{margin-left:auto}.load-area{text-align:center;padding:30px 0 15px}.load-area .button{min-width:180px}.load-area p{font-size:11px;color:#727d80;margin:12px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;margin-top:20px;border-top:1px solid var(--line);color:#697378;font-size:9px;line-height:1.8}.footer>span:first-child{display:flex;gap:13px;align-items:center}.footer strong{color:#c0c8c9;font-size:13px;letter-spacing:-.5px}.footer .quiet-button{font-size:10px}.skeleton-thumb{aspect-ratio:16/9;background:#24282a;border-radius:9px;animation:pulse 1.7s infinite}.skeleton-line{height:11px;width:80%;background:#25292b;margin:16px 0 0;border-radius:4px;animation:pulse 1.7s infinite}.skeleton-line.short{width:45%;height:8px;margin-top:10px}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed #343b3c;border-radius:12px;background:#16191a}.empty-state>svg{width:34px;height:34px;margin:0 auto 18px;color:#737f73}.empty-state h3{font-size:17px;color:#e0e7e5;letter-spacing:-.5px}.empty-state p{font-size:12px;line-height:1.9;margin:12px 0 22px}.notice{padding:12px 15px;margin-bottom:18px;border:1px solid #555139;background:#2b281d;border-radius:7px;font-size:12px;color:#e0d8ac;display:flex;gap:10px;align-items:center;justify-content:space-between}.notice button{text-decoration:underline;white-space:nowrap}.following-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 19px}.following-chip{display:flex;align-items:center;gap:7px;border:1px solid #353d3b;border-radius:30px;padding:5px 10px 5px 5px;font-size:11px;color:#adb8b1}.following-chip.active{border-color:#7a9e5a;background:#26341f;color:#c4e8a5}.following-chip .avatar{width:24px;height:24px}.following-chip svg{width:13px;height:13px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.collection-tile{padding:0;text-align:left;background:#1c2020;border:1px solid #343b38;border-radius:10px;overflow:hidden}.collection-cover{height:130px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#35462b,#1c2725);position:relative}.collection-cover img{width:100%;height:100%;opacity:.75}.collection-cover>svg{width:38px;height:38px;color:#b3f96b}.collection-cover .collection-number{position:absolute;bottom:9px;right:10px;background:#121713e0;border:1px solid #ffffff30;border-radius:5px;padding:2px 7px;font-size:10px}.collection-name{padding:14px;display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:650}.collection-name svg{color:var(--green);width:17px;height:17px}.collection-tile:hover{border-color:#79995c}dialog{padding:0;background:#1b1e20;color:var(--text);border:1px solid #3c4343;border-radius:15px;box-shadow:0 30px 100px #0008;max-height:90dvh;overflow:auto}dialog::backdrop{background:#050808cc;backdrop-filter:blur(8px)}.search-dialog{width:min(580px,calc(100% - 32px));padding:26px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px}.dialog-header .eyebrow{margin:0 0 10px;font-size:9px}.dialog-header h2{font-size:21px;letter-spacing:-.8px;margin:0}.modal-search{display:flex;align-items:center;gap:12px;border:1px solid #58624f;background:#131617;border-radius:9px;padding:12px 14px;color:var(--green)}.modal-search input{width:100%;border:0;background:none;font-size:14px;outline:none;padding:3px}.muted{color:var(--muted);font-size:11px;line-height:1.8}.search-results{margin-top:20px;min-height:170px}.search-result{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.search-result .avatar{width:42px;height:42px}.search-result-info{flex:1;min-width:0}.search-result-info strong{font-size:13px}.search-result-info small{display:block;color:#8e9a9f;font-size:10px;margin-top:4px}.search-result .button{font-size:11px;padding:6px 11px;min-height:32px}.empty-mini{padding:40px 10px;text-align:center;color:#8c999e;font-size:12px}.player-dialog{width:min(980px,calc(100% - 32px));background:#151819}.player-top{padding:9px 17px;display:flex;align-items:center;justify-content:space-between}.player-top .eyebrow{margin:0;font-size:9px}.player-frame{aspect-ratio:16/9;background:#000}.player-frame iframe{display:block;width:100%;height:100%;border:0}.player-details{padding:23px 26px 27px}.player-details h2{font-size:22px;line-height:1.6;margin:0 0 12px;word-break:break-word;letter-spacing:-.6px}.player-byline{display:flex;gap:11px;align-items:center;font-size:13px}.player-byline small{display:block;font-size:11px;color:#8b989d;margin-top:3px}.player-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.player-note{margin:16px 0 0;color:#839095;font-size:11px}.utility-dialog{width:min(490px,calc(100% - 32px));padding:26px}.utility-dialog p{font-size:13px;line-height:1.85;color:#b2bfc2}.utility-dialog p small{font-size:11px;color:#89969a}.utility-dialog label{display:block;font-size:12px;color:#a6b4b8;margin-bottom:8px}.text-input{background:#121617;color:#ebf1ef;border:1px solid #414b4c;border-radius:7px;padding:12px;width:100%;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.check-row{display:flex!important;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.check-row input{accent-color:var(--green);width:17px;height:17px}.share-url{font-size:12px;word-break:break-all}.storage-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.toast{position:fixed;left:calc(50% + var(--sidebar)/2);bottom:30px;transform:translateX(-50%);background:#e0f1d3;color:#15220f;border:1px solid #b3f96b;border-radius:10px;padding:13px 20px;font-size:12px;z-index:100;box-shadow:0 7px 35px #0005;max-width:90%;text-align:center}.noscript{position:fixed;inset:80px 10% auto;background:#eee;color:#111;padding:20px;z-index:100}@keyframes pulse{50%{opacity:.5}}@media(min-width:1550px){.clips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1.1fr 1fr}.featured{height:270px}.channel-rail{gap:32px}.thumb-button{border-radius:10px}.clip-title{font-size:13px}}@media(max-width:1150px){:root{--sidebar:190px}.sidebar{padding-left:13px;padding-right:13px}.brand{font-size:21px;margin-left:5px}.topbar{padding:0 25px}main{padding:25px 25px 0}.hero{gap:22px}.hero h1{font-size:29px}.featured{height:225px}.source-status{display:none}.clips-grid{gap:24px 14px}.card-bottom>.avatar{display:none}.footer>span:first-child{display:block}.footer strong{display:block}.channel-rail{gap:19px}.personal-note{padding:13px 10px}.personal-note strong{font-size:10px}}@media(max-width:900px){:root{--sidebar:76px}.sidebar{padding:26px 12px}.brand{justify-content:center;margin:0 0 35px}.brand>span:last-child,.side-label,.side-divider,#side-streamers,.add-streamer,.sidebar-bottom{display:none}.nav-item{font-size:0;justify-content:center;padding:0;width:50px;height:48px}.nav-item .count,.nav-dot{display:none}.nav-item svg{width:22px;height:22px}.primary-nav{gap:12px}.hero h1{font-size:29px}.topbar{height:70px}.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-bottom>.avatar{display:block}.hero-description{font-size:11px}.collection-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:65px;padding:0 20px;gap:14px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-1px}.mobile-brand img{width:27px;height:27px}.search-trigger{margin-left:auto;width:35px;background:none;border:0;padding:7px;justify-content:center}.search-trigger svg{width:21px;height:21px}.search-trigger>span:not([data-icon]),.search-trigger kbd,.topbar-right{display:none}main{padding:25px 18px 0}.hero{display:flex;flex-direction:column;gap:23px;padding:0 0 24px;align-items:stretch}.hero-copy{position:relative}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:30px;letter-spacing:-1.3px;line-height:1.35;margin:12px 0}.hero-description{font-size:11px;margin-bottom:14px;line-height:1.8}.hero-description br{display:none}.text-link{font-size:11px}.featured{height:192px;border-radius:11px}.featured-copy{bottom:19px;left:18px;right:63px}.featured-copy h3{font-size:17px}.featured-badge{left:14px;top:14px;font-size:8px}.featured-play{width:33px;height:33px;right:16px;bottom:20px}.channel-section{padding:17px 0 13px}.channel-rail{gap:16px;margin-top:18px}.channel-bubble{min-width:55px;font-size:9px}.channel-bubble img,.channel-add{width:41px;height:41px}.channel-bubble>span{max-width:59px}.section-eyebrow{font-size:11px}.section-eyebrow span{font-size:9px}.feed-section{padding-top:24px}.section-heading{margin-bottom:17px;align-items:flex-start}.title-line{gap:8px;flex-wrap:wrap}.title-line h2{font-size:19px;letter-spacing:-.8px}.live-badge{font-size:7px}.section-heading p{font-size:10px;line-height:1.7}.page-actions .button{font-size:10px;padding:7px 9px;min-height:32px}.page-actions .button svg{width:13px;height:13px}.page-actions{justify-content:flex-end;max-width:45%;gap:5px}.filters{padding-bottom:12px}.segmented{gap:1px}.segmented button{padding:6px 11px;font-size:10px}.filter-right{gap:9px}.sort-label{gap:4px}.sort-label select{font-size:10px}.view-toggle{padding-left:8px;gap:0}.view-toggle .icon-button{width:25px;height:25px}.sort-label svg{display:none}.search-row{padding:12px 0 15px}.clip-search input{width:min(230px,57vw);font-size:10px}.search-row>span{font-size:9px}.clips-grid{gap:23px 12px}.card-bottom{gap:6px;padding-top:9px}.card-bottom>.avatar{display:none}.clip-title{font-size:11px;line-height:1.55;font-weight:600;letter-spacing:-.25px}.card-meta{font-size:9px;margin-top:4px;gap:2px}.channel-name{font-size:9px}.clip-stats{font-size:8px;margin-top:1px;letter-spacing:-.2px}.save-button{width:21px;height:24px}.save-button svg{width:14px;height:14px}.duration{font-size:8px;right:5px;bottom:5px;padding:1px 4px}.category-tag{font-size:7px;left:5px;top:5px;padding:2px 4px;max-width:90%}.thumb-button{border-radius:6px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#191d1ff7;border-top:1px solid #343d3b;backdrop-filter:blur(15px);display:flex;z-index:20;padding:9px 8px max(10px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#8e9c9e;font-size:9px;min-width:70px;padding:1px 5px}.mobile-nav button.active{color:var(--green)}.mobile-nav svg{width:20px;height:20px}.footer{margin-bottom:70px;flex-wrap:wrap;padding:23px 0;gap:13px;font-size:8px}.footer .quiet-button{padding:0;font-size:9px}.footer>span:first-child{font-size:9px}.footer strong{font-size:12px;margin-bottom:4px}.load-area{padding:25px 0 5px}.load-area .button{font-size:11px;min-height:36px}.toast{left:50%;bottom:85px;font-size:11px;width:max-content;max-width:calc(100% - 36px)}.search-dialog,.utility-dialog{padding:21px}.dialog-header h2{font-size:19px}.player-dialog{width:calc(100% - 16px);border-radius:10px}.player-details{padding:17px}.player-details h2{font-size:17px}.player-actions{gap:6px}.player-actions .button{font-size:10px;padding:8px 10px}.player-byline{font-size:11px}.player-byline small,.player-note{font-size:10px}.list-view .thumb-button{width:138px}.list-view .clip-card{gap:12px}.list-view .clip-title{font-size:12px}.list-view .card-bottom{padding-top:2px}.collection-grid{gap:12px}.collection-cover{height:98px}.collection-name{font-size:12px;padding:12px}.following-chip{font-size:10px}.empty-state{padding:40px 17px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.notice{font-size:11px}.list-view .save-button{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Usability revision: readable controls, faster library actions and compact mobile feed. */
.card-actions{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.save-button,.collection-button{display:grid;place-items:center;min-width:40px;height:40px;padding:8px;border-radius:7px;color:#9ba8ab}.collection-button:hover{background:#25321e;color:var(--green)}.save-button svg,.collection-button svg{width:18px;height:18px}.clip-title{font-size:14px}.channel-name{font-size:12px}.clip-stats{font-size:12px;line-height:1.6}.card-meta{font-size:12px}.icon-button{min-width:40px;min-height:40px}.toast{display:flex;gap:15px;align-items:center;max-width:calc(100% - 32px)}.toast button,.undo-inline button{font-size:13px;font-weight:750;padding:9px 10px;background:#182c0b;color:#dcffbb;border-radius:6px;white-space:nowrap;min-height:40px}.undo-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#25331d;padding:9px 12px;border-radius:8px;margin-top:15px;font-size:13px}.streamer-disclosure{display:none}.search-row{padding-bottom:4px}.clip-search input{font-size:13px;width:320px;max-width:100%;min-height:40px}.search-hint{font-size:11px;line-height:1.6;color:#a1acb0;margin:3px 0 18px}.search-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #394331;border-radius:8px;margin-bottom:17px;background:#1b2418;font-size:12px;color:#bbd5a7}.search-progress>span{flex:1;min-width:150px}.search-progress .button{font-size:12px}.utility-dialog:has(#edit-collection){max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.utility-dialog:not([open]){display:none}.utility-dialog:has(#edit-collection) #utility-body{min-height:0;display:flex;flex-direction:column;overflow:hidden}.utility-dialog:has(#edit-collection) .dialog-header{flex-shrink:0;margin-bottom:15px}#edit-collection{display:flex;flex-direction:column;min-height:0}.collection-editor-head{flex-shrink:0}.editor-search{display:flex!important;align-items:center;gap:9px;background:#111617;border:1px solid #46524c;border-radius:7px;padding:8px 11px;margin-top:15px}.editor-search svg{width:17px;height:17px;color:#a9c291}.editor-search input{width:100%;background:none;border:0;min-height:28px;outline:none;font-size:13px}.editor-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:5px 0 11px;font-size:12px}.editor-tools>span{margin-right:auto;color:#b6c2bf}.editor-tools button{font-size:11px;padding:8px 6px;color:var(--green);min-height:35px}.collection-choices{overflow:auto;overscroll-behavior:contain;min-height:0;max-height:45dvh;border-top:1px solid var(--line)}.collection-choices .check-row{font-size:13px;gap:12px;padding:13px 3px;cursor:pointer}.collection-choices .check-row span{overflow-wrap:anywhere}.collection-choices input{flex-shrink:0;width:20px;height:20px}.editor-footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:15px;margin-top:0;background:#1b1e20}.editor-footer .button{min-height:42px}.sort-label select{min-height:40px;font-size:12px}.view-toggle .icon-button{min-width:40px;min-height:40px}.segmented button{min-height:40px}.list-view .card-actions{flex-direction:row}.search-trigger{min-height:42px}
@media(max-width:600px){
  main{padding-top:16px}.hero{display:block;padding:0 0 17px}.hero-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero .eyebrow,.hero-description,.hero h1 br,.hero .featured{display:none}.hero h1{font-size:18px;line-height:1.45;letter-spacing:-.7px;margin:0;max-width:220px}.hero h1 .green{color:var(--green)}.hero .text-link{font-size:11px;min-height:44px;max-width:90px;line-height:1.5;gap:5px;text-align:left;flex-shrink:0}.hero .text-link svg{width:14px;height:14px}.channel-section{padding:0;border-bottom:1px solid var(--line)}.channel-section>.section-eyebrow{display:none}.streamer-disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;font-size:12px;color:#acb9ae;text-align:left;padding:5px 0}.streamer-disclosure svg{height:16px;width:16px}.channel-section .channel-rail{display:none}.channel-section.expanded .channel-rail{display:flex;margin:11px 0 16px}.channel-section.expanded .streamer-disclosure svg{transform:rotate(180deg)}.feed-section{padding-top:19px}.title-line h2{font-size:19px}.section-heading{margin-bottom:12px}.section-heading p{font-size:12px}.live-badge{display:none}.page-actions .button{min-height:40px;font-size:12px;padding:8px 10px}.section-heading{gap:8px}.filters{gap:5px;flex-wrap:wrap;padding-bottom:8px}.segmented button{min-height:42px;padding:7px 10px;font-size:12px}.filter-right{gap:5px}.sort-label select{font-size:12px;max-width:85px;min-height:42px}.view-toggle{padding-left:5px;gap:0}.view-toggle .icon-button{min-width:40px;min-height:42px}.view-toggle svg{width:17px;height:17px}.search-row{align-items:center;padding:10px 0 2px;gap:6px}.clip-search{min-width:0;flex:1}.clip-search input{width:100%;font-size:13px;min-height:40px}.search-row>span{font-size:11px}.search-hint{font-size:11px;margin:0 0 14px}.search-progress{font-size:12px;padding:11px}.clips-grid{gap:22px 12px}.card-bottom{position:relative;display:block;padding-top:10px}.card-bottom>.avatar{display:none}.clip-title{font-size:14px;line-height:1.5;min-height:42px;font-weight:650}.card-meta{font-size:12px;margin-top:5px;gap:3px}.channel-name{font-size:12px;min-height:24px}.clip-stats{font-size:12px;line-height:1.65;letter-spacing:0}.card-actions{flex-direction:row;gap:5px;justify-content:flex-end;margin-top:5px}.save-button,.collection-button{min-width:44px;width:44px;height:44px;padding:11px;background:#1d2221}.save-button svg,.collection-button svg{width:19px;height:19px}.duration{font-size:11px;bottom:6px;right:6px}.category-tag{font-size:9px;padding:3px 5px}.list-view .card-bottom{min-width:0;padding-top:0}.list-view .thumb-button{width:125px;align-self:flex-start}.list-view .clip-title{font-size:14px}.list-view .card-actions{justify-content:flex-start}.list-view .clip-stats{font-size:11px}.list-view .clip-card{gap:12px}.icon-button{min-width:44px;min-height:44px}.search-trigger{min-width:44px;min-height:44px}.player-details h2{font-size:18px}.player-byline{font-size:13px}.player-byline small,.player-note{font-size:12px}.player-actions .button{font-size:12px;min-height:44px}.mobile-nav button{font-size:11px;min-height:48px;padding:3px 5px}.toast{bottom:90px;font-size:12px;gap:9px;padding:10px 13px;line-height:1.6}.toast button{min-height:44px}.collection-cover{height:100px}.collection-name{font-size:14px}.collection-choices{max-height:38dvh}.utility-dialog{padding:20px;max-height:92dvh}.utility-dialog:has(#edit-collection){max-height:92dvh}.editor-tools{gap:3px}.editor-tools>span{font-size:11px;width:100%;margin-bottom:2px}.editor-tools button{font-size:12px;min-height:38px}.editor-footer .button{min-height:44px}.editor-search input{font-size:13px}.footer{font-size:10px}.following-chip{font-size:12px;min-height:42px}.search-result .button{min-height:40px}.search-result-info strong{font-size:14px}.search-result-info small{font-size:12px}.dialog-header h2{font-size:20px}.button{min-height:42px}.check-row{min-height:48px}.check-row input{min-width:20px;min-height:20px}
}

.hero-title-mobile{display:none}@media(max-width:600px){.hero-title-desktop{display:none}.hero-title-mobile{display:inline}.hero h1{font-size:17px;word-break:keep-all;max-width:none;flex:1}}

/* Descriptive service identity, independent of the hosting brand. */
.brand{font-size:20px;white-space:nowrap}.brand-mark{flex-shrink:0}.brand small{font-size:10px;letter-spacing:0}

/* Full-width mobile cards, with an optional two-column browsing mode. */
.compact-toggle{display:none}
@media(max-width:600px){
  .compact-toggle{display:grid}
  .clips-grid:not(.list-view):not(.compact-view){grid-template-columns:minmax(0,1fr);gap:25px}
  .clips-grid:not(.list-view):not(.compact-view) .thumb-button{border-radius:10px}
  .clips-grid:not(.list-view):not(.compact-view) .card-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start}
  .clips-grid:not(.list-view):not(.compact-view) .clip-title{font-size:16px;min-height:0;line-height:1.5}
  .clips-grid:not(.list-view):not(.compact-view) .card-actions{margin-top:0}
  .clips-grid:not(.list-view):not(.compact-view) .category-tag{font-size:11px;padding:4px 7px;top:8px;left:8px}
  .clips-grid:not(.list-view):not(.compact-view) .duration{font-size:12px;padding:2px 5px;right:8px;bottom:8px}
  .clips-grid.compact-view{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.mobile-brand>span{line-height:1.2}.mobile-brand small{display:block;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.4;color:var(--muted);margin-top:3px}

/* Continuous clips: a single, uncropped embed with a gesture surface. */
.reels[hidden]{display:none}.reels-mode .topbar,.reels-mode main>:not(.reels){display:none}.reels-mode main{padding:0}.reels-mode .app-shell{min-height:100dvh}.reels-mode{overscroll-behavior-y:none}
.reels{height:100dvh;max-width:740px;margin:auto;padding:22px 26px 16px;display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;gap:14px;box-sizing:border-box}
.reels-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reels-header h1{font-size:24px;letter-spacing:-1px;margin:0 0 4px}.reels-header p{font-size:12px;color:var(--muted);margin:0}.reel-auto{border:1px solid #394a35;padding:10px 12px;border-radius:20px;min-height:42px;color:var(--green);font-size:12px;white-space:nowrap}.reel-auto[aria-pressed=false]{color:var(--muted);border-color:var(--line)}
.reels-stage{position:relative;min-height:0;isolation:isolate;background:#050606;border:1px solid #29302c;border-radius:16px;overflow:hidden}.reels-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(35px);opacity:.16;pointer-events:none}.reels-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.reels-frame iframe{width:100%;height:100%;border:0}.reels-gesture{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;background:transparent;border:0}.reels-gesture:active{cursor:grabbing}.reels-gesture:focus-visible{outline:3px solid var(--green);outline-offset:-5px}.reels-gesture[hidden]{display:none}
.reels-info{min-width:0}.reels-count{color:var(--green);font-size:11px}.reels-info h2{font-size:18px;line-height:1.4;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.reels-info>p{font-size:12px;color:#acb9b0;margin:5px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reels-actions{display:flex;gap:8px}.reel-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;background:#202621;border-radius:8px;font-size:12px;color:#c0cac3;flex:1;white-space:nowrap}.reel-action svg{width:18px;height:18px}.reel-action.is-saved{color:var(--green);background:#293b1e}
.reels-controls{display:flex;justify-content:center;align-items:center;gap:18px}.reels-controls .icon-button{border:1px solid #3a443c;border-radius:50%;width:44px;height:44px}.reel-up{transform:rotate(180deg)}.reel-settings{font-size:12px;min-height:44px;min-width:125px;color:#d1dbd2}.reel-settings[aria-pressed=true]{color:var(--green)}.reels-bottom>p{font-size:11px;text-align:center;margin:7px 0 0;line-height:1.5;color:#9cab9f}.reels-status{font-size:11px;line-height:1.5;text-align:center;color:#c3d1b9;min-height:17px}.reels-status button{color:var(--green);text-decoration:underline;padding:8px;min-height:40px}.reel-panel{text-align:center;padding:24px;max-width:420px}.reel-panel h2{font-size:19px;line-height:1.5}.reel-panel p{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 20px}
@media(max-width:600px){
 .mobile-nav button{min-width:0;flex:1;font-size:10px;padding-left:2px;padding-right:2px}.reels-mode .app-shell{min-height:0}.reels{height:calc(100dvh - var(--mobile-nav-height,78px));padding:12px 14px 6px;gap:10px;grid-template-rows:auto minmax(130px,1fr) auto auto}.reels-header h1{font-size:20px}.reels-header p{font-size:11px}.reel-auto{font-size:11px;padding:9px 10px}.reels-stage{border-radius:12px}.reels-info h2{font-size:16px}.reels-info>p{font-size:11px;margin-bottom:8px}.reels-actions{gap:6px}.reel-action{font-size:11px;padding:8px 7px;gap:5px}.reels-bottom>p{font-size:10px;margin-top:4px}.reels-controls{gap:16px}.reels-status{font-size:10px;min-height:15px}
}
@media(max-width:600px) and (max-height:680px){.reels{gap:6px;padding-top:8px}.reels-header p,.reels-count{display:none}.reels-info h2{-webkit-line-clamp:1}.reels-header h1{margin-bottom:0}.reels-bottom>p{font-size:9px}}
@media(max-height:500px){.reels{height:auto;min-height:calc(100dvh - var(--mobile-nav-height,0px));grid-template-rows:auto minmax(220px,1fr) auto auto;padding-bottom:calc(var(--mobile-nav-height,0px) + 12px)}}

/* Four primary destinations; the personal library lives within My Page. */
.my-page[hidden],.library-nav[hidden]{display:none}.my-page{max-width:1100px;margin:0 auto}.my-header{display:flex;gap:18px;align-items:center;margin:3px 0 28px}.my-avatar{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:22px;background:#24351d;color:var(--green)}.my-avatar svg{width:28px;height:28px}.my-header .eyebrow{margin:0 0 7px}.my-header h1{font-size:28px;letter-spacing:-1px;margin:0}.my-header p:last-child{font-size:13px;color:var(--muted);margin:7px 0 0}
.my-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.my-shortcut{display:flex;gap:13px;align-items:center;padding:22px;border:1px solid #364035;border-radius:13px;background:#1b211b;text-align:left;min-width:0}.my-shortcut>svg{width:23px;height:23px;color:var(--green);flex-shrink:0}.my-shortcut>svg:last-child{margin-left:auto;width:18px;color:var(--muted)}.my-shortcut>span{font-size:13px}.my-shortcut strong{display:block;font-size:28px;margin-top:7px}.my-shortcut small{font-size:12px;font-weight:500;color:var(--muted);margin-left:5px}
.my-section{padding-top:32px}.my-section h2{font-size:18px;margin:0;letter-spacing:-.5px}.my-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.my-section-heading .text-link{font-size:12px;min-height:40px}.my-collections{display:grid;grid-template-columns:1fr 1fr;gap:10px}.my-collections>button,.my-tools>button{display:flex;align-items:center;gap:13px;text-align:left;min-width:0;padding:17px;background:#1c2020;border-radius:10px}.my-collections svg,.my-tools svg{width:20px;height:20px;flex-shrink:0;color:#a8b89c}.my-collections svg:last-child,.my-tools svg:last-child{margin-left:auto;width:16px}.my-collections span,.my-tools span{min-width:0;font-size:14px}.my-collections strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.my-collections small,.my-tools small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.my-see-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;font-size:12px;color:var(--muted);margin-top:6px}.my-see-all svg{width:16px;height:16px}.my-empty{padding:22px;background:#191d1b;border:1px dashed #384234;border-radius:10px;color:#a5b09f;font-size:13px;line-height:1.8}.my-empty .button{display:flex;width:max-content;margin-top:14px;font-size:12px}.my-recent .clip-title{font-size:14px}.my-tools{display:grid;gap:8px;margin-top:15px}.my-tools>button{min-height:58px}.my-storage-note{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.my-storage-note[role=alert]{color:#ffd09b}.my-shortcut:hover,.my-collections>button:hover,.my-tools>button:hover{border-color:var(--green);background:#242e21}
.library-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}.library-nav button{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 13px;border-radius:8px;font-size:13px;color:var(--muted);background:#1c201d}.library-nav svg{width:16px;height:16px}.library-nav .active{color:var(--green);background:#27351f}.library-nav .saved-count,.library-nav .collection-count{font-size:11px;padding-left:2px}
@media(max-width:600px){.mobile-nav button{font-size:11px}.my-header{gap:13px;margin:2px 0 21px}.my-avatar{width:52px;height:52px;border-radius:17px}.my-avatar svg{width:25px;height:25px}.my-header h1{font-size:23px}.my-header p:last-child{font-size:12px}.my-header .eyebrow{font-size:9px}.my-shortcuts{gap:10px}.my-shortcut{padding:15px 12px;gap:8px}.my-shortcut>svg{width:19px;height:19px}.my-shortcut>svg:last-child{display:none}.my-shortcut>span{font-size:12px}.my-shortcut strong{font-size:25px}.my-section{padding-top:25px}.my-section h2{font-size:17px}.my-section-heading{margin-bottom:9px}.my-section-heading .text-link{font-size:11px}.my-collections{grid-template-columns:1fr}.my-collections>button,.my-tools>button{padding:14px}.my-collections span,.my-tools span{font-size:13px}.my-collections small,.my-tools small{font-size:11px}.my-empty{padding:17px;font-size:12px}.my-storage-note{font-size:11px}.library-nav{gap:5px;margin-bottom:4px}.library-nav button{font-size:11px;padding:9px 8px;gap:4px}.library-nav svg{width:14px;height:14px}.library-nav .saved-count,.library-nav .collection-count{font-size:10px}}

.my-recent.list-view .thumb-button{width:150px}.my-recent.list-view .clip-title{min-height:0}@media(max-width:600px){.my-recent.list-view .thumb-button{width:110px}.my-recent.list-view .clip-card{gap:10px}.my-recent.list-view .card-actions{margin-top:5px}}