:root{font-family:'Noto Sans SC',sans-serif;color:#413239;background:#fcf8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}header{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 32px;border-bottom:1px solid #eedfe2}.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px;border-radius:13px}.brand span{font-weight:700;font-size:24px;letter-spacing:2px}.brand small{display:block;font-size:8px;color:#a1858e;letter-spacing:2px;margin-top:3px}.navlink{display:flex;align-items:center;gap:7px;color:#8b737d;font-size:12px}.shell{background:radial-gradient(ellipse at 50% 25%,#ffe9ed99,transparent 45%);min-height:100vh}.mobile{max-width:448px;margin:0 auto;padding:42px 24px 15px;text-align:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;color:#b88190}h1{font-size:28px;letter-spacing:-.7px;font-weight:600;margin:16px 0 12px}.subtitle{font-size:12px;color:#98808a;line-height:1.8}.orb{height:235px;position:relative;display:flex;align-items:center;justify-content:center}.orb img{width:128px;height:128px;border-radius:36px;box-shadow:0 24px 45px #e978922d;transform:rotate(-9deg);position:relative}.orbit{position:absolute;border:1px solid #efcfd8;border-radius:50%;width:198px;height:198px}.orbit-two{width:230px;height:230px;border-style:dashed;opacity:.5}.running .orbit{animation:pulse 2s infinite}.connection{position:absolute;bottom:20px;background:white;padding:6px 14px;border-radius:30px;font-size:10px;color:#93707c;box-shadow:0 3px 20px #ba617517}.connection i{display:inline-block;background:#71ae98;width:5px;height:5px;border-radius:50%;margin-right:6px}@keyframes pulse{50%{transform:scale(1.08);opacity:.5}}.panel{background:#fff;border:1px solid #efdee3;border-radius:24px;text-align:left;padding:25px;box-shadow:0 8px 30px #6c344205}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.section-head>span,.section-head>div>span{font-size:9px;color:#aa929c;letter-spacing:1px}.pair-panel label{display:block;font-size:11px;color:#917b83;margin:24px 0 8px}input{outline:none;border:1px solid #e9dce1;color:#604750;background:#fcf9fa;border-radius:12px;padding:13px;width:100%;font-size:14px}input:focus{border-color:#d7849c;box-shadow:0 0 0 3px #f8e5ec}.pair-input{text-align:center;letter-spacing:3px;height:56px;font-weight:500}.pair-input::placeholder{letter-spacing:1px;font-weight:400;color:#baa5ae;font-size:12px}.primary{background:#c56885;border:0;color:white;border-radius:13px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;box-shadow:0 7px 20px #c568851f}.primary:hover{background:#b85574}.wide{width:100%;margin-top:14px;justify-content:space-between}.hint{font-size:10px;color:#a48d96;display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0}.battery-pill{display:flex;align-items:center;gap:7px;font-size:12px;color:#659784;background:#eef7f3;border-radius:30px;padding:6px 10px}.battery-track{background:#f4ecef;height:4px;border-radius:4px;margin:17px 0 25px;overflow:hidden}.battery-track i{display:block;background:#a9cabc;height:100%;transition:width .4s}.power-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;margin-bottom:24px;border-bottom:1px solid #f1e8ec}.power-row h3{font-size:14px;margin:0 0 6px}.power-row p{font-size:10px;color:#aa929c;margin:0}.switch{background:#e9dfe4;border:0;width:54px;height:30px;border-radius:20px;padding:4px;transition:.3s}.switch span{display:block;background:white;border-radius:50%;height:22px;width:22px;box-shadow:0 2px 5px #0001;transition:.3s}.switch.on{background:#c56885}.switch.on span{transform:translateX(24px)}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.levels button{background:#fdfafb;color:#a18a94;border:1px solid #eee3e7;border-radius:16px;padding:16px 4px 12px;display:flex;align-items:center;flex-direction:column;gap:7px}.levels button.selected{border-color:#d492a7;background:#fcf0f4;color:#b55d7c}.levels strong{font-size:12px;font-weight:500}.levels small{font-size:9px}.bars{height:31px;display:flex;align-items:flex-end;gap:4px;margin-bottom:4px}.bars i{width:5px;border-radius:3px;background:#e7dce1}.bars .lit{background:#c78da1}.selected .bars .lit{background:#c56885}.disconnect{background:none;border:none;color:#a18491;font-size:11px;padding:19px}.mode-note{font-size:9px;color:#a48e98;margin-top:23px;display:flex;align-items:center;justify-content:center;gap:6px}footer{text-align:center;padding:25px 20px 32px;color:#b09aa2}footer>span{font-size:19px;letter-spacing:3px}footer p{font-size:9px;letter-spacing:3px;margin:8px}footer small{font-size:8px;color:#bcaab1}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#60434f;color:white;padding:13px 20px;border-radius:14px;box-shadow:0 5px 25px #0002;z-index:10;font-size:12px;max-width:90%;width:max-content}.admin{max-width:1060px;margin:44px auto;padding:0 24px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-title h1{font-size:32px}.admin-title p{font-size:12px;color:#9d8590}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats article{background:#fff;border:1px solid #eedfe5;border-radius:20px;padding:23px}.stats span{font-size:11px;color:#a38a96;display:block}.stats strong{font-size:32px;font-weight:500;color:#ae6880;display:block;margin-top:12px}.admin .panel{margin-bottom:24px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #f1e5ea}.device-row:first-child{margin-top:18px}.code-value{font-family:monospace;letter-spacing:2px;font-size:19px;display:flex;align-items:center;gap:8px}.badge{display:inline-block;color:#749785;background:#eef6f2;padding:3px 9px;border-radius:10px;font-size:9px;margin:7px 9px 0 0}.badge.muted{color:#a08c95;background:#f5eff2}.device-row small{font-size:10px;color:#9c8791}.icon-btn{border:0;background:transparent;color:#ac8c99;padding:5px}.battery-setting label{display:block;font-size:10px;color:#a38a96;margin-bottom:6px}.battery-setting>div{display:flex;align-items:center;gap:8px}.battery-setting input{width:75px;padding:7px;text-align:center}.battery-setting span{font-size:11px;color:#a38a96}.battery-setting button{border:0;background:#f7e9ee;color:#b26b85;padding:9px 14px;border-radius:9px;font-size:11px}.text-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:#b78092;font-size:11px}.empty{text-align:center;padding:38px 10px;color:#a58c98;font-size:12px}.empty svg{color:#c793a6}.empty h3{font-size:15px;font-weight:500}.empty p{font-size:11px;line-height:1.8}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px;white-space:nowrap}th{text-align:left;color:#af96a2;font-weight:500;padding:12px 10px;background:#fcf8fa}td{padding:15px 10px;border-bottom:1px solid #f3eaf0;color:#8e7480}.mono{font-family:monospace;letter-spacing:1px}.result{color:#719c8a}.failure{color:#c26776;font-size:11px}.admin .hint{justify-content:flex-start}.admin-shell{background:#fbf7f8}@media(max-width:600px){header{height:78px;padding:0 22px}.brand span{font-size:21px}.brand img{width:35px;height:35px}.navlink{font-size:10px}.mobile{padding-top:30px}h1{font-size:25px}.orb{height:220px}.admin{margin-top:32px;padding:0 18px}.admin-title{align-items:flex-start;flex-direction:column}.admin-title h1{font-size:27px}.stats{gap:8px}.stats article{padding:16px 12px}.stats span{font-size:9px}.stats strong{font-size:27px}.admin .panel{padding:20px 16px}.device-row{flex-wrap:wrap;gap:13px}.device-row>div:first-child{flex:1}.battery-setting{order:3;width:100%}.battery-setting>div input{flex:1}.section-head>span{font-size:8px}.code-value{font-size:16px}footer{padding-top:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.app-name{font-size:23px;font-weight:600;letter-spacing:4px;margin-bottom:24px}.app-name small{display:block;font-size:7px;color:#ae929d;letter-spacing:2.5px;margin-top:5px}.mobile{padding-top:max(22px,env(safe-area-inset-top));max-width:448px}.shell{min-height:100svh}button{touch-action:manipulation}.pair-input::placeholder{font-size:11px}.levels strong{font-size:11px}footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}

