@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&family=Pixelify+Sans:wght@500;600&display=swap";:root{color-scheme:light;font-family:Nunito,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--pink-50: oklch(98% .026 345);--pink-100: oklch(94% .054 349);--pink-200: oklch(88% .087 350);--pink-300: oklch(79% .118 350);--lavender-100: oklch(92% .05 304);--lavender-200: oklch(84% .075 304);--mint-100: oklch(92% .054 164);--mint-200: oklch(83% .082 164);--blue-100: oklch(91% .047 236);--blue-200: oklch(82% .067 236);--cream: oklch(98% .018 75);--plum: oklch(28% .085 333);--plum-2: oklch(38% .11 333);--shadow: 0 18px 45px oklch(46% .11 350 / .18);--border: 2px solid oklch(37% .1 333);--radius: 8px}*{box-sizing:border-box}html{min-width:320px;background:var(--pink-50)}body{margin:0;min-width:320px;color:var(--plum);background:radial-gradient(circle at 14% 9%,oklch(96% .05 322 / .86) 0 12rem,transparent 12.5rem),radial-gradient(circle at 86% 18%,oklch(91% .06 236 / .65) 0 10rem,transparent 10.5rem),linear-gradient(180deg,var(--pink-100),var(--pink-50) 38%,oklch(96% .032 304));overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.35;background-image:linear-gradient(oklch(76% .07 350 / .28) 1px,transparent 1px),linear-gradient(90deg,oklch(76% .07 350 / .28) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,black,transparent 72%);mask-image:linear-gradient(180deg,black,transparent 72%)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}:focus-visible{outline:3px solid oklch(71% .12 164);outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;padding:.8rem 1rem;border:var(--border);border-radius:var(--radius);background:var(--cream);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:.75rem clamp(1rem,3vw,2.5rem);border-bottom:var(--border);background:#fff5fbe0;background:oklch(98% .028 345 / .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button,.nav-item,.cute-button,.start-button,.clock-button,.refresh-chip{min-height:44px;border:var(--border);border-radius:var(--radius);color:var(--plum);box-shadow:inset 2px 2px #fffc,inset -2px -2px #7341692e;cursor:pointer}.brand-button{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .8rem;background:var(--cream);font-family:"Baloo 2",system-ui,sans-serif;font-size:1.25rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:var(--border);border-radius:50%;background:var(--pink-300);color:var(--cream)}.site-nav,.taskbar-tabs,.hero-actions,.clip-actions,.selected-clip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.nav-item{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;background:var(--pink-50);text-decoration:none;font-weight:800}.nav-item--active{background:var(--mint-100)}.page{position:relative;width:min(1440px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem);padding-bottom:calc(clamp(1rem,3vw,2.5rem) + 68px)}.hero-section,.twitch-hero{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(1.25rem,4vw,4rem);align-items:center;min-height:calc(100svh - 96px);padding:clamp(1rem,4vw,3rem) 0}.twitch-hero{grid-template-columns:minmax(0,1fr) auto;min-height:auto;padding-bottom:1rem}.hero-copy{position:relative;z-index:1}.mini-window-label{display:inline-flex;align-items:center;padding:.28rem .55rem;margin-bottom:.8rem;border:2px solid var(--plum);border-radius:6px;background:var(--mint-100);font-family:Pixelify Sans,monospace;font-size:.92rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--plum);line-height:1.02}h1{margin-bottom:1rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(4.3rem,12vw,10rem);letter-spacing:0;color:#fef6fa;text-shadow:0 7px 0 var(--pink-300),0 10px 0 var(--plum),0 22px 38px oklch(55% .1 340 / .28)}.page-twitch h1{font-size:clamp(3.5rem,8vw,7rem)}h2{margin-bottom:.75rem;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(1.65rem,3vw,2.55rem);font-weight:800}h3{margin-bottom:.4rem;font-size:1.1rem}p{max-width:68ch;line-height:1.65;font-size:1.04rem}.hero-copy>p,.section-heading p{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.cute-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.74rem 1rem;text-decoration:none;font-weight:900;transition:transform .18s ease-out,box-shadow .18s ease-out}.cute-button:hover,.nav-item:hover,.brand-button:hover,.social-icon:hover,.clip-card:hover,.refresh-chip:hover{transform:translateY(-2px)}.cute-button--primary{background:var(--plum);color:var(--pink-50)}.cute-button--secondary{background:var(--mint-100)}.cute-button--ghost{background:var(--cream)}.status-pill{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;margin-top:1.2rem;padding:.7rem .85rem;border:var(--border);border-radius:var(--radius);background:var(--blue-100);box-shadow:var(--shadow)}.status-pill strong,.status-pill small{display:block}.status-pill small{margin-top:.08rem;font-size:.82rem}.status-light{width:.8rem;height:.8rem;border:2px solid var(--plum);border-radius:50%;background:#df8c6f}.status-pill--live .status-light{background:#37d880;animation:pulse 1.5s ease-out infinite}.hero-art{position:relative;overflow:hidden;border:var(--border);border-radius:18px;background:var(--cream);box-shadow:var(--shadow)}.hero-art img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.sticker{position:absolute;display:grid;place-items:center;border:var(--border);border-radius:999px;background:var(--cream);box-shadow:var(--shadow);font-family:"Baloo 2",system-ui,sans-serif;font-weight:800}.sticker--bear{right:1rem;bottom:1rem;width:86px;height:58px;background:var(--mint-100)}.sticker--heart{top:1rem;left:1rem;width:54px;height:54px;background:var(--pink-200);font-size:1.7rem}.cloud{position:absolute;z-index:0;border-radius:999px;background:#fffafce6;background:oklch(99% .01 350 / .9);filter:drop-shadow(0 16px 0 oklch(86% .06 350 / .38));animation:drift 12s ease-in-out infinite alternate}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud--one{top:9%;left:-4rem;width:13rem;height:4.5rem}.cloud--one:before{width:5rem;height:5rem;left:2rem;bottom:1.2rem}.cloud--one:after{width:6rem;height:6rem;right:2.3rem;bottom:.4rem}.cloud--two{right:6%;bottom:9%;width:11rem;height:4rem;animation-delay:-4s}.cloud--two:before{width:4rem;height:4rem;left:1.5rem;bottom:1rem}.cloud--two:after{width:5rem;height:5rem;right:1.5rem;bottom:.5rem}.section-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(1rem,3vw,2rem);margin:clamp(1.5rem,5vw,4rem) 0;content-visibility:auto;contain-intrinsic-size:800px}.section-grid--rules{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}.cloud-window{overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.cloud-window--pink .window-titlebar{background:var(--pink-300)}.cloud-window--mint .window-titlebar{background:var(--mint-200)}.cloud-window--lavender .window-titlebar{background:var(--lavender-200)}.cloud-window--blue .window-titlebar{background:var(--blue-200)}.window-titlebar{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:.45rem .65rem;border-bottom:var(--border);font-family:Pixelify Sans,monospace;font-size:1rem;font-weight:600}.window-controls{display:flex;gap:.35rem}.window-controls span{width:14px;height:14px;border:2px solid var(--plum);border-radius:3px;background:var(--cream)}.window-body{padding:clamp(1rem,2vw,1.35rem)}.about-layout{display:grid;grid-template-columns:auto 1fr;gap:1rem}.avatar-bubble{display:grid;place-items:center;width:76px;height:76px;border:var(--border);border-radius:50%;background:var(--pink-200);color:var(--cream)}.fact-list,.rule-list,.compact-rules{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.fact-list li,.rule-list li,.compact-rules li{padding:.7rem .8rem;border:2px solid oklch(48% .09 333);border-radius:var(--radius);background:#fffbf6c7;background:oklch(99% .011 70 / .78)}.rule-list li,.compact-rules li{display:flex;gap:.55rem;align-items:flex-start}.social-dock{display:grid;gap:.8rem}.social-icon{display:flex;align-items:center;gap:.8rem;min-height:58px;padding:.65rem .75rem;border:var(--border);border-radius:var(--radius);background:var(--pink-50);text-decoration:none;box-shadow:inset 2px 2px #fffc;transition:transform .18s ease-out}.social-icon strong,.social-icon small{display:block}.social-icon small{font-size:.86rem}.clip-preview-section,.clip-room{margin:clamp(2rem,5vw,5rem) 0;content-visibility:auto;contain-intrinsic-size:1000px}.section-heading{margin-bottom:1.3rem;text-align:center}.section-heading--left{text-align:left}.clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.clip-grid--preview{margin-bottom:1.25rem}.clip-card{overflow:hidden;border:var(--border);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);transition:transform .18s ease-out}.clip-card--selected{background:var(--mint-100)}.clip-thumb{position:relative;display:block;width:100%;min-height:0;padding:0;border:0;border-bottom:var(--border);background:var(--pink-100);cursor:pointer}.clip-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.clip-play{position:absolute;inset:auto .6rem .6rem auto;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:2px solid var(--plum);border-radius:999px;background:var(--cream);font-weight:900}.clip-meta{padding:.85rem}.clip-meta p{margin-bottom:.7rem;font-size:.94rem}.clip-actions,.selected-clip-actions{justify-content:space-between;font-weight:900}.clip-actions a,.selected-clip-actions a,.offline-window__copy a{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;border-bottom:2px solid currentColor}.offline-window .window-body{position:relative;padding:0}.offline-window img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.offline-window__copy{position:absolute;left:1rem;bottom:1rem;max-width:min(360px,calc(100% - 2rem));padding:1rem;border:var(--border);border-radius:var(--radius);background:#fff7ede6;background:oklch(98% .018 75 / .9)}.theater-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:1rem;align-items:start}.theater-window .window-body{padding:0}.theater-shell{width:100%;min-height:620px;background:var(--plum)}.twitch-embed{width:100%;min-width:400px;height:620px}.embed-fallback{display:grid;place-items:center;min-height:420px;padding:1rem;color:var(--pink-50);text-align:center}.stream-side{display:grid;gap:1rem}.status-details{display:grid;gap:.7rem;margin:0 0 1rem}.status-details div{padding:.65rem;border:2px solid var(--plum);border-radius:var(--radius);background:#fffbf6d1;background:oklch(99% .011 70 / .82)}.status-details dt{font-family:Pixelify Sans,monospace;font-weight:600}.status-details dd{margin:.15rem 0 0;font-weight:800}.offline-callout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:center;margin:1.4rem 0 3rem;padding:clamp(1rem,3vw,1.5rem);border:var(--border);border-radius:var(--radius);background:var(--lavender-100);box-shadow:var(--shadow)}.offline-callout img{border:var(--border);border-radius:var(--radius);aspect-ratio:16 / 10;object-fit:cover}.clip-player-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start}.selected-clip-window .window-body{padding:0}.selected-clip-window iframe{display:block;width:100%;min-width:400px;min-height:330px;border:0;background:var(--plum)}.selected-clip-actions{padding:.85rem 1rem;border-top:var(--border)}.clip-list-panel{display:grid;gap:1rem}.refresh-chip{justify-self:start;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;background:var(--cream);font-weight:900}.loading-wrap{min-height:55svh;display:grid;place-items:center}.loading-content{display:flex;align-items:center;gap:.8rem}.loading-heart{width:1.2rem;height:1.2rem;border:2px solid var(--plum);border-radius:50%;background:var(--pink-300);animation:pulse 1.2s ease-out infinite}.taskbar-footer{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;gap:.8rem;padding:.55rem clamp(1rem,3vw,2.5rem);border-top:var(--border);background:#ffe2f1e6;background:oklch(94% .055 345 / .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-button,.clock-button,.taskbar-tabs a{min-height:36px;text-decoration:none;font-weight:900}.start-button,.clock-button{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--mint-100)}.taskbar-tabs{flex:1}.taskbar-tabs a{display:inline-flex;align-items:center;padding:.35rem .55rem;border:2px solid oklch(48% .09 333);border-radius:6px;background:var(--pink-50)}@keyframes pulse{0%{box-shadow:0 0 #37d8808c}to{box-shadow:0 0 0 12px transparent}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(20px,-10px,0)}}@media(max-width:980px){.site-header,.twitch-hero{align-items:flex-start}.site-header,.twitch-hero,.hero-section,.section-grid,.section-grid--rules,.theater-grid,.offline-callout,.clip-player-grid{grid-template-columns:1fr}.site-header{display:grid}.hero-section{min-height:auto}.hero-art{order:-1}.twitch-embed,.selected-clip-window iframe{min-width:0}.theater-shell,.twitch-embed{min-height:620px}}@media(max-width:620px){.page{padding:.9rem}.site-header,.taskbar-footer{padding-inline:.75rem}.site-nav,.taskbar-tabs{width:100%}.nav-item{flex:1;justify-content:center}h1{font-size:clamp(3.4rem,18vw,5rem)}.about-layout{grid-template-columns:1fr}.theater-shell,.twitch-embed{min-height:560px}.selected-clip-window iframe{min-height:280px}.offline-window__copy{position:static;max-width:none;border-width:2px 0 0;border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}