.mockup-shell{position:relative;width:100%;transform:rotateX(1deg);filter:drop-shadow(0 30px 60px rgba(31,41,55,.1)) drop-shadow(0 12px 24px rgba(31,41,55,.08))}.mac-window{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;isolation:isolate}.titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px 0;background:linear-gradient(180deg,#ededeb,#e4e4e1);height:36px;position:relative}.traffic-lights{display:flex;align-items:center;gap:7px;flex-shrink:0}.tl{width:12px;height:12px;border-radius:9999px;box-shadow:inset 0 0 0 .5px #00000026}.tl-red{background:#ff5f57}.tl-yellow{background:#febc2e}.tl-green{background:#28c840}.tab-strip{display:flex;align-items:flex-end;gap:6px;margin-left:12px;flex:1;height:100%}.tab{display:flex;align-items:center;gap:6px;padding:5px 10px 6px;max-width:180px;font-size:11px;color:#52525b;background:#fff6;border:1px solid rgba(0,0,0,.06);border-bottom:none;border-radius:7px 7px 0 0;position:relative;top:1px}.tab-active{background:#fafaf9;color:#1c1c1c;font-weight:500}.tab-fav{display:inline-block;width:10px;height:10px;border-radius:3px;background:#f03;flex-shrink:0}.tab-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tab-plus{color:#9ca3af;font-size:14px;line-height:1;padding:3px 8px}.urlbar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fafaf9;border-bottom:1px solid #e7e5e4}.urlbar-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#78716c;border-radius:9999px;font-size:14px;line-height:1}.urlbar-pill{flex:1;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f3f3f2;border-radius:9999px;font-size:11px;color:#374151;min-width:0}.urlbar-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urlbar-right{display:flex;align-items:center;gap:6px;padding-left:4px}.urlbar-ext{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;background:#a8c9a02e}.browser-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;background:#fff;min-height:520px}@media(max-width:767px){.browser-body{grid-template-columns:1fr}}.yt-shell{display:flex;flex-direction:column;min-height:100%;background:#fff;border-right:1px solid #e7e5e4;overflow:hidden}@media(max-width:767px){.yt-shell{border-right:none;border-bottom:1px solid #e7e5e4}}.yt-topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f1f1ef;background:#fff}.yt-hamb{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#52525b}.yt-logo{display:flex;align-items:center;gap:4px}.yt-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:16px;background:#f03;color:#fff;border-radius:4px;font-size:8px}.yt-logo-text{font-weight:600;font-size:13px;letter-spacing:-.01em;color:#1c1c1c}.yt-search{flex:1;display:flex;align-items:center;gap:6px;max-width:280px;margin:0 auto;padding:4px 10px;background:#fafaf9;border:1px solid #e7e5e4;border-radius:9999px;font-size:11px;color:#78716c}.yt-bell{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#52525b}.yt-avatar{width:22px;height:22px;border-radius:9999px;background:linear-gradient(135deg,#d4e5cd,#a8c9a0)}.yt-feed{flex:1;padding:14px 14px 18px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.yt-row-title{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#78716c;margin-bottom:10px}.yt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.yt-grid-flex{display:flex;gap:10px;align-items:stretch}.yt-grid-flex .yt-card{flex:1 1 0}.yt-card{display:flex;flex-direction:column;gap:6px;min-width:0;transform-origin:center}.thumb{aspect-ratio:16 / 9;border-radius:6px;background:linear-gradient(135deg,#e7e5e4,#d6d3d1);position:relative;overflow:hidden}.thumb-a{background:linear-gradient(135deg,#c6d8a9,#a8c9a0)}.thumb-b{background:linear-gradient(135deg,#efedf4,#d4e5cd)}.thumb-c{background:linear-gradient(135deg,#e8efe8,#7fa87f)}.thumb-d{background:linear-gradient(135deg,#fdfcf8,#e7e5e4)}.thumb-e{background:linear-gradient(135deg,#d4e5cd,#e6e6fa)}.thumb-bait{background:linear-gradient(135deg,#ff4d4d,#ffb400);display:flex;align-items:center;justify-content:center;padding:6px}.thumb-drama{background:linear-gradient(135deg,#7f1d1d,#dc2626);display:flex;align-items:center;justify-content:center;padding:6px}.bait-label{color:#fff;font-weight:700;font-size:8px;letter-spacing:.08em;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.25)}.meta{display:flex;gap:6px}.meta-title{flex:1;display:flex;flex-direction:column;gap:3px}.meta-sub{width:16px;height:16px;border-radius:9999px;background:#e7e5e4;flex-shrink:0;align-self:flex-start;margin-top:2px}.bar{height:6px;border-radius:9999px;background:#e7e5e4}.yt-shelf{padding:10px 0 0;border-top:1px solid #f1f1ef;overflow:hidden;max-height:140px}.shelf-title{display:flex;align-items:center;gap:6px}.shelf-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:18px;border-radius:3px;color:#fff;font-size:8px}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.short-card{aspect-ratio:9 / 16;max-height:120px;border-radius:6px}.short-a{background:linear-gradient(160deg,#ff8c00,#f03)}.short-b{background:linear-gradient(160deg,#9333ea,#3b0764)}.short-c{background:linear-gradient(160deg,#06b6d4,#0e7490)}.short-d{background:linear-gradient(160deg,#fde047,#ca8a04)}.sp{display:flex;flex-direction:column;gap:12px;padding:14px;background-color:#f3f3e8;background-image:radial-gradient(ellipse 110% 55% at 50% -5%,rgba(168,201,160,.18) 0%,transparent 55%),radial-gradient(ellipse 85% 60% at 0% 95%,rgba(198,216,169,.22) 0%,transparent 55%);border-left:1px solid #e7e5e4}@media(max-width:767px){.sp{border-left:none}}.sp-header{display:flex;align-items:center;gap:10px;padding:2px 2px 10px}.sp-logo{width:28px;height:28px;border-radius:9999px;background:linear-gradient(135deg,#7fa87f,#c6d8a9);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #7fa87f47,0 6px 14px #7fa87f40}.sp-brand{display:flex;flex-direction:column;gap:0}.sp-wordmark{font-family:var(--font-cursive);font-weight:400;line-height:.9;font-size:24px;color:#1c1c1c;background:linear-gradient(90deg,#7fa87f,#a8c9a0,#c6d8a9);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-tagline{font-size:9px;letter-spacing:.01em;color:#5e5d59;font-weight:500}.sp-tabs{display:flex;background:#faf9f0b3;border:1px solid #d9dcc2;border-radius:10px;overflow:hidden}.sp-tab{flex:1;padding:6px 0;background:transparent;border:none;font-size:10px;font-weight:500;color:#87867f;cursor:pointer}.sp-tab+.sp-tab{border-left:1px solid #e8e9d2}.sp-tab-active{background:#a8c9a02e;color:#3a5a40;font-weight:600}.sp-section{display:flex;flex-direction:column;gap:6px}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#faf9f0b8;border:1px solid #e8e9d2;border-radius:10px;font-size:11px;color:#1c1c1c}.sp-row em{font-style:normal;font-weight:600;color:#5e5d59}.sp-row-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sp-switch{position:relative;flex-shrink:0;display:inline-block;width:28px;height:16px;border-radius:9999px;background:#d6d3d1;transition:background .26s cubic-bezier(.22,1,.36,1)}.sp-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:9999px;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .26s cubic-bezier(.22,1,.36,1)}.sp-foot{margin-top:auto;padding-top:8px;text-align:center;border-top:1px dashed #d9dcc2}.sp-foot-cursive{font-family:var(--font-cursive);font-size:18px;line-height:1;color:#7fa87f}@keyframes vanish-shorts{0%,10%{max-height:140px;opacity:1;margin-top:0;padding-top:10px;transform:scaleY(1)}20%,83%{max-height:0;opacity:0;margin-top:-18px;padding-top:0;transform:scaleY(.8)}92%,to{max-height:140px;opacity:1;margin-top:0;padding-top:10px;transform:scaleY(1)}}@keyframes vanish-card-1{0%,27%{opacity:1;transform:scale(1);filter:blur(0);flex:1 1 0;max-width:300px;margin-right:0}33%,83%{opacity:0;transform:scale(.85);filter:blur(3px);flex:0 0 0;max-width:0;margin-right:-10px}92%,to{opacity:1;transform:scale(1);filter:blur(0);flex:1 1 0;max-width:300px;margin-right:0}}@keyframes vanish-card-2{0%,44%{opacity:1;transform:scale(1);filter:blur(0);flex:1 1 0;max-width:300px;margin-right:0}50%,83%{opacity:0;transform:scale(.85);filter:blur(3px);flex:0 0 0;max-width:0;margin-right:-10px}92%,to{opacity:1;transform:scale(1);filter:blur(0);flex:1 1 0;max-width:300px;margin-right:0}}@keyframes switch-bg-1{0%,8%{background-color:#d6d3d1}12%,85%{background-color:#7fa87f}90%,to{background-color:#d6d3d1}}@keyframes switch-thumb-1{0%,8%{transform:translate(0)}12%,85%{transform:translate(12px)}90%,to{transform:translate(0)}}@keyframes switch-bg-2{0%,23%{background-color:#d6d3d1}28%,85%{background-color:#7fa87f}90%,to{background-color:#d6d3d1}}@keyframes switch-thumb-2{0%,23%{transform:translate(0)}28%,85%{transform:translate(12px)}90%,to{transform:translate(0)}}@keyframes switch-bg-3{0%,40%{background-color:#d6d3d1}45%,85%{background-color:#7fa87f}90%,to{background-color:#d6d3d1}}@keyframes switch-thumb-3{0%,40%{transform:translate(0)}45%,85%{transform:translate(12px)}90%,to{transform:translate(0)}}.vanish-shorts{animation:vanish-shorts 12s cubic-bezier(.22,1,.36,1) infinite;animation-delay:.3s;transform-origin:top center}.vanish-card-1{animation:vanish-card-1 12s cubic-bezier(.22,1,.36,1) infinite;animation-delay:.3s}.vanish-card-2{animation:vanish-card-2 12s cubic-bezier(.22,1,.36,1) infinite;animation-delay:.3s}.switch-1{animation:switch-bg-1 12s ease-in-out infinite;animation-delay:.3s}.thumb-1{animation:switch-thumb-1 12s ease-in-out infinite;animation-delay:.3s}.switch-2{animation:switch-bg-2 12s ease-in-out infinite;animation-delay:.3s}.thumb-2{animation:switch-thumb-2 12s ease-in-out infinite;animation-delay:.3s}.switch-3{animation:switch-bg-3 12s ease-in-out infinite;animation-delay:.3s}.thumb-3{animation:switch-thumb-3 12s ease-in-out infinite;animation-delay:.3s}@media(prefers-reduced-motion:reduce){.vanish-shorts,.vanish-card-1,.vanish-card-2,.switch-1,.switch-2,.switch-3,.thumb-1,.thumb-2,.thumb-3{animation:none!important}.vanish-shorts,.vanish-card-1,.vanish-card-2{display:none}.switch-1,.switch-2,.switch-3{background-color:#7fa87f!important}.thumb-1,.thumb-2,.thumb-3{transform:translate(12px)!important}}.fd-stage{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:1.25rem;background:#fafaf9;border:1px solid #f5f5f4;padding:12px;overflow:hidden;isolation:isolate}.fd-stage:before{content:"";position:absolute;top:10px;left:12px;width:32px;height:6px;background:radial-gradient(circle at 3px 3px,#ff5f57 2.5px,transparent 2.5px),radial-gradient(circle at 14px 3px,#febc2e 2.5px,transparent 2.5px),radial-gradient(circle at 25px 3px,#28c840 2.5px,transparent 2.5px);z-index:2}.fd-thumbs{position:absolute;inset:26px 12px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.fd-thumb{position:relative;border-radius:8px;overflow:hidden}.fd-thumb-calm{position:absolute;inset:0}.fd-thumb-noisy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:fd-thumb-hush 10s ease-in-out infinite}.fd-thumb-noisy-text{color:#fff;font-weight:800;font-size:9px;letter-spacing:.06em;text-align:center;padding:4px;text-shadow:0 1px 1px rgba(0,0,0,.3);line-height:1.1}.fd-n1{background:linear-gradient(135deg,#ff4d4d,#ff9500)}.fd-n2{background:linear-gradient(135deg,#9333ea,#ec4899)}.fd-n3{background:linear-gradient(135deg,#f03,#ff8c00)}.fd-n4{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.fd-c1{background:linear-gradient(135deg,#d4e5cd,#a8c9a0)}.fd-c2{background:linear-gradient(135deg,#efedf4,#d4e5cd)}.fd-c3{background:linear-gradient(135deg,#e8efe8,#c6d8a9)}.fd-c4{background:linear-gradient(135deg,#faf9f5,#d4e5cd)}.fd-thumb-title{position:absolute;left:4px;right:4px;bottom:4px;display:flex;flex-direction:column;gap:2px;opacity:.85}.fd-thumb-title .bar{height:3px;border-radius:9999px;background:#ffffffbf}@keyframes fd-thumb-hush{0%,20%{opacity:1;filter:saturate(1)}35%,85%{opacity:0;filter:saturate(.3)}95%,to{opacity:1;filter:saturate(1)}}.fd-comments{position:absolute;inset:28px 12px 12px;display:flex;flex-direction:column;gap:6px}.fd-comment{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border-radius:10px;background:#fafaf9;border:1px solid #f1f1ef;animation:fd-comment-fade 10s ease-in-out infinite}.fd-avatar{width:16px;height:16px;border-radius:9999px;flex-shrink:0;background:#d6d3d1}.fd-avatar-1{background:linear-gradient(135deg,#ef4444,#f59e0b)}.fd-avatar-2{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.fd-avatar-3{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.fd-avatar-4{background:linear-gradient(135deg,#84cc16,#eab308)}.fd-comment-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.fd-comment-meta{display:flex;align-items:center;gap:6px}.fd-comment-name{font-size:9px;font-weight:600;color:#44403c}.fd-comment-like{font-size:8px;color:#a8a29e;margin-left:auto}.fd-comment-text{height:4px;border-radius:9999px;background:#e7e5e4}.fd-comment-text.short{width:60%}.fd-comment-text.long{width:85%}.fd-comment-text.angry{background:linear-gradient(90deg,#fca5a5,#f87171 70%,#e7e5e4)}.fd-paused{position:absolute;inset:28px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;animation:fd-paused-appear 10s ease-in-out infinite;pointer-events:none}.fd-paused-leaf{width:32px;height:32px;border-radius:9999px;background:linear-gradient(135deg,#7fa87f,#c6d8a9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;line-height:1}.fd-paused-text{font-size:12px;color:#5e5d59}.fd-paused-cursive{font-family:var(--font-cursive);font-size:24px;color:var(--color-leaf-deep);line-height:1}@keyframes fd-comment-fade{0%,20%{opacity:1;transform:translateY(0) scale(1)}30%,85%{opacity:0;transform:translateY(-4px) scale(.98);filter:blur(2px)}95%,to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fd-paused-appear{0%,28%{opacity:0}40%,82%{opacity:1}90%,to{opacity:0}}.fd-blocklist{position:absolute;inset:26px 12px 12px;display:flex;flex-direction:column;gap:6px}.fd-pill-bar{display:flex;align-items:center;gap:4px;padding:5px 8px;background:#a8c9a01f;border:1px solid rgba(168,201,160,.4);border-radius:9999px;font-size:9px;color:#5e5d59}.fd-pill-bar-label{flex-shrink:0;opacity:.7}.fd-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#7fa87f;color:#fff;border-radius:9999px;font-size:9px;font-weight:600;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;animation:fd-pill-appear 10s ease-in-out infinite}.fd-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:8px;font-size:9px;color:#44403c;overflow:hidden;max-height:26px}.fd-row-thumb{flex-shrink:0;width:24px;height:14px;border-radius:3px;background:linear-gradient(135deg,#c6d8a9,#e8efe8)}.fd-row-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fd-row-badge{flex-shrink:0;font-size:8px;color:#c96442;font-weight:700;opacity:0;animation:fd-badge-appear 10s ease-in-out infinite}.fd-row-blocked{animation:fd-row-collapse 10s ease-in-out infinite}@keyframes fd-pill-appear{0%,15%{max-width:0;opacity:0}22%{max-width:80px;opacity:1}85%{max-width:80px;opacity:1}95%,to{max-width:0;opacity:0}}@keyframes fd-badge-appear{0%,15%{opacity:0}22%,30%{opacity:1}40%,to{opacity:0}}@keyframes fd-row-collapse{0%,28%{max-height:26px;opacity:1;margin-bottom:0;transform:scale(1);filter:blur(0)}38%,85%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-bottom:-6px;transform:scale(.96);filter:blur(2px)}95%,to{max-height:26px;opacity:1;margin-bottom:0;transform:scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.fd-thumb-noisy,.fd-comment,.fd-row-blocked,.fd-row-badge,.fd-pill,.fd-paused{animation:none!important}.fd-thumb-noisy{opacity:0!important}.fd-comment{display:none!important}.fd-paused{opacity:1!important}.fd-row-blocked{display:none!important}.fd-pill{max-width:80px!important;opacity:1!important}.fd-row-badge{opacity:0!important}}