.overlay-stage{pointer-events:none;background:0 0;place-items:center;display:grid;position:fixed;inset:0}.overlay-card{transform-origin:50%;flex-direction:column;align-items:center;gap:22px;max-width:min(96vw,1680px);padding:8px 32px;display:flex}.overlay-in .overlay-card{animation:.85s cubic-bezier(.2,.02,.18,1) both overlay-zoom}.overlay-out .overlay-card{animation:.45s ease-in both overlay-fade}.overlay-image{object-fit:contain;border:4px solid #fff;border-radius:18px;width:auto;max-width:min(240px,28vw);height:auto;max-height:min(240px,32vh);box-shadow:0 0 0 3px #111,0 10px 28px #00000073}.overlay-text{text-align:center;letter-spacing:.04em;color:#ffe566;-webkit-text-stroke:3px #111;paint-order:stroke fill;text-shadow:0 0 12px #000000d9,4px 4px #111,-4px 4px #111,4px -4px #111,-4px -4px #111;white-space:pre-wrap;word-break:break-word;margin:0;font-size:clamp(3.4rem,8.5vw,7.2rem);font-weight:900;line-height:1.12}@keyframes overlay-zoom{0%{opacity:0;transform:scale(.28)}62%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes overlay-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.setup-page{color:#f4f6fb;background:#11151c;grid-template-columns:minmax(320px,520px) minmax(280px,1fr);align-items:start;gap:24px;min-height:100vh;padding:32px 16px;display:grid}@media (width<=900px){.setup-page{grid-template-columns:1fr}}.setup-panel{background:#1b2230;border-radius:20px;flex-direction:column;gap:12px;width:min(560px,100%);padding:28px;display:flex;box-shadow:0 18px 50px #00000059}.setup-panel h1{margin:0;font-size:1.8rem}.setup-hint{color:#b8c2d6;margin:0 0 8px;line-height:1.45}.setup-label{font-size:.92rem;font-weight:700}.setup-panel textarea{resize:vertical;width:100%;font:inherit;color:#f4f6fb;background:#0f141d;border:0;border-radius:12px;padding:12px 14px}.setup-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setup-file{cursor:pointer;background:#2a3448;border-radius:999px;align-items:center;padding:8px 14px;display:inline-flex}.setup-file input{display:none}.setup-filename{color:#9eabc2;font-size:.9rem}.setup-backend{margin:0;font-size:.92rem;font-weight:700}.setup-backend.is-on{color:#9dffc3}.setup-backend.is-off{color:#ff8f8f}.setup-clear,.setup-fire,.setup-stop{cursor:pointer;font:inherit;border:0}.setup-clear{color:#ff8f8f;background:0 0}.setup-preview{object-fit:contain;border:2px solid #ffe566;border-radius:14px;width:auto;max-width:120px;height:auto;max-height:96px}.setup-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.setup-fire,.setup-stop{letter-spacing:.04em;border-radius:14px;padding:14px 18px;font-size:1.15rem;font-weight:800}.setup-fire{color:#111;background:#ffe566}.setup-stop{color:#f4f6fb;background:#2a3448}.setup-fire:hover,.setup-stop:hover{filter:brightness(1.05)}.setup-fire:disabled,.setup-stop:disabled{opacity:.6;cursor:wait}.setup-status{color:#9dffc3;margin:4px 0 0}.setup-link{color:#9eabc2;word-break:break-all;margin-top:8px;font-size:.92rem}.setup-link a{color:#ffe566}.setup-stage h2{color:#b8c2d6;margin:0 0 12px;font-size:1rem}.setup-chaos{background:radial-gradient(circle at 18% 22%,#ff4d6d 0 18%,#0000 19%),radial-gradient(circle at 78% 18%,#3d8bfd 0 16%,#0000 17%),radial-gradient(circle at 30% 78%,#7cff6b 0 20%,#0000 21%),radial-gradient(circle at 82% 72%,#ffd23f 0 18%,#0000 19%),repeating-linear-gradient(135deg,#5b2eff 0 28px,#ff2e9a 28px 56px);border-radius:20px;min-height:420px;position:relative;overflow:hidden}.setup-chaos iframe{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.setup-queue{width:100%;margin-bottom:24px}.setup-queue h2{color:#f4f6fb;margin:0;font-size:1.1rem}.setup-queue ul{flex-direction:column;gap:10px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.setup-queue li{background:#0f141d;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.setup-queue li img{object-fit:cover;border-radius:10px;flex:none;width:56px;height:56px}.setup-queue-body{flex:1;min-width:0}.setup-queue-text{overflow-wrap:anywhere}.setup-queue-meta{color:#9eabc2;margin-top:4px;font-size:.82rem}.setup-queue .setup-fire{flex:none;padding:10px 16px;font-size:1rem}.setup-page-login{grid-template-columns:minmax(0,420px);justify-content:center}.setup-input{width:100%;font:inherit;color:#f4f6fb;background:#0f141d;border:0;border-radius:12px;padding:12px 14px}.setup-error{color:#ff8f8f;margin:0}.setup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.setup-orders{background:#0f141d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.setup-orders.is-open strong{color:#9dffc3}.setup-orders.is-paused strong{color:#ff8f8f}.setup-orders .setup-stop{padding:8px 16px;font-size:1rem}.banchu-page{color:#f4f6fb;background:#11151c;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;min-height:100vh;padding:32px 16px;display:flex}.banchu-panel{flex:380px}.banchu-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.banchu-header h1{margin:0;font-size:1.6rem}.banchu-user{color:#b8c2d6;align-items:center;gap:6px;font-weight:700;display:flex}.banchu-auth,.banchu-composer,.banchu-pay,.banchu-queued{flex-direction:column;gap:10px;display:flex}.banchu-tabs{background:#0f141d;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.banchu-tabs button{font:inherit;color:#b8c2d6;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px;font-weight:700}.banchu-tabs button.is-active{color:#f4f6fb;background:#2a3448}.banchu-input{width:100%;font:inherit;color:#f4f6fb;background:#0f141d;border:0;border-radius:12px;padding:12px 14px}.banchu-error{color:#ff8f8f;margin:0}.banchu-muted{color:#9eabc2;margin:0;font-size:.92rem;line-height:1.45}.banchu-prices{flex-wrap:wrap;gap:8px;display:flex}.banchu-prices span{background:#2a3448;border-radius:999px;padding:6px 12px;font-size:.92rem}.banchu-prices strong{color:#ffe566}.banchu-counter{color:#9eabc2;align-self:flex-end;margin-top:-6px;font-size:.8rem}.banchu-pay-title{margin:0;font-size:1.05rem;line-height:1.4}.banchu-pay-title strong{color:#ffe566}.banchu-qr{aspect-ratio:1;color:#111;background:#fff;border-radius:16px;align-self:center;place-items:center;width:min(320px,100%);display:grid;overflow:hidden}.banchu-qr img{width:100%;height:100%}.banchu-bank{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.95rem;display:grid}.banchu-bank dt{color:#9eabc2}.banchu-bank dd{word-break:break-all;margin:0;font-weight:700}.banchu-link-btn{text-align:center;place-items:center;font-size:1rem;text-decoration:none;display:grid}.banchu-queued p{margin:0;line-height:1.5}.banchu-queued strong{color:#9dffc3}.banchu-history{flex:320px;max-width:520px}.banchu-history h2{margin:0;font-size:1.1rem}.banchu-history ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.banchu-history li{background:#0f141d;border-radius:12px;padding:10px 12px}.banchu-history-text{word-break:break-word}.banchu-tag{background:#2a3448;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem}.banchu-history-meta{color:#9eabc2;margin-top:4px;font-size:.82rem}.banchu-history-meta.is-paid,.banchu-history-meta.is-shown{color:#9dffc3}.banchu-history-meta.is-pending{color:#ffe566}.banchu-duration{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banchu-duration strong{text-align:center;min-width:5.5em}.banchu-dj{color:#ffe566;letter-spacing:.02em;background:#2a3448;border-left:4px solid #ffe566;border-radius:12px;margin:0;padding:10px 14px;font-weight:800;line-height:1.45}html.overlay-mode,body.overlay-mode,.overlay-mode #root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;height:100%;overflow:hidden;background:0 0!important}.title-stage{pointer-events:none;background:0 0;place-items:center;padding:0 4vw;display:grid;position:fixed;bottom:7%;left:0;right:0}.title-banner{filter:drop-shadow(0 10px 18px #00000047);transform-origin:0;width:min(92vw,1480px)}.title-in .title-banner{animation:.7s cubic-bezier(.16,.84,.32,1) both title-in}.title-in .title-role-bar{animation:.55s cubic-bezier(.16,.84,.32,1) .18s both title-role-in}.title-out .title-banner{animation:.45s ease-in both title-out}.title-main{clip-path:polygon(0 0,calc(100% - 70px) 0,100% 100%,0 100%);background:radial-gradient(circle at 12% 40%,#e1060014,#0000 28%),radial-gradient(circle at 78% 70%,#e1060012,#0000 26%),repeating-radial-gradient(circle at 20%,#b4282812 0 1px,#0000 1px 42px),#fff;border-radius:8px 90px 0 0;align-items:center;gap:clamp(12px,1.6vw,28px);min-height:clamp(78px,11vh,118px);padding:10px 7% 10px 18px;display:flex}.title-logo{aspect-ratio:154/167;object-fit:contain;flex-shrink:0;width:clamp(72px,8.2vw,108px);height:auto}.title-name{color:#e10600;letter-spacing:.04em;text-transform:uppercase;flex:1;margin:0;font-family:Segoe UI,Arial Black,sans-serif;font-size:clamp(1.7rem,4.1vw,3.35rem);font-weight:900;line-height:1.15}.title-role-bar{clip-path:polygon(0 0,100% 0,calc(100% - 54px) 100%,0 100%);background:#e10600;border-radius:0 0 80px 18px;margin-left:clamp(88px,11vw,150px);margin-right:4%;padding:9px 8% 10px 22px}.title-role{color:#fff;letter-spacing:.01em;margin:0;font-size:clamp(.95rem,1.7vw,1.45rem);font-weight:600;line-height:1.3}@keyframes title-in{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:translate(0)}}@keyframes title-role-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes title-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(70px)}}.title-setup-page{grid-template-columns:minmax(320px,1.15fr) minmax(300px,420px) minmax(240px,.9fr);align-items:stretch}.title-setup-page .setup-panel{width:100%}.title-saved{background:#1b2230;border-radius:20px;flex-direction:column;gap:10px;min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);padding:20px;display:flex;position:sticky;top:32px;box-shadow:0 18px 50px #00000059}.title-duration{align-items:center;gap:10px;display:flex}.title-duration strong{text-align:center;min-width:5.5em}.title-list-heading{margin:0;font-size:1.25rem}.title-list{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.title-list li{background:#0f141d;border-radius:14px;align-items:stretch;gap:10px;min-height:76px;padding:10px 12px;display:flex}.title-list li.is-selected{outline:2px solid #ffe566}.title-list-pick{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:4px;display:flex}.title-list-pick strong{font-size:1.05rem}.title-list-pick span{color:#9eabc2;font-size:.9rem;line-height:1.3}.title-list-actions{flex-direction:column;justify-content:center;gap:6px;display:flex}.title-list-actions .setup-fire,.title-list-actions .setup-clear{border-radius:10px;min-width:92px;min-height:40px;padding:8px 12px;font-size:.95rem}.title-preview{background:linear-gradient(45deg,#2a3140 25%,#0000 25%) 0 0/28px 28px,linear-gradient(-45deg,#2a3140 25%,#0000 25%) 0 14px/28px 28px,#1b2230;border-radius:20px;height:min(38vh,320px);min-height:240px;position:relative;overflow:hidden}.title-preview iframe{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=1100px){.title-setup-page{grid-template-columns:minmax(280px,1fr) minmax(280px,400px)}.title-setup-page .setup-stage{grid-column:1/-1}}@media (width<=900px){.title-setup-page{grid-template-columns:1fr}.title-saved{min-height:0;max-height:min(52vh,480px);position:static}}:root{font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:0 0;min-height:100%;margin:0}