:root{--bg:#0f0f0f;--surface:#212121;--surface-2:#272727;--text:#f1f1f1;--muted:#aaa;--line:#3f3f3f;--red:#ff0033;--pink:#eaa8b8}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Roboto,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}.yt-header{position:sticky;z-index:50;top:0;height:64px;display:flex;align-items:center;gap:18px;padding:0 24px;background:rgba(15,15,15,.98)}button,input{font:inherit}.icon-button{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;font-size:22px;cursor:pointer}.icon-button:hover{background:#272727}.yt-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:20px;letter-spacing:-1px}.yt-brand sup{align-self:flex-start;margin:8px 0 0 3px;color:#aaa;font-size:10px;font-weight:400;letter-spacing:0}.play-logo{display:grid;place-items:center;width:36px;height:24px;margin-right:3px;border-radius:7px;color:#fff;background:var(--red);font-size:12px}.search-bar{width:min(640px,45vw);display:flex;margin-left:auto}.search-bar input{min-width:0;flex:1;height:42px;padding:0 18px;border:1px solid #303030;border-radius:22px 0 0 22px;color:#fff;background:#121212;font-size:16px;outline:none}.search-bar input:focus{border-color:#1c62b9}.search-bar button{width:64px;border:1px solid #303030;border-left:0;border-radius:0 22px 22px 0;color:#fff;background:#222;font-size:27px}.mic-button{background:#272727;font-size:10px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions>button:first-child{height:40px;padding:0 17px;border:0;border-radius:22px;color:#fff;background:#272727;font-weight:700}.header-actions .icon-button{position:relative}.header-actions .icon-button b{position:absolute;right:-2px;top:1px;padding:2px 4px;border-radius:8px;background:#c00;font-size:9px}.account-avatar,.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#583b48;background:linear-gradient(145deg,#f6dbe4,#c8b3ee);font-weight:800}
.watch-page{max-width:1780px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;padding:14px 22px 60px}.watch-main{min-width:0}.video-player{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.cafe-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stream-chat-overlay{position:absolute;z-index:4;left:3.5%;top:10%;width:38%;height:74%;pointer-events:none}.stream-chat-overlay>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.stream-chat-feed{position:absolute;z-index:1;left:8%;right:8%;top:22%;bottom:8%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;overflow:hidden;color:#715966;font-family:"Yu Gothic","Noto Sans JP",sans-serif}.stream-chat-line{padding-bottom:5px;border-bottom:1px solid rgba(198,151,154,.2);font-size:clamp(9px,1vw,13px);line-height:1.3;animation:streamCommentIn .32s cubic-bezier(.22,1,.36,1)}.stream-chat-line strong{margin-right:5px;color:#c16988;font-size:.86em}.stream-chat-line.is-user{color:#70537c}.stream-chat-line.is-user strong{color:#8c62a4}.video-player canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%}.dessert-foreground{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.model-loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;text-align:center;color:#604b69;background:rgba(255,235,244,.36)}.model-loading strong{font-size:16px}.model-loading span{margin-top:6px;font-size:12px}.model-loading.is-hidden{display:none}.stream-badge{position:absolute;z-index:5;left:16px;top:16px;display:flex;align-items:center;gap:8px}.stream-badge span{padding:5px 8px;border-radius:3px;background:#e62117;font-size:12px;font-weight:700}.stream-badge b{padding:5px 8px;border-radius:3px;background:rgba(0,0,0,.58);font-size:12px}.cafe-clock{position:absolute;z-index:5;right:16px;top:16px;display:flex;flex-direction:column;padding:8px 11px;border-radius:4px;color:#fff;background:rgba(27,24,27,.72);text-align:right}.cafe-clock span{font-size:10px;font-weight:700}.cafe-clock strong{font-size:18px}.character-caption{position:absolute;z-index:6;left:71%;bottom:52px;width:44%;max-width:44%;padding:10px 16px;border-radius:4px;color:#fff;background:rgba(0,0,0,.72);font-size:15px;line-height:1.45;transform:translateX(-50%);text-align:center}.character-caption small{display:block;margin-bottom:2px;color:#f4b7c8;font-size:10px;font-weight:700}.event-flash{position:absolute;z-index:12;inset:0;display:grid;place-items:center;opacity:0;background:rgba(0,0,0,.7);font-size:42px;font-weight:800;text-shadow:0 2px 18px #e44c80;transition:opacity .2s}.event-flash.is-visible{opacity:1}.player-controls{position:absolute;z-index:9;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.76))}.player-controls button{border:0;color:#fff;background:transparent;font-size:17px}.player-controls strong{font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#f00}.control-spacer{flex:1}.watch-main>h1{margin:14px 0 10px;font-size:20px;line-height:1.35}.video-meta{display:flex;align-items:center;gap:10px}.channel-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#684453;background:linear-gradient(145deg,#f7dce5,#cdb9ef);font-size:19px;font-weight:800}.channel-info{display:flex;flex-direction:column;margin-right:6px}.channel-info strong{font-size:14px}.channel-info span{margin-top:2px;color:#aaa;font-size:12px}.video-meta>button,.video-actions button{height:36px;padding:0 16px;border:0;border-radius:19px;font-weight:700}.join-button{color:#fff;background:#272727}.subscribe-button{color:#0f0f0f;background:#fff}.video-actions{display:flex;gap:8px;margin-left:auto}.video-actions button{color:#fff;background:#272727}@keyframes streamCommentIn{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.direct-chat-card{margin-top:18px;padding:18px;border-radius:12px;background:#202020}.direct-chat-heading{display:flex;justify-content:space-between;gap:18px}.direct-chat-heading>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 9px}.special-badge{padding:3px 6px;border-radius:3px;color:#fff;background:#b83968;font-size:9px;font-weight:800}.direct-chat-heading strong{font-size:15px}.direct-chat-heading p{grid-column:1/-1;margin:0;color:#aaa;font-size:12px}.direct-chat-heading>span{height:max-content;padding:4px 8px;border:1px solid #684454;border-radius:3px;color:#f4b2c7;font:700 10px monospace}.user-input{display:grid;grid-template-columns:34px 1fr auto;gap:9px;margin-top:15px}.user-input input{min-width:0;height:40px;padding:0 14px;border:1px solid #555;border-radius:20px;color:#fff;background:#121212;outline:none}.user-input input:focus{border-color:#9f6d7d}.user-input button{padding:0 18px;border:0;border-radius:20px;color:#0f0f0f;background:#f1f1f1;font-weight:700}.user-input button:disabled{opacity:.5}.interaction-history{display:flex;gap:12px;margin-top:14px;padding-top:12px;overflow-x:auto;border-top:1px solid #3c3c3c}.interaction-history article{min-width:220px;padding-right:12px;border-right:1px solid #444}.interaction-history strong{color:#f2aec2;font-size:10px}.interaction-history .user-line strong{color:#8ab4f8}.interaction-history p{margin:3px 0 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interaction-state{display:flex;align-items:center;gap:8px;margin-top:12px;color:#aaa;font-size:10px}.interaction-state code{color:#f0abc0}.interaction-state i{width:46px;height:3px;background:#444}.interaction-state b{display:block;width:0;height:100%;background:#dd5c84}.description-box{margin-top:16px;padding:14px;border-radius:12px;background:#272727;font-size:13px}.description-box p{margin:9px 0;line-height:1.5}.description-box button{padding:0;border:0;color:#fff;background:transparent;font-weight:700}
.live-chat-panel{position:sticky;top:78px;height:calc(100dvh - 94px);min-height:560px;display:flex;flex-direction:column;border:1px solid #444;border-radius:12px;background:#0f0f0f;overflow:hidden}.live-chat-panel>header{height:56px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #333}.live-chat-panel>header strong{font-size:15px}.live-chat-panel>header button{margin-left:auto;border:0;color:#fff;background:transparent;font-size:24px}.live-chat-panel>header button+button{margin-left:2px}.chat-filter{display:flex;gap:8px;padding:10px 12px}.chat-filter button{padding:7px 12px;border:0;border-radius:8px;color:#fff;background:#272727;font-size:12px}.chat-filter button.is-active{color:#0f0f0f;background:#fff}.chat-feed{flex:1;min-height:0;overflow:auto;padding:0 14px}.chat-message{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:7px 0;animation:chatIn .22s ease}.chat-message__avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#46313b;background:var(--avatar);font-size:10px;font-weight:700}.chat-message__meta{display:inline-flex;gap:5px;align-items:center}.chat-message__meta strong{color:#aaa;font-size:12px;font-weight:500}.chat-message__meta span{padding:1px 4px;border-radius:5px;color:#ddd;background:#333;font-size:8px}.chat-message p{display:inline;margin:0 0 0 6px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.chat-notice{display:flex;gap:12px;margin:8px 14px;padding:12px;border-radius:8px;background:#272727}.mini-logo{display:grid;place-items:center;width:27px;height:20px;margin-top:3px;border-radius:5px;background:#f00;font-size:9px}.chat-notice p{margin:0;color:#ddd;font-size:12px;line-height:1.45}.live-chat-panel footer{border-top:1px solid #333;padding:7px 12px}.chat-status{display:flex;justify-content:space-between;color:#aaa;font-size:9px}.chat-status span{display:flex;gap:4px;align-items:center}.chat-status i{width:5px;height:5px;border-radius:50%;background:#2ba640}.public-input{display:flex;align-items:center;gap:8px;margin-top:7px}.public-input>div{flex:1;height:36px;padding:9px 13px;border-radius:19px;color:#aaa;background:#272727;font-size:12px}.public-input button{width:35px;height:35px;border:0;border-radius:50%;color:#fff;background:#272727;font-size:18px}@keyframes chatIn{from{opacity:0;transform:translateY(5px)}}
@media(max-width:1100px){.watch-page{grid-template-columns:minmax(0,1fr) 340px}.search-bar{width:35vw}.character-caption{font-size:13px}}@media(max-width:850px){.yt-header{padding:0 12px}.menu-button,.mic-button,.header-actions>button:first-child{display:none}.search-bar{width:auto;flex:1}.watch-page{display:block;padding:0 0 50px}.watch-main>h1,.video-meta,.direct-chat-card,.description-box{margin-left:12px;margin-right:12px}.video-player{width:100%}.live-chat-panel{position:relative;top:auto;height:600px;margin:18px 12px}.video-actions button:nth-child(2){display:none}}@media(max-width:540px){.yt-header{height:56px;gap:8px}.yt-brand strong{font-size:16px}.search-bar input{display:none}.search-bar{margin-left:auto;flex:0}.search-bar button{width:40px;height:40px;border:0;border-radius:50%;background:#272727}.header-actions{margin-left:0}.header-actions .icon-button{display:none}.watch-main>h1{font-size:17px}.video-meta{flex-wrap:wrap}.video-actions{width:100%;margin-left:52px;overflow:auto}.direct-chat-heading>span{display:none}.user-input{grid-template-columns:32px 1fr}.user-input button{grid-column:2;justify-self:end;height:34px}.interaction-state{flex-wrap:wrap}.character-caption{bottom:42px;min-width:70%;font-size:11px}.cafe-clock{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}