@font-face{font-family:DSEG7;src:url(https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg-idle: #0b0b0d;--bg-ready: #b59410;--bg-work: #0b0b0d;--bg-rest: #b59410;--bg-circuit: #13314f;--bg-done: #0b0b0d;--accent: #e23b2e;--danger: #ff5a48;--start: #c4291d;--field-border: #6a6a77;--focus: #7db9ff;--ring-track: rgba(255, 255, 255, .22);--text: #ffffff;--ball-red: #e23b2e;--ball-blue: #1d94d2;--ball-green: #3fb755;--ball-yellow: #f0a500;--ball-white: #f2f2f2;--ball-purple: #8b5cf6;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:#000;color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cmd:focus-visible{outline-offset:3px}.seven{position:relative;display:inline-block;font-family:DSEG7,ui-monospace,monospace;font-weight:700;line-height:1;letter-spacing:.04em}.seven-ghost{position:absolute;top:0;right:0;bottom:0;left:0;color:currentColor;opacity:.022}.seven-val{position:relative;color:inherit}.huge{font-size:clamp(7rem,30vw,22rem)}.big-num{font-size:clamp(6rem,24vw,17rem)}.ring-big{font-size:clamp(2.2rem,5vw,3.4rem)}.display{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;transition:background-color .25s ease}.bg-idle{background:var(--bg-idle)}.bg-ready{background:var(--bg-ready)}.bg-work{background:var(--bg-work)}.bg-rest{background:var(--bg-rest)}.bg-circuitRest{background:var(--bg-circuit)}.bg-done{background:var(--bg-done)}.display-title{position:absolute;top:clamp(12px,3vh,34px);left:0;right:0;text-align:center;font-weight:800;letter-spacing:.06em;font-size:clamp(.9rem,2.4vw,1.6rem);text-transform:uppercase;opacity:.92;padding:0 4vw}.center-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,28px);text-align:center;padding:4vw}.phase-word{font-weight:900;letter-spacing:.04em;font-size:clamp(3rem,11vw,9rem)}.brand{font-weight:900;letter-spacing:.1em;font-size:clamp(2rem,8vw,5rem)}.muted{opacity:.7;font-size:clamp(.9rem,2.4vw,1.4rem)}.muted.small{opacity:.55;font-size:clamp(.75rem,1.8vw,1rem)}.work-main{flex:1;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.ball-wrap,.stim-wrap{position:absolute;top:46%;transform:translateY(-50%)}.pos-left{left:9%}.pos-center{left:50%;transform:translate(-50%,-50%)}.pos-right{right:9%}.ball{width:clamp(120px,19vw,300px);aspect-ratio:1;border-radius:50%;animation:pop .09s ease-out;display:grid;place-items:center}.ball-trap{filter:saturate(.65) brightness(.9)}.trap-x{font-weight:900;line-height:1;font-size:clamp(70px,12vw,190px);color:#fff;text-shadow:0 0 14px rgba(0,0,0,.7)}.trap-num{position:relative;display:inline-grid;place-items:center}.trap-num .seven-val{color:var(--ball-red)}.trap-slash{position:absolute;left:-8%;right:-8%;top:47%;height:clamp(8px,1.6vw,18px);background:var(--ball-red);border-radius:4px;transform:rotate(-18deg);box-shadow:0 0 12px var(--ball-red)}.seq{display:flex;gap:clamp(10px,2vw,30px)}.seq-hidden{visibility:hidden}.big-num{animation:popnum .05s ease-out}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popnum{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}.go-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(4rem,16vw,13rem);color:var(--ball-green);animation:gofade .8s ease forwards}@keyframes gofade{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.rings-row{position:absolute;bottom:clamp(18px,5vh,70px);left:0;right:0;display:flex;justify-content:center;align-items:center;gap:clamp(20px,7vw,110px)}.ring{position:relative;display:inline-grid;place-items:center}.ring svg{display:block}.ring-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ring-content .seven{font-size:clamp(1.6rem,3.4vw,2.6rem)}.ring-label{font-size:clamp(.55rem,1.3vw,.85rem);letter-spacing:.18em;opacity:.85;font-weight:700}.corner-ring{position:absolute;bottom:clamp(18px,5vh,60px);right:clamp(18px,5vw,80px)}.audio-hint{position:absolute;bottom:16px;left:16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 14px;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge{position:absolute;top:10px;right:12px;font-size:.65rem;letter-spacing:.2em;opacity:.35;font-weight:700}.next-up{margin-top:clamp(6px,2vh,16px);font-size:clamp(.9rem,2.6vw,1.5rem);font-weight:700;letter-spacing:.04em;opacity:.82}.edge-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;border:clamp(8px,1.6vw,18px) solid var(--ball-green);animation:edgepulse .5s ease-in-out infinite;z-index:15}@keyframes edgepulse{0%,to{opacity:.12}50%{opacity:.95}}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30}.pause-word{font-weight:900;letter-spacing:.06em;font-size:clamp(2.5rem,10vw,7rem);color:#fff}.fs-btn{position:absolute;bottom:14px;right:14px;width:42px;height:42px;border-radius:10px;background:#ffffff1f;color:inherit;border:1px solid rgba(255,255,255,.25);font-size:1.1rem;opacity:.5;z-index:20}.fs-btn:hover{opacity:1}.display.is-fs{cursor:none}.display.is-fs .fs-btn,.display.is-fs .badge{opacity:0}.picker{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:6vw;text-align:center;background:#0b0b0d}.picker-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:10px 0}.picker-card{width:220px;max-width:80vw;padding:28px 22px;border-radius:18px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.15);transition:transform .12s ease,border-color .12s ease}.picker-card:hover{transform:translateY(-3px);border-color:#ffffff73}.picker-card.control{background:linear-gradient(160deg,#2a2a36,#16161d)}.picker-card.display{background:linear-gradient(160deg,#b59410,#7a6308)}.pc-title{font-weight:900;letter-spacing:.08em;font-size:1.6rem}.pc-sub{margin-top:10px;opacity:.85;font-size:.9rem;line-height:1.4}.control{min-height:100%;max-width:540px;margin:0 auto;padding:16px 16px 60px;background:#131318;color:#ececf0}.ctrl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.brand-sm{font-weight:800;letter-spacing:.08em;font-size:.85rem;opacity:.8}.link{background:none;border:none;color:#7db9ff;font-size:.8rem}.live{margin-bottom:14px}.live.is-running{position:sticky;top:0;z-index:20;background:#131318;padding-top:8px;margin:0 -16px 14px;padding-left:16px;padding-right:16px;box-shadow:0 8px 16px -8px #0009;border-bottom:1px solid #23232e}.mirror{background:#1c1c25;border:1px solid #2a2a36;border-radius:16px;padding:14px 16px;text-align:center;margin-bottom:12px;transition:border-color .2s ease}.mirror-phase{font-weight:800;letter-spacing:.08em;font-size:1.5rem;line-height:1.1}.mirror-phase.ph-work{color:var(--ball-green)}.mirror-phase.ph-rest,.mirror-phase.ph-circuitRest{color:var(--ball-yellow)}.mirror-phase.ph-ready{color:var(--focus)}.mirror-time{font-family:DSEG7,ui-monospace,monospace;font-size:clamp(3.4rem,13vw,5rem);line-height:1.1;margin:4px 0}.mirror-meta{font-size:1rem;opacity:.82;font-variant-numeric:tabular-nums}.mirror-audio{margin-top:8px;font-size:.78rem;font-weight:700;border-radius:999px;padding:4px 10px;display:inline-block}.mirror-audio.on{color:var(--ball-green);background:#3fb7551f}.mirror-audio.warn{color:#ffd479;background:#f0a50024}.mirror.ph-bg-work{border-color:#3fb75580}.mirror.ph-bg-rest,.mirror.ph-bg-circuitRest{border-color:#f0a50080}.mirror.is-paused{border-color:var(--ball-yellow);box-shadow:0 0 0 2px #f0a50040 inset}.mirror.is-paused .mirror-phase{color:var(--ball-yellow)}.commands{display:flex;gap:8px;flex-wrap:wrap}.cmd{flex:1 1 auto;min-width:64px;padding:16px 10px;border-radius:14px;border:none;background:#2a2a36;color:#fff;font-weight:800;font-size:1rem;letter-spacing:.03em}.cmd.start{flex-basis:100%;background:var(--start);font-size:1.2rem;padding:18px 10px}.cmd.start:disabled{background:#3a2420;color:#ffb3aa;opacity:.8;cursor:not-allowed}.cmd.stop{background:#34232a;color:#ff9d92;box-shadow:0 0 0 1px #5a2e2e inset}.cmd.stop.armed{flex-basis:100%;background:var(--danger);color:#2a0a06;box-shadow:none}.cmd.pause{background:var(--ball-yellow);color:#1a1400}.cmd.resume{background:var(--ball-green);color:#07130a}.cmd:active{transform:scale(.98)}.cmd.small{flex:0 1 auto;padding:9px 12px;font-size:.82rem;font-weight:700;border-radius:10px;background:transparent;color:#d7d7e0;border:1px solid var(--field-border)}.cmd.small:hover{border-color:var(--focus);color:#fff}.commands.is-paused{outline:2px solid var(--ball-yellow);outline-offset:3px;border-radius:16px}.warn-inline{font-size:.8rem;color:#ffd479;margin-top:4px}.undo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;background:#21212b;border:1px solid #33333f;border-radius:10px;padding:8px 12px;font-size:.85rem}.config{display:flex;flex-direction:column;gap:12px}.config-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.config-title{font-weight:800;letter-spacing:.12em;font-size:.72rem;opacity:.55}.lock-toggle{background:transparent;border:1px solid var(--field-border);color:#d7d7e0;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700}.lock-note{font-size:.76rem;color:#ffd479}.config-body{border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:12px}.config-body:disabled{opacity:.5}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row.check{justify-content:flex-start;gap:8px}.config select,.config input[type=number],.config input[type=text],.config textarea{background:#0e0e13;color:#fff;border:1px solid var(--field-border);border-radius:10px;padding:8px 10px;font-size:.95rem}.config select{min-width:60%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.num{display:flex;flex-direction:column;gap:4px;font-size:.78rem;opacity:.95}.num input{width:100%}fieldset{border:1px solid var(--field-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:12px}legend{padding:0 6px;font-weight:800;font-size:.85rem;opacity:.85}.section-fold{border:1px solid var(--field-border);border-radius:14px;padding:0;display:block}.section-fold>summary{padding:12px;font-weight:800;font-size:.85rem;opacity:.9;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.section-fold>summary::-webkit-details-marker{display:none}.section-fold>summary:before{content:"▸";opacity:.6;transition:transform .15s ease}.section-fold[open]>summary:before{transform:rotate(90deg)}.section-fold[open]>summary{border-bottom:1px solid #23232e;margin-bottom:12px}.section-fold>:not(summary){margin:0 12px 12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative;width:44px;height:44px;border-radius:12px;border:2px solid var(--field-border);background:#0e0e13;color:var(--c, #fff);font-size:1.4rem;display:grid;place-items:center;font-weight:800}.chip.txt{color:#fff;font-size:1rem}.chip.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff26 inset}.chip-init{position:absolute;right:3px;bottom:1px;font-size:.5rem;font-weight:800;color:#fff;opacity:.85}.note{font-size:.8rem;opacity:.6}.hint{font-size:.72rem;opacity:.55;line-height:1.4}.row.colors{gap:14px;flex-wrap:wrap;justify-content:flex-start}.colorpick{display:flex;align-items:center;gap:7px;font-size:.82rem;opacity:.92}.colorpick input[type=color]{width:40px;height:30px;border:1px solid var(--field-border);border-radius:8px;background:#0e0e13;padding:2px;cursor:pointer}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.numgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.numcell{display:flex;flex-direction:column;align-items:center;gap:5px}.numcell .chip{width:100%;aspect-ratio:1;height:auto}.numcell input{width:100%;background:#0e0e13;color:#fff;border:1px solid var(--field-border);border-radius:8px;padding:5px 0;text-align:center;font-size:.85rem}.freq{display:flex;flex-direction:column;gap:10px}.freq-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.freq-readout{font-size:.8rem;opacity:.85;background:#0e0e13;border:1px solid #2a2a36;border-radius:10px;padding:9px 11px;line-height:1.5}.freq-readout b{color:var(--ball-green);font-variant-numeric:tabular-nums}.freq-warn{font-size:.8rem;line-height:1.45;color:#ffd479;background:#f0a5001f;border:1px solid rgba(240,165,0,.4);border-radius:10px;padding:9px 11px}.freq-warn b{color:#ffb84d}.check-row{gap:18px;flex-wrap:wrap;justify-content:flex-start}.sndgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sndgrid select{min-width:0;width:100%;background:#0e0e13;color:#fff;border:1px solid var(--field-border);border-radius:8px;padding:6px 8px;font-size:.85rem}.snd-pick{display:flex;gap:6px;align-items:stretch}.snd-pick select{flex:1}.snd-play{flex:0 0 auto;background:#1b1b22;color:#fff;border:1px solid var(--field-border);border-radius:8px;padding:0 11px;font-size:.8rem;cursor:pointer}.snd-play:hover:not(:disabled){border-color:var(--accent);background:#23232e}.snd-play:disabled{opacity:.35;cursor:default}.custom-snd{margin-top:10px}.snd-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.snd-row{display:flex;align-items:center;gap:8px;background:#0e0e13;border:1px solid #23232e;border-radius:8px;padding:6px 8px}.snd-row .snd-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.snd-row .del{background:none;border:none;color:#ff6b6b;font-size:.95rem;padding:2px 6px;cursor:pointer}.lib-save{gap:8px}.lib-name{flex:1;min-width:0;background:#0e0e13;color:#fff;border:1px solid var(--field-border);border-radius:10px;padding:9px 11px;font-size:.9rem}.saved-list{display:flex;flex-direction:column;gap:6px}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0e0e13;border:1px solid #23232e;border-radius:8px;padding:6px 10px}.saved-row .link{color:#cdd6e2;font-size:.9rem;text-align:left}.saved-row .del{background:none;border:none;color:#ff6b6b;font-size:.95rem;padding:2px 6px;cursor:pointer}.share-btns{gap:8px;flex-wrap:wrap;justify-content:flex-start}.qr-box{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:12px;padding:12px}.qr-box img{width:220px;height:220px;image-rendering:pixelated}.qr-box .link{color:#333}.import-area{width:100%;min-height:64px;background:#0e0e13;color:#fff;border:1px solid var(--field-border);border-radius:10px;padding:9px 11px;font-size:.8rem;font-family:ui-monospace,monospace;resize:vertical}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:5vw}.modal{background:#16161d;border:1px solid #2a2a36;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;align-items:center}.modal-title{font-weight:800;font-size:.95rem}.scan-video{width:100%;max-width:360px;border-radius:12px;background:#000;aspect-ratio:1;object-fit:cover}.del{min-width:34px;min-height:30px}.del.armed{color:#2a0a06!important;background:var(--danger)!important;border-radius:8px;font-weight:800}.flashmsg{font-size:.78rem;line-height:1.4;border-radius:8px;padding:6px 10px;margin-top:2px}.flashmsg.ok{color:#b9f0c4;background:#3fb75524}.flashmsg.err{color:#ffc9c2;background:#e23b2e29}.freq-adv>summary{font-size:.78rem;opacity:.85;cursor:pointer;padding:4px 0;list-style:none;font-weight:700}.freq-adv>summary::-webkit-details-marker{display:none}.freq-adv>summary:before{content:"▸ ";opacity:.6}.freq-adv[open]>summary:before{content:"▾ "}.freq-adv>.grid2{margin-top:10px}@media(max-width:380px){.grid3,.freq-row{grid-template-columns:1fr 1fr}.numgrid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.edge-flash{animation:none;opacity:.55}.go-flash{animation:none;opacity:.9}.cmd:active{transform:none}}