#ub-number-take,#ub-number-take *{box-sizing:border-box}
#ub-number-take{--ink:#31313d;--muted:#78788a;--edge:rgba(104,92,164,.22);--accent:#888;max-width:660px;width:100%;margin:14px auto;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Sans','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;isolation:isolate}
#ub-number-take button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
#ub-number-take button:focus-visible{outline:3px solid #ac9ac1;outline-offset:3px}
#ub-number-take .nt-shell{border:1px solid var(--edge);border-radius:24px;background:#fff;box-shadow:0 16px 42px #4d417d12;padding:18px clamp(12px,3vw,24px) 20px;overflow:hidden}
#ub-number-take .nt-heading{margin:0 0 16px;color:var(--muted);font-size:12px;letter-spacing:.06em;font-weight:750;text-align:center}
#ub-number-take .nt-options{display:grid;grid-template-columns:max-content 22px 112px;justify-content:center;align-items:center;gap:10px;margin:0 auto 14px}
#ub-number-take .nt-mode-select{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
#ub-number-take .nt-step-arrow{font-size:22px;font-weight:650;line-height:1;color:#85808b;text-align:center;pointer-events:none}
#ub-number-take .nt-mode-label{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap}
#ub-number-take .nt-modes{display:flex;gap:3px;padding:3px;border:1px solid #ddd9da;border-radius:12px;background:#f8f7f7}
#ub-number-take .nt-mode{background:transparent;color:#777;border:0;border-radius:9px;padding:8px 16px;min-height:38px;font-size:12px;font-weight:700;white-space:nowrap}
#ub-number-take .nt-mode[aria-pressed=true]{background:#888;color:#fff}
#ub-number-take .nt-restart{width:112px;min-height:44px;border:1px solid #a9a4a8;border-radius:11px;padding:9px 14px;background:white;color:#666;font-size:12px;font-weight:700;white-space:nowrap}
#ub-number-take .nt-restart:hover{background:#f6f6f6}
#ub-number-take .nt-stage{border:1px solid rgba(104,92,164,.16);border-radius:18px;background:linear-gradient(180deg,#fff,#fcfbfd);padding:18px clamp(10px,3vw,24px) 20px;text-align:center}
#ub-number-take .nt-targetlabel{color:var(--muted);font-size:12px;margin:0 0 2px;font-weight:650}
#ub-number-take .nt-targetline{display:flex;justify-content:center;align-items:baseline;font-variant-numeric:tabular-nums}
#ub-number-take .nt-target{font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.2;color:#43404b}
#ub-number-take .nt-now{margin:16px auto 11px;min-height:144px;display:grid;place-content:center;gap:0;border:1px solid #eae7ef;border-radius:16px;background:rgba(245,243,250,.58);width:min(100%,330px)}
#ub-number-take .nt-nowtitle{font-size:12px;color:var(--muted);font-weight:650}
#ub-number-take .nt-value{font-size:clamp(66px,14vw,88px);line-height:1.1;font-weight:760;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#33313e}
#ub-number-take .nt-progress{height:7px;border-radius:100px;background:#eeecf1;overflow:hidden;width:min(100%,330px);margin:0 auto 10px}
#ub-number-take .nt-progressbar{height:100%;width:0;background:#a49caf;border-radius:100px;transition:width .2s ease}
#ub-number-take .nt-turn{min-height:152px;margin:13px 0 0;display:grid;place-content:center;text-align:center;gap:6px}
#ub-number-take .nt-turn-face{display:grid;place-items:center}
#ub-number-take .nt-turn-face img{display:block;width:80px;height:80px;object-fit:contain}
#ub-number-take .nt-turn-title{font-weight:750;font-size:16px;color:#514d5c}
#ub-number-take .nt-turn-guide{font-size:12px;color:var(--muted)}
#ub-number-take .nt-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px auto 0;width:min(100%,360px)}
#ub-number-take .nt-add{display:grid;place-items:center;min-width:0;min-height:70px;border:1px solid #d3d1d6;border-radius:15px;background:#fff;color:#474450;font-weight:750;font-size:27px;box-shadow:0 3px 0 #ecebed;transition:transform .12s,background .15s}
#ub-number-take .nt-add:not(:disabled):hover{background:#f7f5f8}
#ub-number-take .nt-add:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #ecebed}
#ub-number-take .nt-add:disabled{opacity:.40;cursor:default;box-shadow:none}
#ub-number-take .nt-tools{display:flex;justify-content:center;margin:16px 0 0}
#ub-number-take .nt-sound{display:flex;align-items:center;gap:12px}
#ub-number-take .nt-sound-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:#777}
#ub-number-take .nt-toggle{display:flex;align-items:center;width:48px;height:27px;padding:3px;border:1px solid #ddd;border-radius:30px;background:#ececee;transition:background .15s}
#ub-number-take .nt-knob{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}
#ub-number-take .nt-toggle[aria-pressed=true]{background:#888;border-color:#888}
#ub-number-take .nt-toggle[aria-pressed=true] .nt-knob{transform:translateX(20px)}
#ub-number-take .nt-note{font-size:12px;line-height:1.65;color:var(--muted);text-align:center;margin:13px 6px 0}
@media(max-width:390px){#ub-number-take .nt-options{grid-template-columns:minmax(0,1fr);gap:4px}#ub-number-take .nt-mode-select{justify-content:center}#ub-number-take .nt-step-arrow{transform:rotate(90deg);font-size:20px;line-height:1.1}#ub-number-take .nt-restart{justify-self:center;width:160px}}
@media(max-width:480px){#ub-number-take .nt-shell{padding:13px 10px 15px;border-radius:18px}#ub-number-take .nt-options{gap:8px}#ub-number-take .nt-mode{padding:7px 10px}#ub-number-take .nt-restart{padding:8px 9px}#ub-number-take .nt-stage{padding:15px 10px 17px}#ub-number-take .nt-now{min-height:126px;margin-top:13px}#ub-number-take .nt-turn{min-height:138px}#ub-number-take .nt-turn-face img{width:72px;height:72px}#ub-number-take .nt-add{min-height:62px;font-size:25px}#ub-number-take .nt-buttons{gap:8px}}
@media(prefers-reduced-motion:reduce){#ub-number-take .nt-progressbar,#ub-number-take .nt-toggle,#ub-number-take .nt-knob,#ub-number-take .nt-add{transition:none}}