:root{--color-primary:#dc2626;--color-on-primary:#fff;--color-surface:#ffffffe0;--color-surface-strong:#fffffff5;--color-text:#1f2937;--color-ring:#7c3aedb8;color:var(--color-text);background:#0b0820;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell,.home-screen,.live-screen{width:100vw;height:100dvh;min-height:100vh;position:relative;overflow:hidden}.home-screen{touch-action:manipulation;background:#12072c;border:0;padding:0;transition:filter .18s,transform .18s;display:block}.home-screen:hover{filter:brightness(1.04)}.home-screen:active{transform:scale(.992)}.home-screen:focus-visible,.back-button:focus-visible,.danmaku-input:focus-visible,.send-button:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.screen-image{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.live-screen{background:#0b0820}.back-button{top:max(12px, env(safe-area-inset-top));z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08071433;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed;left:12px}.back-button:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:13px;height:13px;transform:translate(2px)rotate(45deg)}.danmaku-layer{z-index:10;--danmaku-top:max(96px, env(safe-area-inset-top));pointer-events:none;position:absolute;inset:0;overflow:hidden}.bullet{top:calc(var(--danmaku-top) + var(--lane-offset));color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000000a6;max-width:min(78vw,680px);animation:danmaku var(--duration) linear var(--delay) infinite;will-change:transform;background:#12121e94;border:1px solid #ffffff47;border-radius:999px;padding:6px 14px;font-size:clamp(14px,3.8vw,20px);font-weight:700;line-height:1.35;text-decoration:none;position:absolute;left:0;overflow:hidden;transform:translate(100vw);box-shadow:0 8px 18px #0000002e}.bullet.has-link{pointer-events:auto;cursor:pointer}.bullet.has-link:hover{filter:brightness(1.08)}.bullet.has-link:focus-visible{outline-offset:3px;outline:3px solid #ffffffeb}.tone-1{background:#7c3aeda3}.tone-2{background:#dc26269e}.tone-3{background:#0e74909e}.tone-4{background:#ca8a04a8}.composer{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffb8;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid;position:fixed;box-shadow:0 12px 32px #0d0c1e38}.danmaku-input{color:#111827;background:var(--color-surface-strong);border:0;border-radius:999px;width:100%;min-width:0;height:46px;padding:0 16px}.danmaku-input::placeholder{color:#6b7280}.send-button{min-width:72px;height:46px;color:var(--color-on-primary);background:linear-gradient(135deg,#7c3aed,#dc2626);border:0;border-radius:999px;padding:0 18px;font-weight:700;transition:filter .18s,transform .18s;box-shadow:0 8px 18px #7c3aed47}.send-button:hover{filter:brightness(1.05)}.send-button:active{transform:scale(.96)}.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}@keyframes danmaku{0%{opacity:0;transform:translate(100vw)}6%,94%{opacity:1}to{opacity:0;transform:translate(calc(-100% - 100vw))}}@media (width>=768px){.composer{max-width:720px;margin:0 auto;left:24px;right:24px}}@media (prefers-reduced-motion:reduce){.home-screen,.send-button{transition:none}.bullet{animation-duration:24s}}