:root{color-scheme:dark;--bg:#0b0b0d;--bg-soft:#131316;--panel:#17171b;--panel-2:#1d1d22;--line:#2a2a31;--line-strong:#6b4b18;--text:#f5f7fb;--muted:#989cab;--accent:#d79a2b;--accent-soft:rgba(215,154,43,.12);--accent-glow:rgba(215,154,43,.22);--ok:#22c55e;--warn:#f59e0b;--danger:#f43f5e;--shadow:0 20px 50px rgba(0,0,0,.35)}
body[data-theme="light"]{color-scheme:light;--bg:#f2f1ec;--bg-soft:#fbfaf6;--panel:#ffffff;--panel-2:#f5f1e8;--line:#e4dccf;--line-strong:#c7973e;--text:#1b1d22;--muted:#6e7481;--accent:#b7791f;--accent-soft:rgba(183,121,31,.1);--accent-glow:rgba(183,121,31,.18);--shadow:0 18px 40px rgba(24,24,27,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}
body{font-family:"Manrope",sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text)}
.auth-page,.auth-page button,.auth-page input,.auth-page select{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif}
button,input,select{font:inherit}
button,select,.toggle,.range{cursor:pointer}
button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}
button:focus-visible,.range:focus-visible,.toggle input:focus-visible + .slider{outline:2px solid #f59e0b;outline-offset:3px}
.input:focus-visible,.select:focus-visible{outline:none}
.hidden{display:none!important}
body.app-boot #authView,body.app-boot #appView,body.app-boot .theme-toggle{opacity:0;pointer-events:none}
.page{min-height:100vh;padding:108px 18px 24px}
.auth-page{display:flex;align-items:center;justify-content:center;padding-top:132px;padding-bottom:48px}
.theme-toggle{position:fixed;top:16px;right:16px;z-index:30;display:flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(12,12,14,.9);backdrop-filter:blur(12px);box-shadow:var(--shadow)}
body[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.88)}
.theme-toggle button{width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,var(--accent),#f3c567);color:#0f0f12;font-weight:800}
.theme-toggle button:hover{filter:brightness(1.08)}
.shell,.app-frame,.device-layout,.recharge-layout,.control-grid,.macro-layout,.hero-metrics,.summary-grid,.insight-grid{display:grid;gap:16px}
.shell{max-width:620px;margin:0 auto;grid-template-columns:1fr}
.app-frame{width:100%;max-width:1380px;margin:0 auto;min-width:0}
.panel,.card,.topbar,.subpanel,.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.panel,.card,.topbar,.subpanel{padding:16px}
.card-outline{border-color:var(--line-strong);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(215,154,43,.38);border-radius:999px;background:rgba(215,154,43,.06);color:#e3a63a;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}
.hero-title{margin:18px 0 10px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}
.hero-copy,.muted,.section-copy{color:#8f96a3;line-height:1.75}
.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.metric,.summary-card,.info-item,.tip-item,.device-command-item{padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2)}
.metric strong,.summary-card strong{display:block;font-size:1.15rem;margin-bottom:6px}
.auth-card{display:grid;gap:14px}
.auth-shell{max-width:560px;margin:0 auto}
.auth-hero-compact{display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(215,154,43,.32);border-radius:16px;background:linear-gradient(180deg,rgba(215,154,43,.06),rgba(215,154,43,.02))}
.auth-hero-compact strong{font-size:.98rem;font-weight:700;color:#f0f2f5}
.tabs,.nav-pills,.action-row,.status-row{display:flex;gap:10px;flex-wrap:wrap}
.tabs{align-items:center;gap:18px}
.register-row{display:flex;justify-content:center;gap:6px;align-items:center;font-size:.92rem;color:#8b909b}
.register-link{border:none;background:none;padding:0;color:#eca832;font-weight:700;cursor:pointer;transition:color .24s ease,transform .24s ease,text-shadow .24s ease}
.register-link:hover{color:#f0c36b;transform:translateY(-1px);text-shadow:0 0 14px rgba(215,154,43,.22)}
.divider-login{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:4px;color:#8b909b;font-size:.88rem}
.divider-login::before,.divider-login::after{content:"";height:1px;background:var(--line)}
.outline-login-btn{width:100%;padding:13px 16px;border-radius:14px;border:1px solid #32353d;background:transparent;color:#f2f4f8;font-weight:700;cursor:pointer;transition:border-color .26s ease,background .26s ease,transform .26s ease,box-shadow .26s ease,color .26s ease}
.outline-login-btn:hover{border-color:#4a4e59;background:rgba(255,255,255,.02);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tabs button,.nav-pills button,.ghost-btn,.btn,.status-chip{border-radius:14px}
.tabs button{cursor:pointer}
.tabs .tab-primary{border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(215,154,43,.14),rgba(215,154,43,.08));color:var(--text);padding:10px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.tabs .tab-link{border:none;background:none;padding:0;color:#7f8594;font-weight:700;letter-spacing:.01em;position:relative}
.tabs .tab-link:hover{color:#c6cad4}
.tabs .tab-link.active{color:var(--accent)}
.tabs .tab-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.85}
.nav-pills button,.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 14px;cursor:pointer}
.nav-pills button:hover,.ghost-btn:hover{border-color:var(--line-strong);color:var(--text);background:rgba(255,255,255,.03)}
.nav-pills button.active{background:var(--accent-soft);border-color:var(--line-strong);color:var(--text)}
.field{display:grid;gap:7px}
.label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.85rem;font-weight:700;color:#eff2f6}
.label button{border:none;background:none;color:#eca832;cursor:pointer;font-weight:700;padding:0;letter-spacing:.01em;transition:color .24s ease,transform .24s ease,text-shadow .24s ease}
.label button:hover{color:#f0c36b;transform:translateY(-1px);text-shadow:0 0 14px rgba(215,154,43,.22)}
.input,.select{width:100%;padding:12px 13px;border-radius:14px;border:1px solid #313540;background:#0f1013;color:#f2f4f8;outline:none}
body[data-theme="light"] .input,body[data-theme="light"] .select{background:#fcfbf8}
.input::placeholder{color:#727887}
.input:focus,.select:focus{border-color:#e0a53a;box-shadow:0 0 0 3px rgba(215,154,43,.1)}
.btn{border:none;padding:12px 15px;font-weight:800;cursor:pointer;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease,border-color .26s ease,background .26s ease,color .26s ease}
.btn-primary{background:linear-gradient(135deg,#e2a534,#f6c96c);color:#151515}
.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn-danger{background:linear-gradient(135deg,#ef476f,#f43f5e);color:#fff}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(215,154,43,.24);filter:brightness(1.03)}
.btn-secondary:hover{transform:translateY(-2px);border-color:var(--line-strong);background:rgba(255,255,255,.03);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn-danger:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(244,63,94,.24);filter:brightness(1.03)}
.hint,.err-msg,.success-msg{min-height:1.2rem;font-size:.88rem}
.hint{color:var(--muted)}.err-msg{color:var(--danger)}.success-msg{color:var(--ok)}
.topbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);background:var(--panel-2);font-weight:700}
.dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.control-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.stack{display:grid;gap:16px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.section-head h3{margin:0}
.switch-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.switch-row:first-child{border-top:none;padding-top:0}
.toggle{position:relative;width:54px;height:30px}.toggle input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;border-radius:999px;border:1px solid var(--line);background:#101115}
body[data-theme="light"] .slider{background:#ebe6dc}
.slider:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.toggle input:checked + .slider{background:linear-gradient(135deg,var(--accent),#f3c567);border-color:transparent}
.toggle input:checked + .slider:before{transform:translateX(24px)}
.range-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}
.range{width:100%;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#f3c567)}
.range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
.range::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px rgba(245,158,11,.14)}
.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
.mono{font-family:"JetBrains Mono",monospace}
.delay-box{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;align-items:center;margin-top:14px;min-width:0;width:100%}
.delay-box button{height:52px;min-width:0;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}
.delay-screen{text-align:center;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);min-width:0;overflow:hidden}
.delay-screen strong{display:block;font-size:1.65rem}
.delay-input{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:center;font-size:1.65rem;font-weight:800;line-height:1.15;outline:none;appearance:textfield}
.delay-input::-webkit-outer-spin-button,.delay-input::-webkit-inner-spin-button{appearance:none;margin:0}
.banner{padding:14px 16px;border:1px solid rgba(245,158,11,.3);border-radius:16px;background:rgba(245,158,11,.12);color:#f6cc79}
.device-layout,.recharge-layout{grid-template-columns:.9fr 1.1fr}
.rewards-page{display:grid;gap:16px}
.rewards-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:16px;align-items:center;overflow:hidden;position:relative}
.rewards-hero::after{content:"";position:absolute;right:-120px;top:-140px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.28),transparent 68%);pointer-events:none}
.reward-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.reward-stats .summary-card{padding:18px 20px}
.reward-stats .summary-card strong{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;font-size:1.38rem!important;line-height:1.35!important;font-weight:900!important;letter-spacing:.01em;color:#fff!important;text-shadow:0 0 18px rgba(245,158,11,.18)}
.reward-stats .summary-card span{font-size:.88rem;color:#c7cad3}
.rewards-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:16px;align-items:start}
.reward-log-card{grid-column:1/-1}
.milestone-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}
.checkin-day{min-height:62px;padding:8px 6px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));text-align:center;color:var(--muted);display:grid;place-items:center}
.checkin-day strong{display:block;color:var(--text);font-size:1.08rem;line-height:1;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-weight:900}
.checkin-day span{display:block;font-size:.72rem;line-height:1.1;margin-top:4px}
.checkin-day.signed{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.14);color:#86efac}
.checkin-day.signed strong{color:#dcfce7}
.checkin-day.missed{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.13);color:#fca5a5}
.checkin-day.missed strong{color:#fee2e2}
.checkin-day.today{border-color:rgba(245,158,11,.58);background:rgba(245,158,11,.13);color:#fbbf24}
.checkin-day.future{opacity:.68}
.reward-glow-btn{width:100%;margin:4px 0 10px;box-shadow:0 18px 36px rgba(245,158,11,.18)}
.lottery-card{display:grid;gap:12px;align-content:start}
.wheel-wrap{position:relative;width:min(360px,100%);aspect-ratio:1;margin:4px auto 8px;display:grid;place-items:center}
.wheel-wrap::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.18),transparent 58%);filter:blur(6px);pointer-events:none}
.wheel-wrap::after{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 45%,transparent 56%,rgba(255,255,255,.08) 57%,transparent 58%);pointer-events:none}
.wheel-pointer{position:absolute;top:-2px;left:50%;z-index:6;transform:translateX(-50%);width:34px;height:42px;clip-path:polygon(50% 0,100% 78%,58% 68%,50% 100%,42% 68%,0 78%);background:linear-gradient(180deg,#f8d88b,#d08a18 62%,#8b540b);filter:drop-shadow(0 10px 14px rgba(0,0,0,.42))}
.lottery-wheel{position:absolute;inset:0;border-radius:50%;border:12px solid #24242a;background:conic-gradient(from -22.5deg,#b7791f 0 44deg,#232329 44deg 45deg,#3a2f20 45deg 89deg,#232329 89deg 90deg,#926f2a 90deg 134deg,#232329 134deg 135deg,#2f3138 135deg 179deg,#232329 179deg 180deg,#6f521c 180deg 224deg,#232329 224deg 225deg,#3b352b 225deg 269deg,#232329 269deg 270deg,#c9942e 270deg 314deg,#232329 314deg 315deg,#4a4a53 315deg 359deg,#232329 359deg 360deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 24px rgba(0,0,0,.08),inset 0 -28px 48px rgba(0,0,0,.28),0 28px 58px rgba(0,0,0,.46);transition:transform 1.8s cubic-bezier(.18,.86,.22,1)}
.lottery-wheel span{position:absolute;left:50%;top:50%;transform:rotate(calc(var(--i) * 45deg)) translate(0,-132px) rotate(calc(var(--i) * -45deg));transform-origin:center;width:70px;margin-left:-35px;text-align:center;font-size:.82rem;font-weight:900;color:#f7f0df;text-shadow:0 2px 10px rgba(0,0,0,.68)}
.wheel-center{position:relative;z-index:5;width:98px;height:98px;border-radius:50%;border:1px solid rgba(245,158,11,.45);background:radial-gradient(circle at 35% 28%,#fff1b8 0,#e1a832 28%,#9f6614 58%,#21180d 100%);color:#16110a;font-weight:1000;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -12px 20px rgba(0,0,0,.3),0 16px 32px rgba(0,0,0,.46),0 0 0 10px rgba(24,24,27,.72);cursor:pointer}
.wheel-center:disabled{filter:grayscale(.45);opacity:.7}
.lottery-result{text-align:center;font-size:1.1rem;font-weight:900;color:#fbbf24;min-height:28px;margin-top:0}
.odds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.odds-item,.reward-log-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}
.odds-item strong{color:#fbbf24}
.reward-log-list{display:grid;gap:10px}
.reward-log-item span{color:var(--muted);font-size:.86rem}
.macro-layout{grid-template-columns:1.25fr .75fr}
.macro-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.macro-actions{margin-top:14px}
.macro-run-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.macro-loop-row{padding:8px 0;border-top:0}
.macro-record-pad{margin-top:14px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:14px;background:var(--panel-2);color:var(--muted);outline:none;user-select:none}
.macro-status-on{color:#22c55e!important}.macro-status-off{color:#ef4444!important}.macro-status-neutral{color:var(--app-muted)!important}
.macro-record-pad:focus,.macro-record-pad.recording{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--text)}
.macro-step-list{display:grid;gap:10px}
.macro-step-item{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
.macro-inline-input,.macro-inline-select{min-height:38px;padding:8px 10px}
.macro-step-edit:empty{display:none}
.macro-empty{padding:14px;border:1px dashed var(--line);border-radius:14px;text-align:center}
.vk-modal{width:min(780px,calc(100vw - 32px));max-height:82vh;overflow:auto}
.vk-detect-box{margin-top:16px;padding:18px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--panel-2);color:var(--text);text-align:center;font-weight:700;outline:none}
.vk-detect-box:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}
.vk-detect-result{margin:12px 0;color:var(--muted)}
.vk-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.vk-row{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.vk-row span{color:var(--muted);line-height:1.5}
.contour-page{display:grid;gap:16px}
.contour-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.contour-actions{justify-content:flex-end}
.contour-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:16px;align-items:start}
.contour-column{display:grid;gap:16px;min-width:0;height:100%}
.contour-column:first-child{grid-template-rows:auto 1fr}
.contour-column:first-child .contour-card:last-child{height:100%}
.contour-column-balanced{height:100%;grid-template-rows:1fr 1fr}
.contour-column-balanced .contour-card{height:100%}
.contour-card{min-width:0}
.contour-card-slim .section-head{margin-bottom:10px}
.contour-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.contour-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.contour-form-grid>.field{min-width:0}
.contour-form-grid .muted{font-size:.78rem;line-height:1.5}
.contour-range-field{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
#appView .contour-range-field{background:var(--app-panel-soft);border-color:var(--app-line-strong)}
.contour-switch{grid-column:1/-1;margin-top:2px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
#appView .contour-switch{background:var(--app-panel-soft);border-color:var(--app-line-strong)}
.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.info-list,.tip-list{display:grid;gap:10px}
.info-item{display:flex;justify-content:space-between;gap:10px;align-items:center}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.device-card{display:grid;gap:12px}
.device-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.command-card{display:grid;gap:10px}
.command-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.command-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.65}
.command-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.command-detail-modal{width:min(760px,calc(100vw - 32px));max-height:82vh;overflow:auto}
.command-detail-body{display:grid;gap:10px;margin-top:16px}
.command-detail-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.command-detail-key{color:var(--muted)}
.command-detail-value{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.badge-live{color:var(--ok)}.badge-offline{color:var(--muted)}
.command-status-done{color:var(--ok)}.command-status-failed{color:var(--danger)}.command-status-pending{color:var(--warn)}
.modal-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);z-index:40}
.modal{width:min(460px,100%);padding:20px}
@media(max-width:1080px){.shell,.summary-grid,.control-grid,.device-layout,.recharge-layout,.macro-layout,.hero-metrics,.insight-grid,.rewards-hero,.rewards-layout{grid-template-columns:1fr}.macro-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.page{padding:78px 12px 16px}.summary-grid,.reward-stats{grid-template-columns:1fr 1fr}.hero-metrics{grid-template-columns:1fr}.milestone-track{grid-template-columns:repeat(4,minmax(0,1fr))}.odds-grid{grid-template-columns:1fr}.wheel-wrap{width:min(300px,100%)}.lottery-wheel span{transform:rotate(calc(var(--i) * 45deg)) translate(0,-108px) rotate(calc(var(--i) * -45deg));font-size:.76rem}}

.auth-page{background:#09090b;color:#fafafa;font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei",sans-serif}
.auth-page .auth-shell{max-width:28rem}
.auth-page .card{background:#18181b;border-color:#27272a;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:2rem}
.auth-page .auth-card{gap:1rem}
.auth-page .chip{display:none}
.auth-page .auth-hero-compact{display:none}
.auth-page h2{font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;color:#fafafa;letter-spacing:0}
.auth-page .section-copy,.auth-page .muted,.auth-page .hint{color:#a1a1aa;font-size:.875rem;line-height:1.625}
.auth-page .label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#e4e4e7}
.auth-page .label button,.auth-page .register-link{color:#f59e0b;font-size:.875rem;font-weight:600}
.auth-page .label button:hover,.auth-page .register-link:hover{color:#fbbf24;text-shadow:none}
.auth-page .input,.auth-page .select{min-height:2.5rem;border-radius:.5rem;border-color:#3f3f46;background:#18181b;color:#f4f4f5;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}
.auth-page .input::placeholder{color:#71717a}
.auth-page .input:focus,.auth-page .select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.1)}
.auth-page .btn,.auth-page .outline-login-btn{min-height:2.5rem;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;font-weight:600;letter-spacing:.01em;transition:all .2s cubic-bezier(.4,0,.2,1)}
.auth-page .btn-primary{background:#f59e0b;color:#09090b;box-shadow:none}
.auth-page .btn-primary:hover{background:#fbbf24;transform:none;box-shadow:none;filter:none}
.auth-page .btn-primary:active,.auth-page .outline-login-btn:active,.auth-page .register-link:active,.auth-page .label button:active{transform:scale(.98)}
.auth-page .outline-login-btn{border-color:#3f3f46;background:#27272a;color:#e4e4e7}
.auth-page .outline-login-btn:hover{border-color:#52525b;background:#3f3f46;transform:none;box-shadow:none}
.auth-page .register-row{color:#71717a;font-size:.875rem}
.auth-page .divider-login{color:#71717a;font-size:.875rem}
.auth-page .divider-login::before,.auth-page .divider-login::after{background:#27272a}
.auth-page .err-msg{color:#ef4444;font-size:.875rem}
.auth-page .success-msg{color:#22c55e;font-size:.875rem}
@keyframes auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}
@keyframes auth-fade-out{0%{opacity:1}to{opacity:0}}
@keyframes auth-fade-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}
.auth-page #pane-reg:not(.hidden),.auth-page #pane-reset:not(.hidden){position:fixed;inset:0;z-index:60;display:flex!important;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);animation:auth-fade-in .2s ease forwards}
.auth-page .auth-modal-card{width:100%;max-width:28rem;background:#18181b;border:1px solid rgba(63,63,70,.5);border-radius:1rem;padding:2rem;box-shadow:0 24px 60px rgba(0,0,0,.5);animation:auth-fade-up .5s ease forwards}
.auth-page .auth-modal.is-closing{animation:auth-fade-out .18s ease forwards!important}
.auth-page .auth-modal.is-closing .auth-modal-card{animation:auth-fade-down .18s ease forwards!important}
.auth-page.is-modal-closing .auth-card{opacity:0;visibility:hidden}
.auth-page.is-login-entering .auth-card{animation:auth-fade-up .24s ease forwards}
.auth-page #pane-reset .auth-modal-card{max-width:24rem}
.auth-page .auth-modal-head{text-align:center;margin-bottom:1.5rem}
.auth-page .auth-modal-head h3{font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;font-size:1.5rem;line-height:2rem;font-weight:700;color:#f4f4f5}
.auth-page .auth-modal-head p{margin-top:.25rem;color:#71717a;font-size:.875rem}
body.auth-mode .theme-toggle{top:1.5rem;right:1.5rem;border-color:#27272a;background:#18181b;color:#a1a1aa;border-radius:.75rem;padding:.5rem .75rem;box-shadow:none;font-size:.875rem}
body.auth-mode .theme-toggle button{width:2rem;height:2rem;border-radius:.5rem;background:#27272a;color:#fbbf24;transition:all .2s cubic-bezier(.4,0,.2,1)}
body.auth-mode .theme-toggle button:hover{background:#3f3f46}
body[data-theme="light"] .auth-page{background:#fafafa;color:#09090b}
body[data-theme="light"] .auth-page .card,body[data-theme="light"] .auth-page .auth-modal-card{background:#ffffff;border-color:#e4e4e7}
body[data-theme="light"] .auth-page h2,body[data-theme="light"] .auth-page .auth-modal-head h3{color:#18181b}
body[data-theme="light"] .auth-page .label{color:#3f3f46}
body[data-theme="light"] .auth-page .input,body[data-theme="light"] .auth-page .select{background:#ffffff;border-color:#d4d4d8;color:#18181b}
body[data-theme="light"].auth-mode .theme-toggle{background:#ffffff;border-color:#e4e4e7;color:#52525b}
body[data-theme="light"].auth-mode .theme-toggle button{background:#f4f4f5;color:#d97706}

#appView{background:#09090b;color:#fafafa;font-family:"Plus Jakarta Sans","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#appView .topbar,#appView .panel,#appView .card,#appView .summary-card,#appView .metric,#appView .info-item,#appView .tip-item,#appView .device-command-item{background:#18181b;border-color:#27272a;border-radius:.75rem;box-shadow:none}
#appView .card-outline{border-color:#3f3f46;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
#appView .chip{border-color:#f59e0b33;background:#f59e0b14;color:#fbbf24}
#appView .section-copy,#appView .muted,#appView .hint{color:#a1a1aa;font-size:.875rem;line-height:1.625}
#appView h2,#appView h3{font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;color:#fafafa;font-weight:700;letter-spacing:0}
#appView strong{color:#fafafa;font-weight:600}
#appView .summary-card strong,#appView .metric strong{font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;font-size:1.125rem;line-height:1.75rem;font-weight:700}
#appView #summaryDelay{font-family:"JetBrains Mono","Plus Jakarta Sans","PingFang SC",sans-serif;font-size:1.22rem;font-weight:800;letter-spacing:.02em;color:#f8fafc;text-shadow:0 0 18px rgba(245,158,11,.12)}
body[data-theme="light"] #appView #summaryDelay{color:#111827;text-shadow:none}
#appView .status-chip{background:#27272a;border-color:#3f3f46;color:#e4e4e7;border-radius:.5rem;font-size:.875rem;font-weight:500}
#appView .nav-pills button,#appView .btn-secondary,#appView .delay-box button{background:#27272a;border-color:#3f3f46;color:#e4e4e7;border-radius:.5rem}
#appView .nav-pills button:hover,#appView .btn-secondary:hover,#appView .delay-box button:hover{background:#3f3f46;border-color:#52525b;box-shadow:none;transform:none}
#appView .nav-pills button.active{background:#f59e0b1a;border-color:#f59e0b66;color:#fbbf24}
#appView .input,#appView .select{background:#18181b;border-color:#3f3f46;color:#f4f4f5;border-radius:.5rem}
#appView .contour-page .input,#appView .contour-page .select{min-height:48px;padding:10px 12px}
#appView .input:focus,#appView .select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.1)}
#appView .input:focus-visible,#appView .select:focus-visible{outline:none}
#appView .label{color:#e4e4e7;font-size:.875rem;font-weight:500}
#appView .field>.label{pointer-events:none}
#appView .field>.label button{pointer-events:auto}
#appView .btn{border-radius:.5rem;font-family:"Syne","Plus Jakarta Sans","PingFang SC",sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.01em;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
#appView .btn-primary{background:#f59e0b;color:#09090b;box-shadow:none}
#appView .btn-primary:hover{background:#fbbf24;box-shadow:none;transform:none;filter:none}
#appView .btn-primary:active,#appView .btn-secondary:active,#appView .btn-danger:active,#appView .nav-pills button:active,#appView .delay-box button:active{transform:scale(.98);box-shadow:none}
#appView .btn-danger{background:#ef4444;color:#fff;box-shadow:none}
#appView .btn-danger:hover{background:#f87171;box-shadow:none;transform:none;filter:none}
#appView .action-bind,#appView .action-recharge{background:#f59e0b;color:#09090b;border:1px solid #f59e0b}
#appView .action-bind:hover,#appView .action-recharge:hover{background:#fbbf24;border-color:#fbbf24;color:#09090b}
#appView .action-stop{background:#ef4444;color:#fff;border:1px solid #ef4444}
#appView .action-stop:hover{background:#f87171;border-color:#f87171;color:#fff}
#appView .actions .btn{min-height:2.5rem}
#appView .logout-btn{transition:transform .2s cubic-bezier(.4,0,.2,1)}
#appView .logout-btn:hover{transform:translateY(-1px)}
#appView .switch-row{border-color:#27272a}
#appView .mode-panel,#appView .timing-stack{height:100%}
#appView .timing-stack{grid-template-rows:auto minmax(0,1fr)}
#appView .addon-panel{padding-bottom:12px}
#appView .addon-panel .switch-row{min-height:64px;padding:10px 0}
#appView .timing-panel{min-height:390px;display:flex;flex-direction:column}
#appView .timing-panel .range-head{margin:11px 0 7px}
#appView .timing-panel .delay-box{margin-top:18px}
#appView .slider{background:#27272a;border-color:#3f3f46}
#appView .toggle input:checked + .slider{background:linear-gradient(135deg,#22c55e,#86efac);border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12),0 8px 18px rgba(34,197,94,.2)}
#appView .toggle input:checked + .slider:before{background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#appView .delay-screen{background:#18181b;border-color:#27272a;border-radius:.75rem}
#appView .delay-screen strong{font-family:"JetBrains Mono",monospace;color:#fafafa}
#appView .delay-input{font-family:"JetBrains Mono",monospace;color:#fafafa}
#appView .mono{font-family:"JetBrains Mono",monospace;color:#fbbf24}
#appView .banner{background:#f59e0b14;border-color:#f59e0b33;color:#fbbf24}
body[data-theme="light"] #appView{background:#fafafa;color:#18181b}
body[data-theme="light"] #appView .topbar,body[data-theme="light"] #appView .panel,body[data-theme="light"] #appView .card,body[data-theme="light"] #appView .summary-card,body[data-theme="light"] #appView .metric,body[data-theme="light"] #appView .info-item,body[data-theme="light"] #appView .tip-item,body[data-theme="light"] #appView .device-command-item{background:#ffffff;border-color:#e4e4e7;box-shadow:0 10px 25px rgba(24,24,27,.06)}
body[data-theme="light"] #appView .card-outline{border-color:#d4d4d8;box-shadow:0 18px 40px rgba(24,24,27,.08)}
body[data-theme="light"] #appView .section-copy,body[data-theme="light"] #appView .muted,body[data-theme="light"] #appView .hint{color:#71717a}
body[data-theme="light"] #appView h2,body[data-theme="light"] #appView h3,body[data-theme="light"] #appView strong{color:#18181b}
body[data-theme="light"] #appView .status-chip,body[data-theme="light"] #appView .nav-pills button,body[data-theme="light"] #appView .btn-secondary,body[data-theme="light"] #appView .delay-box button{background:#f4f4f5;border-color:#e4e4e7;color:#3f3f46}
body[data-theme="light"] #appView .nav-pills button:hover,body[data-theme="light"] #appView .btn-secondary:hover,body[data-theme="light"] #appView .delay-box button:hover{background:#e4e4e7;border-color:#d4d4d8}
body[data-theme="light"] #appView .nav-pills button.active{background:#f59e0b1a;border-color:#f59e0b66;color:#b45309}
body[data-theme="light"] #appView .btn-primary{background:#f59e0b;color:#09090b}
body[data-theme="light"] #appView .btn-primary:hover{background:#d97706;color:#fff}
body[data-theme="light"] #appView .btn-danger{background:#dc2626;color:#fff}
body[data-theme="light"] #appView .btn-danger:hover{background:#b91c1c;color:#fff}
body[data-theme="light"] #appView .action-bind,body[data-theme="light"] #appView .action-recharge{background:#f59e0b;border-color:#f59e0b;color:#09090b}
body[data-theme="light"] #appView .action-bind:hover,body[data-theme="light"] #appView .action-recharge:hover{background:#d97706;border-color:#d97706;color:#fff}
body[data-theme="light"] #appView .action-stop{background:#dc2626;border-color:#dc2626;color:#fff}
body[data-theme="light"] #appView .action-stop:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
body[data-theme="light"] #appView .input,body[data-theme="light"] #appView .select{background:#ffffff;border-color:#d4d4d8;color:#18181b}
body[data-theme="light"] #appView .label{color:#3f3f46}
body[data-theme="light"] #appView .mono{color:#b45309}
body[data-theme="light"] #appView .delay-screen strong{color:#18181b}
body[data-theme="light"] #appView .delay-input{color:#18181b}
body[data-theme="light"] #appView .switch-row{border-color:#e4e4e7}
body[data-theme="light"] #appView .slider{background:#e4e4e7;border-color:#d4d4d8}
body[data-theme="light"] #appView .toggle input:checked + .slider{background:linear-gradient(135deg,#16a34a,#4ade80);border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12),0 8px 18px rgba(22,163,74,.18)}
body[data-theme="light"] #appView .delay-screen{background:#ffffff;border-color:#e4e4e7}

#appView{
  --app-bg:#09090b;
  --app-panel:#18181b;
  --app-panel-soft:#27272a;
  --app-line:#27272a;
  --app-line-strong:#3f3f46;
  --app-text:#fafafa;
  --app-text-soft:#e4e4e7;
  --app-muted:#a1a1aa;
  --app-accent:#fbbf24;
  --app-accent-strong:#f59e0b;
  --app-accent-border:rgba(245,158,11,.45);
  --app-accent-soft:rgba(245,158,11,.12);
}
body[data-theme="light"] #appView{
  --app-bg:#fafafa;
  --app-panel:#ffffff;
  --app-panel-soft:#f4f4f5;
  --app-line:#e4e4e7;
  --app-line-strong:#d4d4d8;
  --app-text:#18181b;
  --app-text-soft:#3f3f46;
  --app-muted:#71717a;
  --app-accent:#b45309;
  --app-accent-strong:#d97706;
  --app-accent-border:rgba(217,119,6,.4);
  --app-accent-soft:rgba(217,119,6,.1);
}
#appView{background:var(--app-bg);color:var(--app-text)}
#appView .topbar,#appView .panel,#appView .card,#appView .summary-card,#appView .metric,#appView .info-item,#appView .tip-item,#appView .device-command-item{background:var(--app-panel);border-color:var(--app-line)}
#appView .card-outline{border-color:var(--app-line-strong)}
#appView h2,#appView h3,#appView strong,#appView .range-head span{color:var(--app-text)}
#appView .section-copy,#appView .muted,#appView .hint{color:var(--app-muted)}
#appView .status-chip,#appView .nav-pills button,#appView .btn-secondary,#appView .delay-box button{background:var(--app-panel-soft);border-color:var(--app-line-strong);color:var(--app-text-soft)}
#appView .nav-pills button:hover,#appView .btn-secondary:hover,#appView .delay-box button:hover{background:var(--app-line-strong);color:var(--app-text)}
#appView .nav-pills button.active{color:var(--app-accent);border-color:var(--app-accent-border);background:var(--app-accent-soft)}
#appView .input,#appView .select,#appView .delay-screen{background:var(--app-panel);border-color:var(--app-line-strong);color:var(--app-text)}
#appView .label{color:var(--app-text-soft)}
#appView .mono,#appView .chip{color:var(--app-accent)}
#appView .delay-screen strong{color:var(--app-text)}
#appView .delay-input{color:var(--app-text)}
#appView .banner{color:var(--app-accent);border-color:var(--app-accent-border);background:var(--app-accent-soft)}
#appView .app-frame,#appView .topbar,#appView .panel,#appView .card,#appView .stack,#appView .control-grid,#appView .device-layout,#appView .recharge-layout,#appView .summary-grid,#appView .insight-grid,#appView .metric,#appView .summary-card,#appView .info-item,#appView .device-card,#appView .device-command-item,#appView .command-card{min-width:0;max-width:100%}
#appView .status-chip,#appView .section-copy,#appView .muted,#appView .hint,#appView .info-item strong,#appView .metric strong,#appView .summary-card strong,#appView .device-card strong,#appView .device-card .muted,#appView .command-summary,#appView .command-detail-key,#appView .command-detail-value{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:720px){
  body{overflow-x:hidden}
  .theme-toggle{top:10px;right:10px;padding:6px 8px;font-size:.78rem}
  .theme-toggle button{width:30px;height:30px}
  .page{padding:68px 12px 16px}
  .auth-page{padding:78px 14px 20px;align-items:flex-start}
  .auth-page .auth-shell{width:100%;max-width:24rem}
  .auth-page .card{padding:1.25rem;border-radius:.75rem}
  .auth-page h2{font-size:1.35rem;line-height:1.75rem}
  .auth-page .section-copy,.auth-page .hint{font-size:.82rem}
  .auth-page #pane-reg:not(.hidden),.auth-page #pane-reset:not(.hidden){padding:1rem;align-items:flex-start;padding-top:4.5rem;overflow:auto}
  .auth-page .auth-modal-card{max-width:100%;padding:1.25rem;border-radius:.875rem}
  .auth-page .auth-modal-head{margin-bottom:1rem}
  .auth-page .auth-modal-head h3{font-size:1.35rem;line-height:1.75rem}
  .auth-page .input,.auth-page .select,.auth-page .btn,.auth-page .outline-login-btn{min-height:2.45rem}

  #appView{width:100%;max-width:100%;padding:68px 12px 16px;overflow-x:hidden}
  #appView .app-frame{width:100%;max-width:100%;gap:12px}
  #appView .topbar{padding:14px;border-radius:.75rem}
  #appView .topbar h2{font-size:1.25rem;line-height:1.65rem}
  #appView .status-row,#appView .actions{width:100%;min-width:0;display:grid;grid-template-columns:1fr;gap:.5rem}
  #appView .status-chip{width:100%;min-width:0;justify-content:center;padding:.625rem .75rem;text-align:center}
  #appView .nav-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:.5rem}
  #appView .nav-pills button{min-width:0;padding:.625rem .35rem;text-align:center;white-space:normal;font-size:.82rem}
  #appView .summary-grid{grid-template-columns:1fr 1fr;gap:.625rem}
  #appView .summary-card{padding:.75rem;min-width:0}
  #appView .summary-card strong{font-size:.95rem;line-height:1.3rem;word-break:break-word}
  #appView .summary-card span{font-size:.76rem;line-height:1.25rem}
  #appView .control-grid,#appView .device-layout,#appView .recharge-layout,#appView .macro-layout{width:100%;grid-template-columns:minmax(0,1fr);gap:12px}
  #appView .contour-hero{display:grid;grid-template-columns:1fr}
  #appView .contour-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #appView .contour-column{gap:12px;height:auto}
  #appView .contour-column:first-child{grid-template-rows:auto}
  #appView .contour-column:first-child .contour-card:last-child{height:auto}
  #appView .contour-column-balanced{height:auto;grid-template-rows:auto}
  #appView .contour-column-balanced .contour-card{height:auto}
  #appView .contour-form-grid,#appView .contour-form-grid.compact{grid-template-columns:minmax(0,1fr)}
  #appView .contour-actions{justify-content:stretch}
  #appView .contour-actions .btn{width:100%}
  #appView .macro-toolbar,#appView .macro-run-grid{grid-template-columns:minmax(0,1fr)}
  #appView .macro-step-item{grid-template-columns:minmax(0,1fr)}
  #appView .macro-step-edit{width:100%}
  #appView .vk-table{grid-template-columns:minmax(0,1fr)}
  #appView #page-main{display:flex;flex-direction:column}
  #appView #page-main>.stack{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}
  #appView .mode-panel{order:1}
  #appView .addon-panel{order:2}
  #appView .timing-panel{order:3}
  #appView .run-panel{order:4}
  #appView .run-panel .section-head{display:none}
  #appView .run-panel{position:sticky;bottom:10px;z-index:10;border-color:var(--app-line-strong);background:var(--app-panel);backdrop-filter:blur(12px)}
  #appView .panel{padding:14px;border-radius:.75rem}
  #appView .timing-panel{min-height:0;margin-bottom:12px}
  #appView .section-head{align-items:flex-start;margin-bottom:10px}
  #appView .section-head h3{font-size:1rem;line-height:1.4rem}
  #appView .field{gap:6px}
  #appView .input,#appView .select{min-height:2.45rem;font-size:.86rem}
  #appView .switch-row{align-items:flex-start}
  #appView .range-head{margin:10px 0 6px;font-size:.86rem}
  #appView .delay-box{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;width:100%;min-width:0}
  #appView .delay-box button{height:42px;min-width:0;padding:0;font-size:1rem}
  #appView .delay-screen{padding:.625rem .5rem;min-width:0}
  #appView .delay-screen strong{font-size:1.35rem;line-height:1.25;white-space:nowrap}
  #appView .delay-input{font-size:1.35rem;line-height:1.25}
  #appView .delay-screen span{display:block;font-size:.72rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #appView .info-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:4px}
  #appView .device-card-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  #appView .device-card .actions{display:grid;grid-template-columns:1fr;gap:.5rem}
  #appView .insight-grid{grid-template-columns:1fr;gap:.625rem}
  #appView .command-title-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:6px}
  #appView .command-title-row [class^="command-status-"]{min-width:0!important;text-align:left!important}
  #appView .command-pager{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
  #appView .command-pager .actions{grid-template-columns:1fr 1fr}
  #appView .modal-bg{padding:10px}
  #appView .command-detail-modal{width:100%;max-width:100%}
  #appView .command-detail-item{grid-template-columns:1fr}
}

@media(max-width:420px){
  #appView .summary-grid,#appView .reward-stats{grid-template-columns:1fr}
  #appView .nav-pills{grid-template-columns:1fr}
  #appView .delay-box{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
  #appView .delay-box button{height:38px}
  #appView .delay-screen{padding:.55rem .35rem}
  #appView .delay-screen strong{font-size:1.22rem}
  #appView .delay-input{font-size:1.22rem}
  #appView .delay-screen span{font-size:.68rem}
  .auth-page{padding-left:10px;padding-right:10px}
}