:root{--woof-ink:#031b42;--woof-ink-soft:#082a59;--woof-blue:#0757a6;--woof-paper:#f4d49b;--woof-paper-light:#ffe8b7;--woof-gold:#f3a51c;--woof-orange:#f26b21;--woof-pink:#f04c8b;--woof-cyan:#1cb9ca;--woof-green:#9ccf42;--woof-red:#e74638;--woof-white:#fff8e9;--woof-topbar:64px;--woof-now-playing:42px;--woof-font-display:"Comic Sans MS", "Chalkboard SE", "Marker Felt", "Bradley Hand", cursive;--woof-font-ui:ui-rounded, "Avenir Next", Avenir, "Segoe UI", sans-serif;--woof-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--woof-ink);overflow:hidden}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--woof-cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.woof-app{grid-template-rows:var(--woof-topbar) var(--woof-now-playing) minmax(0, 1fr);width:100%;height:100dvh;min-height:560px;color:var(--woof-paper-light);background-color:var(--woof-ink);font-family:var(--woof-font-ui);background-image:linear-gradient(90deg,#031b4252,#031b42b8),url(/assets/cosmic-doodle-field.webp);background-position:50%;background-size:cover;display:grid;position:relative;overflow:hidden}.woof-app:after{z-index:100;content:"";pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(7deg,#0000 0 4px,#f4d49b38 5px,#0000 6px 11px),repeating-linear-gradient(92deg,#0000 0 8px,#031b4238 9px,#0000 10px 17px);position:fixed;inset:0}.topbar{z-index:40;border-bottom:3px solid var(--woof-ink);background:radial-gradient(circle at 14% 20%, #f26b2136 0 1.5px, transparent 2px), repeating-linear-gradient(4deg, transparent 0 9px, #031b420f 10px 11px), var(--woof-paper);min-width:0;color:var(--woof-ink);background-size:29px 31px,auto,auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:7px 16px 7px 13px;display:grid;position:relative;box-shadow:0 5px #f26b21cc}.brand-lockup{justify-self:start;align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{border:3px solid var(--woof-ink);background:var(--woof-gold);width:46px;height:46px;box-shadow:3px 3px 0 var(--woof-pink);border-radius:53% 47% 49% 51%;flex:none;place-items:center;display:grid;overflow:hidden;transform:rotate(-4deg)}.brand-mark img{object-fit:contain;width:48px;height:45px;transform:translateY(3px)scale(1.22)}.brand-type{align-items:baseline;gap:8px;min-width:0;display:flex}.brand-name{color:var(--woof-ink);font-family:var(--woof-font-display);letter-spacing:-.07em;text-shadow:2px 2px #f26b219e;font-size:clamp(1.05rem,1.9vw,1.5rem);font-weight:900;line-height:1;transform:rotate(-1deg)}.brand-live{color:var(--woof-red);font-family:var(--woof-font-mono);letter-spacing:.11em;align-items:center;gap:4px;font-size:.66rem;font-weight:900;display:inline-flex}.brand-live i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 0 3px #e746382e}.topbar-center{justify-self:center;align-items:center;gap:8px;display:flex}.network-chip,.connection-chip{border:2px solid var(--woof-ink);min-height:32px;color:var(--woof-ink);letter-spacing:.015em;white-space:nowrap;background:#fff8e99e;align-items:center;gap:7px;font-size:.72rem;font-weight:800;display:inline-flex}.network-chip{box-shadow:2px 3px 0 var(--woof-cyan);border-radius:8px 5px 9px 6px;padding:3px 10px 3px 5px;transform:rotate(-.4deg)}.network-chip img{border-radius:5px;width:24px;height:24px}.connection-chip{text-transform:uppercase;font-family:var(--woof-font-mono);border-radius:5px 8px 6px 9px;padding:4px 9px;font-size:.61rem}.connection-chip.is-reconnecting{border-color:var(--woof-orange);color:#81320a;background:#ffe2a6}.signal-dot{background:#338d2f;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #9ccf4240}.wallet-control{border:2px solid var(--woof-ink);background:var(--woof-blue);min-width:0;min-height:39px;box-shadow:3px 3px 0 var(--woof-ink);color:var(--woof-white);cursor:pointer;border-radius:8px 5px 10px 7px;justify-self:end;align-items:center;gap:7px;padding:6px 11px;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.wallet-control:hover:not(:disabled){box-shadow:5px 5px 0 var(--woof-ink);background:#0969c8;transform:translate(-1px,-1px)rotate(.4deg)}.wallet-control:active:not(:disabled){box-shadow:1px 1px 0 var(--woof-ink);transform:translate(2px,2px)}.wallet-control:disabled{cursor:wait;opacity:.72}.wallet-control.is-connected{background:var(--woof-green);color:var(--woof-ink)}.wallet-control.is-connected:has(.wallet-balance){max-width:min(100%,270px)}.wallet-label{font-family:var(--woof-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;overflow:hidden}.wallet-balance{white-space:nowrap;border-left:1px dashed;padding-left:7px;font-size:.66rem;font-weight:900}.wallet-spinner,.status-spinner,.rail-loading svg,.composer-notice svg,.pay-button>svg:first-child{animation:1s linear infinite spin}.now-playing-strip{z-index:30;min-width:0;min-height:var(--woof-now-playing);border-bottom:3px solid var(--woof-ink);background:radial-gradient(circle at 9% 33%, #e7463829 0 1.5px, transparent 2px), repeating-linear-gradient(-3deg, transparent 0 8px, #031b420e 9px 10px), var(--woof-paper-light);color:var(--woof-ink);background-size:37px 29px,auto,auto;grid-template-columns:5px auto minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;padding:0 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -3px #1cb9cab8}.now-playing-strip:before{content:"";background:var(--woof-orange);border-radius:3px 1px 2px 4px;width:5px;height:22px;transform:rotate(3deg)}.now-playing-status{color:var(--woof-ink);font-family:var(--woof-font-mono);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:.62rem;font-weight:900;display:inline-flex}.now-playing-status i{background:var(--woof-red);border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 0 3px #e746382b}.now-playing-prompt{min-width:0;color:var(--woof-ink-soft);font-family:var(--woof-font-display);letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.72rem,1.15vw,.9rem);font-weight:900;line-height:1;overflow:hidden}.now-playing-author{min-width:0;max-width:clamp(96px,18vw,230px);color:var(--woof-blue);font-family:var(--woof-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:800;overflow:hidden}.now-playing-strip.is-tuning .now-playing-author{visibility:hidden}.broadcast-layout{z-index:1;grid-template-columns:minmax(0,1fr) clamp(370px,30vw,430px);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.broadcast-stage{isolation:isolate;place-items:center;min-width:0;min-height:0;padding:17px 28px 13px;display:grid;position:relative;overflow:hidden}.broadcast-stage:before{z-index:-2;content:"";background:radial-gradient(circle at 50% 46%,#0757a61a 0 24%,#031b42c7 62%),linear-gradient(90deg,#031b42ad,#031b423b 46%,#031b42a6);position:absolute;inset:0}.broadcast-stage:after{z-index:-1;content:"WOOF";color:#f4d49b30;width:130px;height:130px;font-family:var(--woof-font-display);text-align:center;border:4px dashed #f3a51c33;border-radius:48% 52% 45% 55%;font-size:2.4rem;font-weight:900;line-height:130px;position:absolute;bottom:5%;right:4%;transform:rotate(13deg)}.stage-orbit{z-index:-1;pointer-events:none;border:2px dashed #f4d49b30;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1.7;width:min(57vw,720px);top:7%;left:9%;transform:rotate(-18deg)}.orbit-two{aspect-ratio:2;border-color:#1cb9ca2e;width:min(42vw,560px);bottom:3%;right:7%;transform:rotate(22deg)}.video-loading{border:4px solid var(--woof-paper);width:min(310px,78vw);min-height:250px;box-shadow:9px 10px 0 var(--woof-orange);color:var(--woof-paper);font-family:var(--woof-font-display);background:#031b42cc;border-radius:11px 7px 14px 8px;align-content:center;place-items:center;gap:14px;font-weight:900;display:grid}.video-loading svg{animation:1.1s linear infinite spin}.video-console{width:auto;height:min(calc(100dvh - var(--woof-topbar) - var(--woof-now-playing) - 34px), 796px);aspect-ratio:.585;border:4px solid var(--woof-ink);background:radial-gradient(circle at 20% 30%, #f26b2138 0 2px, transparent 2.6px), repeating-linear-gradient(7deg, transparent 0 8px, #031b420f 9px 10px), var(--woof-paper);max-width:min(100%,468px);min-height:0;box-shadow:8px 8px 0 var(--woof-orange), 14px 15px 0 #031b42c4;background-size:31px 29px,auto,auto;border-radius:14px 9px 17px 10px;flex-direction:column;padding:8px 8px 0;animation:.62s cubic-bezier(.22,1,.36,1) both console-arrive;display:flex;position:relative;transform:rotate(-.32deg)}.video-console:before{z-index:3;content:"";pointer-events:none;border:2px dashed #031b4259;border-radius:9px 5px 12px 7px;position:absolute;inset:3px}.frame-screw{z-index:6;border:1px solid var(--woof-ink);background:var(--woof-orange);border-radius:50%;width:6px;height:6px;position:absolute}.frame-screw:after{content:"";background:var(--woof-ink);width:4px;height:1px;position:absolute;top:1px;left:0;transform:rotate(22deg)}.screw-one{top:4px;left:4px}.screw-two{top:4px;right:4px}.screw-three{bottom:4px;right:4px}.video-viewport{z-index:2;border:3px solid var(--woof-ink);background:#020d20;border-radius:8px 5px 9px 6px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #0000008f}.video-viewport:after{z-index:3;content:"";pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background:repeating-linear-gradient(#0000 0 3px,#ffffff24 4px,#0000 5px 8px);position:absolute;inset:0}.live-video,.poster-frame{width:100%;height:100%}.live-video{z-index:1;opacity:0;object-fit:cover;cursor:pointer;pointer-events:none;touch-action:manipulation;transition:opacity 80ms linear;display:block;position:absolute;inset:0}.live-video.is-active{z-index:2;opacity:1;pointer-events:auto}.video-buffering{z-index:4;min-height:42px;color:var(--woof-white);font-family:var(--woof-font-mono);letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031b42d1;border:2px solid #f4d49bc7;border-radius:8px 5px 10px 6px;align-items:center;gap:8px;padding:8px 11px;font-size:.66rem;font-weight:850;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:3px 4px #031b429e}.video-buffering svg{flex:none;animation:.9s linear infinite spin}.poster-frame{background-color:#031b42;background-image:radial-gradient(circle at 50% 40%,#f3a51c1f,#0000 40%),url(/assets/cosmic-doodle-field.webp);background-position:50%;background-size:auto 100%;position:relative;overflow:hidden}.poster-frame:before{content:"";background:conic-gradient(from 15deg at 50% 44%, transparent 0 5%, #f04c8b61 8%, transparent 12% 22%, #1cb9ca57 25%, transparent 30% 41%, #f3a51c66 45%, transparent 51% 66%, #9ccf4247 71%, transparent 76%);filter:blur(12px);animation:18s linear infinite wormhole;position:absolute;inset:-6%}.poster-frame:after{content:"";background:radial-gradient(circle at 50% 47%,#0000 26%,#031b4226 48%,#0007148c 100%);position:absolute;inset:0}.poster-stars{z-index:1;opacity:.58;background-image:radial-gradient(circle at 20% 18%, var(--woof-gold) 0 2px, transparent 3px), radial-gradient(circle at 76% 31%, var(--woof-pink) 0 2px, transparent 3px), radial-gradient(circle at 67% 71%, var(--woof-cyan) 0 1px, transparent 2px), radial-gradient(circle at 31% 81%, var(--woof-green) 0 1px, transparent 2px);background-size:83px 91px,127px 111px,61px 73px,109px 97px;animation:9s ease-in-out infinite alternate star-drift;position:absolute;inset:0}.poster-ring{z-index:1;border:5px solid var(--woof-pink);border-right-color:var(--woof-cyan);border-bottom-color:var(--woof-gold);border-radius:48% 52% 45% 55%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(13deg)}.poster-ring-one{aspect-ratio:1;opacity:.55;width:93%;animation:8s ease-in-out infinite alternate orbit-wobble}.poster-ring-two{aspect-ratio:1;border-style:dashed;border-width:3px;border-color:var(--woof-paper);opacity:.72;width:69%;animation:6s ease-in-out -1s infinite alternate-reverse orbit-wobble}.poster-dog{z-index:2;filter:drop-shadow(0 18px 12px #0000006b);width:142%;max-width:none;animation:6s ease-in-out infinite dog-float;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.poster-caption{z-index:4;color:#f4d49b9e;font-family:var(--woof-font-mono);letter-spacing:.16em;white-space:nowrap;border:1px solid #f4d49b59;padding:3px 7px;font-size:.55rem;font-weight:800;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.viewer-overlay{z-index:5;min-height:26px;color:var(--woof-white);font-family:var(--woof-font-mono);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031b42bd;border:1px solid #f4d49b94;border-radius:7px 4px 8px 5px;align-items:center;gap:6px;padding:4px 7px;font-size:.54rem;font-weight:800;display:inline-flex;position:absolute;top:13px;right:10px}.viewer-overlay>span{background:var(--woof-red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #e746382e}.mute-button,.reaction-button{z-index:6;border:2px solid var(--woof-paper);min-width:44px;min-height:44px;color:var(--woof-white);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031b42c7;justify-content:center;align-items:center;transition:transform .13s,background .13s;display:inline-flex;position:absolute;box-shadow:3px 3px #031b42b8}.mute-button:hover,.reaction-button:hover{background:var(--woof-blue);transform:translateY(-2px)rotate(-2deg)}.mute-button{border-radius:8px 5px 9px 6px;bottom:11px;right:10px}.reaction-zone{z-index:7;position:absolute;bottom:11px;right:63px}.reaction-button{border-color:var(--woof-pink);border-radius:7px 10px 6px 9px;gap:6px;min-width:82px;padding:5px 9px;position:relative}.reaction-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.reaction-button strong{font-family:var(--woof-font-mono);font-size:.7rem}.heart-particles{pointer-events:none;width:112px;height:160px;position:absolute;bottom:26px;right:0}.heart-particle{--heart-x:50%;--heart-drift:0px;--heart-delay:0s;bottom:0;left:var(--heart-x);opacity:0;filter:drop-shadow(2px 2px 0 var(--woof-ink));animation:heart-float 1.15s ease-out var(--heart-delay) both;position:absolute}.console-footer{z-index:4;height:29px;color:var(--woof-ink);font-family:var(--woof-font-mono);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 6px;font-size:clamp(.45rem,.65vw,.56rem);font-weight:900;display:grid;position:relative}.console-footer>span:last-child{text-align:right}.signal-bars{align-items:end;gap:2px;height:14px;display:flex}.signal-bars i{background:var(--woof-blue);width:3px;animation:1.2s ease-in-out infinite alternate signal-bars;display:block}.signal-bars i:first-child{height:4px}.signal-bars i:nth-child(2){height:9px;animation-delay:.12s}.signal-bars i:nth-child(3){height:13px;animation-delay:.24s}.signal-bars i:nth-child(4){height:8px;animation-delay:.36s}.signal-bars i:nth-child(5){height:11px;animation-delay:.48s}.right-rail{z-index:10;border-left:4px solid var(--woof-ink);background:radial-gradient(circle at 13% 28%, #f26b212e 0 1.4px, transparent 2px), radial-gradient(circle at 87% 68%, #0757a624 0 1.4px, transparent 2px), repeating-linear-gradient(5deg, transparent 0 9px, #031b420b 10px 11px), var(--woof-paper);min-width:0;min-height:0;color:var(--woof-ink);background-size:31px 29px,37px 41px,auto,auto;position:relative;overflow:hidden;box-shadow:-7px 0 #f26b21cc}.rail-grabber{display:none}.rail-inner{grid-template-rows:58px auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.rail-tabs{border-bottom:3px solid var(--woof-ink);background:#ffe8b785;grid-row:1;grid-template-columns:1fr 1fr;padding:8px 10px 0;display:grid}.rail-tabs button{color:#031b4294;cursor:pointer;min-height:45px;font-family:var(--woof-font-display);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:.9rem;font-weight:900;display:flex;position:relative}.rail-tabs button:after{content:"";opacity:0;background:var(--woof-pink);clip-path:polygon(0 33%,14% 15%,32% 35%,48% 8%,68% 31%,84% 11%,100% 28%,96% 87%,72% 71%,51% 94%,31% 69%,11% 91%);height:5px;position:absolute;bottom:-3px;left:10%;right:10%;transform:rotate(-1deg)}.rail-tabs button.is-active{color:var(--woof-ink)}.rail-tabs button.is-active:after{opacity:1}.rail-tabs button>span{background:var(--woof-ink);min-width:20px;height:20px;color:var(--woof-paper);font-family:var(--woof-font-mono);border-radius:4px 6px 3px 5px;place-items:center;padding:0 4px;font-size:.6rem;display:inline-grid}.rail-alert{border-bottom:2px solid var(--woof-ink);color:#674309;background:#fff0be;grid-row:2;align-items:center;gap:8px;min-height:35px;padding:7px 12px;font-size:.69rem;font-weight:700;display:flex}.rail-alert.is-offline{color:#6f2615;background:#ffd1bd}.rail-content{overscroll-behavior:contain;scrollbar-color:var(--woof-blue) #031b421f;scrollbar-width:thin;grid-row:3;min-height:0;overflow:hidden auto}.rail-loading,.rail-empty{color:#031b42a8;text-align:center;align-content:center;place-items:center;gap:9px;height:100%;min-height:220px;padding:30px;display:grid}.rail-loading span,.rail-empty strong{font-family:var(--woof-font-display);font-size:1rem;font-weight:900}.rail-empty span{max-width:230px;font-size:.78rem;line-height:1.4}.chat-list,.queue-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.chat-item{--accent:var(--woof-gold);background:#fff8e933;border-bottom:2px dashed #031b4240;padding:12px 13px 11px 17px;transition:background .13s;position:relative}.chat-item:before{content:"";background:var(--accent);clip-path:polygon(0 3%,100% 0,77% 24%,100% 47%,73% 70%,100% 100%,0 95%,24% 70%,0 42%,27% 18%);width:4px;position:absolute;top:11px;bottom:12px;left:7px}.chat-item:hover{background:#fff8e98a}.accent-pink{--accent:var(--woof-pink)}.accent-cyan{--accent:var(--woof-cyan)}.accent-green{--accent:var(--woof-green)}.accent-orange{--accent:var(--woof-orange)}.accent-gold{--accent:var(--woof-gold)}.chat-meta,.queue-meta{align-items:center;gap:7px;display:flex}.chat-meta strong,.queue-meta strong{font-family:var(--woof-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:900;overflow:hidden}.chat-meta time{color:#031b428c;font-family:var(--woof-font-mono);font-size:.58rem}.image-marker{color:var(--woof-blue);font-family:var(--woof-font-mono);text-transform:uppercase;background:#1cb9ca26;border:1px solid #031b4254;border-radius:3px 5px;align-items:center;gap:3px;padding:2px 4px;font-size:.53rem;font-weight:800;display:inline-flex}.chat-item>p{margin:7px 0 9px;font-size:.79rem;font-weight:650;line-height:1.32}.chat-actions,.queue-foot{justify-content:space-between;align-items:center;display:flex}.status-badge{min-height:20px;font-family:var(--woof-font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:4px 6px 3px 5px;align-items:center;gap:4px;padding:2px 6px;font-size:.52rem;font-weight:900;display:inline-flex}.status-generating{color:#8a2d61;background:#f04c8b26}.status-confirming{color:#814500;background:#f3a51c33}.status-queued{color:#0757a6;background:#1cb9ca21}.status-ready{color:#3c6814;background:#9ccf422e}.status-playing{color:#814500;background:#f3a51c33}.status-failed{color:#a12620;background:#e7463826}.status-aired{color:#654817;background:#031b4214}.upvote-button{border:2px solid var(--woof-ink);background:var(--woof-paper-light);min-width:48px;min-height:28px;box-shadow:2px 2px 0 var(--woof-ink);color:var(--woof-ink);cursor:pointer;font-family:var(--woof-font-mono);border-radius:5px 7px 4px 6px;justify-content:center;align-items:center;gap:3px;padding:3px 7px;font-size:.63rem;font-weight:900;transition:transform .12s,background .12s;display:inline-flex}.upvote-button:hover:not(:disabled){background:var(--woof-green);transform:translateY(-1px)rotate(-2deg)}.upvote-button.is-voted{background:var(--woof-green)}.upvote-button:disabled{cursor:default;opacity:.82;box-shadow:1px 1px 0 var(--woof-ink)}.queue-list{gap:10px;padding:12px 11px 16px}.queue-card{--accent:var(--woof-gold);border:2px solid var(--woof-ink);background:repeating-linear-gradient(2deg, transparent 0 8px, #031b420a 9px 10px), var(--woof-paper-light);box-shadow:4px 5px 0 var(--accent), 7px 8px 0 var(--woof-ink);clip-path:polygon(1% 5%,9% 1%,18% 4%,28% 1%,39% 4%,50% 1%,62% 4%,73% 1%,84% 4%,98% 2%,99% 18%,97% 34%,100% 52%,97% 71%,99% 97%,82% 99%,67% 97%,51% 100%,37% 97%,21% 100%,2% 96%,4% 76%,1% 57%,4% 38%);grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px 11px 12px;display:grid;position:relative;transform:rotate(-.25deg)}.queue-card:nth-child(2n){transform:rotate(.42deg)}.queue-card:before{content:"";opacity:.64;background:var(--accent);width:45px;height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg)}.queue-card.is-generating{background:repeating-linear-gradient(2deg,#0000 0 8px,#031b420a 9px 10px),#ffd7e8}.queue-rank{height:42px;color:var(--woof-ink);font-family:var(--woof-font-display);justify-content:center;align-items:baseline;font-size:1.6rem;font-weight:900;line-height:1;display:flex;transform:rotate(-4deg)}.queue-rank span{color:var(--accent);-webkit-text-stroke:1px var(--woof-ink);font-size:.8rem}.queue-copy{min-width:0}.queue-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 10px;font-size:.77rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.composer{z-index:5;padding:10px 11px max(10px, env(safe-area-inset-bottom));border-top:4px solid var(--woof-ink);background:repeating-linear-gradient(-3deg,#0000 0 10px,#031b420d 11px 12px),#efc982;grid-row:4;gap:8px;display:grid;position:relative;box-shadow:0 -5px #1cb9cab8}.composer-input-wrap{border:2px solid var(--woof-ink);background:var(--woof-white);border-radius:8px 5px 10px 6px;position:relative;overflow:hidden;box-shadow:3px 3px #031b4233}.composer textarea{resize:vertical;width:100%;min-height:66px;max-height:112px;color:var(--woof-ink);background:0 0;border:0;outline:0;padding:9px 10px 26px;font-size:.78rem;font-weight:650;line-height:1.35;display:block}.composer textarea::placeholder{color:#031b4278}.composer textarea:disabled{cursor:wait;opacity:.64}.composer-tools{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:4px;left:6px;right:6px}.attach-button{cursor:pointer;background:#f4d49b8c;border:1px solid #031b4266;border-radius:4px 6px 4px 5px;place-items:center;width:28px;height:25px;transition:background .12s,transform .12s;display:inline-grid}.attach-button:hover{background:var(--woof-cyan);transform:rotate(-5deg)}.attach-button input{opacity:0;width:1px;height:1px;position:absolute}.character-count{color:#031b427a;font-family:var(--woof-font-mono);font-size:.57rem;font-weight:800}.character-count.is-near-limit{color:#b13a24}.attachment-preview{border:2px solid var(--woof-ink);background:#fff8e9b3;border-radius:6px 9px 5px 8px;grid-template-columns:43px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:5px;display:grid}.attachment-preview img{object-fit:cover;border:1px solid var(--woof-ink);border-radius:4px;width:43px;height:43px}.attachment-preview div{min-width:0}.attachment-preview strong,.attachment-preview span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-preview strong{font-size:.69rem}.attachment-preview span{color:#031b4294;margin-top:2px;font-size:.58rem}.attachment-preview button{border:1px solid var(--woof-ink);width:27px;height:27px;color:var(--woof-ink);cursor:pointer;background:#ffd4c8;border-radius:5px;place-items:center;display:grid}.composer-notice{color:#2f5410;background:#d9edae;border:1px solid #3f6818;border-radius:5px 8px 4px 7px;align-items:flex-start;gap:7px;padding:6px 7px;font-size:.64rem;font-weight:750;line-height:1.35;display:flex}.composer-notice.is-error{color:#72271a;background:#ffd1bd;border-color:#9a3022}.composer-notice svg{flex:none;margin-top:1px}.composer-payment{grid-template-columns:minmax(95px,auto) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.price-note{align-content:center;padding:2px 4px;display:grid}.price-note.is-free{gap:3px;padding:3px 4px}.staging-pass{border:1px dashed var(--woof-ink);background:var(--woof-green);width:max-content;max-width:100%;font-family:var(--woof-font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:3px 6px 4px 5px;align-items:center;gap:5px;padding:3px 6px 2px;line-height:1;display:inline-flex;transform:rotate(-.7deg);box-shadow:2px 2px #031b4233;color:var(--woof-ink)!important;font-size:.52rem!important;font-weight:950!important}.staging-pass>span{background:#246e2b;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #fff8e9a6}.price-note.is-free small{color:#31511b;font-size:.5rem;font-weight:850}.composer:has(.price-note.is-free) .pay-button{background:var(--woof-green);color:var(--woof-ink)}.composer:has(.price-note.is-free) .pay-button:hover:not(:disabled){background:#b5df62}.price-note span,.price-note small{color:#031b4299;font-size:.54rem;font-weight:750}.price-note strong{font-family:var(--woof-font-mono);margin:1px 0;font-size:.71rem}.pay-button{border:3px solid var(--woof-ink);background:var(--woof-pink);height:46px;min-height:46px;max-height:46px;box-shadow:4px 4px 0 var(--woof-ink);color:var(--woof-white);cursor:pointer;font-family:var(--woof-font-display);text-align:center;border-radius:8px 5px 10px 6px;justify-content:center;align-self:center;align-items:center;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:900;line-height:1;transition:transform .13s,box-shadow .13s,background .13s;display:inline-flex}.pay-button:hover:not(:disabled){box-shadow:6px 6px 0 var(--woof-ink);background:#f36da3;transform:translate(-1px,-1px)rotate(-.5deg)}.pay-button:active:not(:disabled){box-shadow:1px 1px 0 var(--woof-ink);transform:translate(2px,2px)}.pay-button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.55;box-shadow:2px 2px 0 var(--woof-ink)}.calldata-note{color:#031b4299;font-family:var(--woof-font-mono);align-items:flex-start;gap:5px;margin:0;font-size:.49rem;line-height:1.3;display:flex}.calldata-note svg{flex:none}.transaction-hash{color:var(--woof-blue);align-items:center;gap:2px;margin-left:auto;font-weight:900;display:inline-flex}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes console-arrive{0%{opacity:0;transform:translateY(18px)rotate(-1.4deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(-.32deg)scale(1)}}@keyframes wormhole{to{transform:rotate(360deg)scale(1.08)}}@keyframes orbit-wobble{0%{transform:translate(-50%,-50%)rotate(-8deg)scale(.94)}to{transform:translate(-50%,-50%)rotate(19deg)scale(1.05)}}@keyframes star-drift{0%{transform:translate(-3px,4px)scale(1)}to{transform:translate(5px,-8px)scale(1.04)}}@keyframes dog-float{0%,to{transform:translate(-50%,-50%)rotate(-2deg)scale(1)}50%{transform:translate(-50%,-53%)rotate(1.2deg)scale(1.025)}}@keyframes signal-bars{to{opacity:.55;height:3px}}@keyframes heart-float{0%{opacity:0;transform:translate(-50%,8px)rotate(-12deg)scale(.45)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--heart-drift)), -138px) rotate(20deg) scale(1.18)}}@media (width<=1100px){.broadcast-layout{grid-template-columns:minmax(0,1fr) 370px}.broadcast-stage{padding-inline:18px}.topbar-center .network-chip{display:none}}@media (width<=820px){:root{--woof-topbar:calc(56px + env(safe-area-inset-top));--woof-now-playing:38px;--woof-mobile-rail:min(48dvh, 445px);--woof-mobile-handle:42px}.woof-app{height:100dvh;min-height:520px;padding-bottom:env(safe-area-inset-bottom);overflow:clip}.topbar{padding:calc(5px + env(safe-area-inset-top)) 9px 5px;grid-template-columns:minmax(0,1fr) auto}.brand-mark{width:38px;height:38px;box-shadow:2px 2px 0 var(--woof-pink);border-width:2px}.brand-mark img{width:40px;height:38px}.brand-type{gap:6px}.brand-name{font-size:.96rem}.brand-live{font-size:.54rem}.topbar-center{display:none}.wallet-control{min-height:40px;padding:5px 8px}.wallet-label{font-size:.64rem}.wallet-balance{display:none}.broadcast-layout{min-height:0;display:block;overflow:hidden}.broadcast-stage{padding:4px;display:grid;position:absolute;inset:0}.broadcast-stage:after{display:none}.video-console{width:min(100vw - 8px,430px);max-width:none;height:auto;max-height:calc(100% - 8px);box-shadow:4px 5px 0 var(--woof-orange), 7px 8px 0 #031b42c7;border-width:3px;border-radius:10px 7px 12px 8px;padding:5px 5px 0;transform:rotate(-.18deg)}.video-console:before{border-width:1px;inset:2px}.video-viewport{border-width:2px}.now-playing-strip{border-bottom-width:2px;grid-template-columns:auto minmax(0,1fr) minmax(0,auto);gap:7px;padding-inline:10px}.now-playing-strip:before{display:none}.viewer-overlay{background:#031b42d6;border-width:2px;min-height:32px;padding:5px 8px;font-size:.58rem;top:10px;left:9px;right:auto;box-shadow:2px 2px #031b42b3}.mute-button{top:53px;bottom:auto;right:7px}.reaction-zone{top:105px;bottom:auto;right:7px}.reaction-button{min-width:68px}.right-rail{z-index:20;height:var(--woof-mobile-rail);border:3px solid var(--woof-ink);background:linear-gradient(180deg, #ffe8b7e6, #efc982f0), var(--woof-paper);-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);border-radius:13px 9px 10px 7px;max-height:calc(100% - 84px);transition:height .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden;box-shadow:5px 6px #f26b21e6,8px 10px #031b42b3}.rail-grabber{width:100%;height:var(--woof-mobile-handle);color:var(--woof-ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffe8b7c7;border:0;border-bottom:2px dashed #031b424d;grid-template-columns:1fr auto 1fr;align-items:center;padding:3px 11px;display:grid}.rail-grabber>span{background:#031b4259;border-radius:1px 3px 2px 4px;justify-self:start;width:34px;height:4px}.rail-grabber strong{font-family:var(--woof-font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.rail-grabber svg{justify-self:end}.rail-inner{height:calc(100% - var(--woof-mobile-handle));grid-template-rows:46px auto minmax(0,1fr) auto}.right-rail.is-collapsed{height:var(--woof-mobile-handle);border-radius:12px 8px 10px 7px;box-shadow:4px 5px #f26b21d9}.right-rail.is-collapsed .rail-grabber{height:var(--woof-mobile-handle);border-bottom:0}.right-rail.is-collapsed .rail-inner{visibility:hidden;opacity:0;pointer-events:none}.rail-tabs{background:#fff8e96b;border-bottom-width:2px;gap:6px;padding:3px 8px 0}.rail-tabs button{background:#fff8e985;border:2px solid #031b4261;border-bottom:0;border-radius:8px 6px 0 0;min-height:40px;font-size:.78rem}.rail-tabs button.is-active{border-color:var(--woof-ink);background:#f04c8b40}.rail-tabs button:after{left:13%;right:13%}.rail-content{background:linear-gradient(#031b4214,#0000 22%);padding:7px 7px 9px}.chat-item{border:2px solid var(--woof-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8e9e0;border-radius:9px 6px 10px 7px;margin-bottom:7px;padding:9px 10px 8px 15px;overflow:hidden;box-shadow:3px 3px #031b4257}.chat-item:nth-child(2n){background:#f4d49beb;transform:rotate(.18deg)}.chat-item:before{top:7px;bottom:7px;left:5px}.chat-item>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 6px;font-size:.74rem;line-height:1.25;display:-webkit-box;overflow:hidden}.chat-meta strong,.queue-meta strong{font-size:.62rem}.queue-list{gap:7px;padding:0}.queue-card{background:#fff8e9e0;border-width:2px;box-shadow:3px 3px #031b424d}.composer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:repeating-linear-gradient(-3deg,#0000 0 10px,#031b420a 11px 12px),#efc982f2;border-top-width:3px;grid-template-columns:minmax(0,1fr) minmax(122px,36%);grid-template-areas:"attachment attachment""notice notice""input payment";gap:5px 7px;padding:7px 8px;box-shadow:0 -3px #1cb9cabf}.attachment-preview{grid-area:attachment}.composer-input-wrap{border-width:2px;grid-area:input;min-width:0}.composer textarea{resize:none;height:62px;min-height:62px;max-height:62px;padding:8px 9px 25px;font-size:.72rem}.composer-notice{grid-area:notice;max-height:46px;padding-block:5px;font-size:.6rem;overflow-y:auto}.composer-payment{grid-area:payment;grid-template-rows:14px 46px;grid-template-columns:minmax(0,1fr);align-content:end;gap:2px;min-width:0;display:grid}.price-note,.price-note.is-free{white-space:nowrap;align-items:center;gap:4px;min-width:0;padding:0 2px;display:flex;overflow:hidden}.price-note>span:not(.staging-pass),.price-note>small{display:none}.price-note strong{text-overflow:ellipsis;margin:0;font-size:.61rem;overflow:hidden}.staging-pass{box-shadow:none;background:0 0;border:0;padding:2px 4px 1px;font-size:.5rem!important}.pay-button{width:100%;height:46px;min-height:46px;box-shadow:3px 3px 0 var(--woof-ink);border-width:2px;padding-inline:6px;font-size:.68rem}.calldata-note{display:none}}@media (width<=470px){.brand-live{letter-spacing:.06em;gap:3px;font-size:.5rem}.wallet-control{max-width:145px}.now-playing-strip{grid-template-columns:auto minmax(0,1fr) minmax(54px,27vw);gap:7px;padding-inline:9px}.now-playing-status{letter-spacing:.08em;gap:4px;font-size:.54rem}.now-playing-prompt{font-size:.68rem}.now-playing-author{max-width:none;font-size:.56rem}.viewer-overlay{max-width:48%}.reaction-zone,.mute-button{right:6px}.reaction-button{min-width:72px}.queue-list{gap:7px;padding:0}.queue-card{grid-template-columns:35px minmax(0,1fr);gap:7px;padding:10px 8px 9px}.queue-rank{font-size:1.35rem}.pay-button{font-size:.64rem}}@media (height<=720px) and (width>=821px){.video-console{height:calc(100dvh - var(--woof-topbar) - var(--woof-now-playing) - 24px)}.composer{gap:6px;padding-top:8px}.composer textarea{min-height:55px}.chat-item{padding-block:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}