:root{--bg:#f5f7fa;--white:#fff;--border:#e4e8f0;--t1:#111827;--t2:#6b7280;--t3:#9ca3af;--acc:#6366f1;--acc-l:#eef2ff;--green:#10b981;--orange:#f59e0b;--red:#ef4444}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}.vbg{z-index:0;background:radial-gradient(circle at 20% 10%,#e0e7ff,#0000 28%),radial-gradient(circle at 90% 20%,#cffafe,#0000 25%),linear-gradient(#f8fafc,#eef2ff);position:fixed;inset:0}.app-shell{z-index:1;flex-direction:column;display:flex;position:fixed;inset:0}.topbar{padding:max(env(safe-area-inset-top),14px) 20px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f5f7fae0;justify-content:space-between;align-items:center;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.app-logo{background:var(--acc);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.app-name{color:var(--t1);font-size:15px;font-weight:800}.app-sub{color:var(--t3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.clock{color:var(--t2);font-size:13px;font-weight:700}.sync-dot{background:var(--t3);border-radius:99px;width:8px;height:8px;display:inline-block}.sync-dot.ok{background:var(--green)}.gear-btn{background:var(--white);border:1.5px solid var(--border);border-radius:50%;width:38px;height:38px;box-shadow:0 1px 4px #0001}.screen-area{flex:1;position:relative;overflow:hidden}.screen{flex-direction:column;transition:all .25s;display:flex;position:absolute;inset:0}.screen.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.screen-inner{scrollbar-width:none;flex:1;padding:16px 20px 0;overflow:auto}.screen-inner::-webkit-scrollbar{display:none}.steps{gap:6px;padding:12px 20px 0;display:flex}.steps span{background:var(--border);border-radius:4px;flex:1;height:3px}.steps .active{background:var(--acc)}.steps .done{background:#6366f159}.hd{margin-bottom:14px}.hd h1{color:var(--t1);letter-spacing:-.02em;font-size:18px}.hd p{color:var(--t3);margin-top:3px;font-size:12px}.btn-bar{padding:12px 20px;padding-bottom:max(env(safe-area-inset-bottom),12px);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7faf0;gap:10px;display:flex}.btn{border-radius:999px;flex:1;place-items:center;height:52px;font-weight:800;display:grid}.btn-pri{background:var(--acc);color:#fff;box-shadow:0 7px 24px #6366f147}.btn-pri:disabled{opacity:.35}.btn-back{color:var(--t2);border:1.5px solid var(--border);background:#fff}.ov-list,.co-list{flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.ov-item,.co-item{border:1.5px solid var(--border);text-align:left;background:#fff;border-radius:15px;align-items:center;gap:12px;padding:13px 15px;display:flex}.ov-item.sel,.co-item.sel{border-color:var(--acc);background:var(--acc-l)}.co-item.incompat{opacity:.45}.ov-dot{background:var(--border);border-radius:50%;width:9px;height:9px}.sel .ov-dot{background:var(--acc)}.ov-name,.co-info{flex:1;min-width:0}.ov-name{color:var(--t1);font-size:14px;font-weight:600;line-height:1.3}.ov-pill{border-radius:99px;padding:4px 8px;font-size:10px;font-weight:900}.ov-h{color:var(--t3);font-size:11px;font-weight:800}.check{background:var(--acc);color:#fff;opacity:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:grid;transform:scale(.5)}.sel .check{opacity:1;transform:scale(1)}.co-av{color:#fff;border-radius:99px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid}.co-info b{color:var(--t1);font-size:14px;display:block}.co-info small{color:var(--t2);font-size:11px}.warn{color:#c2410c;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:14px;padding:12px;font-size:12px;line-height:1.4}.chrono-wrap{flex-direction:column;align-items:stretch;display:flex}.phase-header{border:1.5px solid var(--border);background:#fff;border-radius:17px;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;display:flex}.phase-header b{color:var(--t1);font-size:14px}.phase-header small{color:var(--t2);margin-top:3px;font-size:12px;display:block}.badge{white-space:nowrap;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:900}.green{color:#059669;background:#ecfdf5}.red{color:#dc2626;background:#fef2f2}.orange{color:#d97706;background:#fff7ed}.phase-pills{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.phase-pills span{border:1.5px solid var(--border);background:#fff;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900}.phase-pills .active{background:#fff}.phase-pills .done{opacity:.45;text-decoration:line-through}.ring{--progress:0deg;--phase-color:#6366f1;background:conic-gradient(var(--phase-color) var(--progress),#e4e8f0 0deg);border-radius:50%;align-self:center;place-items:center;width:min(60vw,230px);height:min(60vw,230px);margin:18px 0 22px;display:grid;box-shadow:0 18px 50px #0001}.ring:before{content:"";position:absolute}.ring-inner{text-align:center;background:#fffffff0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 18px);height:calc(100% - 18px);padding:16px;display:flex}.ring-inner small{color:var(--phase-color);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.ring-inner strong{letter-spacing:-.06em;color:var(--t1);font-size:clamp(34px,10vw,48px);line-height:1.05}.ring-inner em{color:var(--t3);margin-top:5px;font-size:11px;font-style:normal}.ring-inner b{color:var(--t3);letter-spacing:.1em;margin-top:4px;font-size:10px}.ring-inner b.danger{color:var(--red)}.controls{justify-content:center;gap:22px;display:flex}.round{border:1.5px solid var(--border);width:66px;height:66px;color:var(--t2);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;box-shadow:0 2px 8px #0001}.round small{text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9px}.round.play{background:var(--acc);color:#fff;width:78px;height:78px}.round.ok{color:var(--green);border-color:#bbf7d0}.admin{background:var(--bg);z-index:50;opacity:0;pointer-events:none;flex-direction:column;transition:all .25s;display:flex;position:fixed;inset:0;transform:translateY(20px)}.admin.open{opacity:1;pointer-events:auto;transform:translateY(0)}.adm-top{padding:max(env(safe-area-inset-top),14px) 20px 14px;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;display:flex}.adm-top button{background:var(--bg);border-radius:50%;width:34px;height:34px}.login-box,.adm-body{padding:22px 20px;overflow:auto}.login-box h2{color:var(--t1);font-size:24px}.login-box p{color:var(--t3);margin:4px 0 18px;font-size:13px}.login-box label{text-transform:uppercase;color:var(--t2);margin:14px 0 6px;font-size:11px;font-weight:900;display:block}.login-box input{border:1.5px solid var(--border);background:#fff;border-radius:14px;outline:0;width:100%;padding:15px}.login-err{min-height:24px;color:var(--red);text-align:center;padding:8px;font-size:12px}.sync-banner{border:1.5px solid var(--border);color:var(--t2);background:#fff;border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:11px 13px;font-size:12px;display:flex}.stat-g{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-c{border:1.5px solid var(--border);background:#fff;border-radius:17px;padding:16px}.stat-c b{color:var(--t1);font-size:30px;display:block}.stat-c small{color:var(--t2);font-size:11px}.adm-body h3{text-transform:uppercase;letter-spacing:.12em;color:var(--t3);margin:18px 0 10px;font-size:11px}.empty{text-align:center;color:var(--t3);padding:30px;font-size:13px}.log-i{border:1.5px solid var(--border);background:#fff;border-radius:16px;margin-bottom:10px;padding:13px}.log-top{align-items:center;gap:10px;display:flex}.log-top>div{flex:1}.log-top b{color:var(--t1);font-size:13px}.log-top small{color:var(--t2);margin-top:2px;font-size:11px;display:block}.log-dot{border-radius:50%;width:9px;height:9px}.log-phases{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:9px;display:flex}.log-phases span{font-size:11px}.mini-danger{color:var(--red);margin-top:10px;font-size:11px;font-weight:800}.adm-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px;display:grid}.adm-actions button{border:1.5px solid var(--border);color:var(--t1);background:#fff;border-radius:12px;padding:13px 8px;font-size:12px;font-weight:900}.toast{z-index:80;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom) + 84px);background:var(--t1);color:#fff;opacity:0;pointer-events:none;border-radius:15px;padding:14px 18px;font-size:14px;transition:all .25s;position:fixed;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}@media (width>=850px){.app-shell{background:var(--bg);max-width:520px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000008,0 30px 80px #0001}.admin{max-width:520px;left:50%;transform:translate(-50%,20px)}.admin.open{transform:translate(-50%)}}