:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202f;background:#f8f9fc;font-synthesis:none;font-weight:400;--blue:#325dff;--muted:#8892a6;--line:#edf0f6;--radius:20px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91a7ff;outline-offset:4px}button{border:0;background:none}a{color:var(--blue)}.brand{display:flex;align-items:center;gap:10px;font-size:31px;font-weight:770;letter-spacing:-1.5px}.brand-dot{color:var(--blue)}.signal-mark{width:37px;height:37px;border:2px solid #b5c4ff;border-radius:50%;display:grid;place-items:center;position:relative}.signal-mark:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid #6988ff;border-radius:50%}.signal-mark i{height:17px;width:17px;background:var(--blue);border-radius:50%}.brand.small{font-size:25px}.brand.small .signal-mark{width:31px;height:31px}.brand.small .signal-mark i{width:13px;height:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:36px 24px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.sidebar>.brand{margin:0 12px 58px}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#a5acbc;margin:0 16px 15px;font-weight:700}.nav-item{display:flex;align-items:center;gap:13px;padding:15px 17px;margin:5px 0;border-radius:11px;width:100%;text-align:left;color:#68758a;font-size:13px;font-weight:550}.nav-item.selected{background:#edf2ff;color:var(--blue)}.nav-item:hover{background:#f5f7fc}.nav-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;margin-left:auto}.sidebar-note{margin:auto 12px 36px;padding-top:40px}.mini-rings{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e5eaf9;color:#9aade3;border-radius:50%;margin-bottom:17px}.sidebar-note h4{font-weight:600;line-height:1.55;font-size:13px;margin:0 0 8px;color:#677289}.sidebar-note p{font-size:11px;color:#a0a8b9;line-height:1.8}.account{border-top:1px solid var(--line);padding:22px 0 0;display:flex;text-align:left;gap:9px;align-items:center;width:100%}.account-icon{display:grid;place-items:center;background:#eef2fc;border-radius:50%;height:36px;width:36px;color:var(--blue)}.account strong{font-size:11px;display:block}.account small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.account>svg{margin-left:auto;color:#a4adc0}.workspace{margin-left:244px;width:calc(100% - 244px)}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:#fff9}.breadcrumb{display:flex;gap:12px;align-items:center;color:#9ba4b5;font-size:11px}.breadcrumb strong{color:#627086;font-weight:500}.privacy-chip{display:flex;align-items:center;gap:7px;font-size:10px;color:#8792a7}.privacy-chip svg{color:#688a7e}.content{max-width:1220px;padding:40px 48px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:14px 0 35px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8b96aa}.page-heading h1{font-size:36px;font-weight:650;letter-spacing:-1.65px;line-height:1.2;margin:13px 0 12px}.page-heading p{font-size:12px;color:#8b95a8;margin:0;line-height:1.7}.blue{color:var(--blue)}.heading-symbol{height:55px;width:55px;display:grid;place-items:center;border:1px solid #e8ecf7;border-radius:50%;color:#b8c5ee}.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);gap:25px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:9px;font-weight:650;letter-spacing:1.3px;color:#8b97ad}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:550;padding:2px 0;letter-spacing:0}.device-tabs{display:flex;gap:10px;margin-bottom:19px;min-height:38px;flex-wrap:wrap}.device-tab{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e4e8f1;padding:10px 17px;border-radius:9px;font-size:11px;color:#8b95a8}.device-tab.active{background:var(--blue);border-color:var(--blue);box-shadow:0 4px 8px #325dff14;color:#fff}.device-tab .dot{width:4px;height:4px;margin-left:7px}.device-tab.active .dot{background:#aec1ff}.dot{width:6px;height:6px;background:#a7b0c2;border-radius:50%;display:inline-block}.dot.green{background:#38aa80}.ping-card{background:linear-gradient(170deg,#fff 50%,#f9fbff);border:1px solid #e6eaf5;border-radius:var(--radius);text-align:center;box-shadow:0 8px 28px #18244703;overflow:hidden;padding:23px 25px 0}.card-topline{display:flex;align-items:center;justify-content:space-between}.tiny-pill{display:inline-flex;align-items:center;gap:5px;color:#8998ba;font-size:8px;font-weight:650;letter-spacing:.5px}.tiny-label{font-size:8px;color:#b1bbce;letter-spacing:1px}.device-avatar{display:grid;place-items:center;background:#edf2ff;width:63px;height:63px;border-radius:18px;color:#5a72b4;margin:23px auto 14px}.ping-card h2{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:0 0 9px}.device-presence{font-size:10px;color:#8c96a8;display:flex;align-items:center;justify-content:center;gap:6px}.send-orbit{position:relative;display:grid;place-items:center;width:212px;height:212px;margin:16px auto 0}.orbit{position:absolute;border:1px solid #e9efff;border-radius:50%;pointer-events:none}.orbit.one{top:2px;right:2px;bottom:2px;left:2px}.orbit.two{top:21px;right:21px;bottom:21px;left:21px;border-color:#dce5ff}.orbit.three{top:41px;right:41px;bottom:41px;left:41px;background:#edf2ff77;border-color:#d8e1ff}.send-button{position:relative;display:grid;place-items:center;width:108px;height:108px;background:linear-gradient(150deg,#4f75ff,#2851f4);border-radius:50%;color:#fff;box-shadow:0 9px 20px #325dff30,inset 0 2px 2px #fff3;z-index:1}.send-button:hover:not(:disabled){transform:scale(1.045);box-shadow:0 10px 30px #325dff55}.ping-card h3{color:var(--blue);font-size:17px;font-weight:600;margin:0 0 10px}.ring-caption{color:#9aa4b8;font-size:10px;margin:0 0 25px}.card-bottom{display:flex;justify-content:center;gap:7px;align-items:center;margin:0 -25px;border-top:1px solid var(--line);padding:15px 12px;color:#99a5bb;font-size:9px}.right-rail{padding-top:72px;display:flex;flex-direction:column;gap:18px}.how-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 25px}.how-card .eyebrow{font-size:8px;letter-spacing:1.1px}.how-card h3{font-size:22px;letter-spacing:-.8px;line-height:1.4;font-weight:570;margin:14px 0 28px}.steps{display:flex;flex-direction:column;gap:25px}.step{display:flex;gap:13px}.step>span{color:#a5b5df;font-size:10px;border:1px solid #e4eaf7;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.step strong{font-size:11px;font-weight:600}.step p{font-size:10px;line-height:1.5;color:#9ba4b5;margin:6px 0 0}.privacy-card{border:1px solid #e5ebfc;border-radius:var(--radius);padding:22px 25px;background:#edf2fe80;color:#6a82c4}.privacy-card h4{font-size:12px;color:#536792;margin:14px 0 8px;font-weight:600}.privacy-card p{font-size:10px;line-height:1.9;color:#8796b3;max-width:250px}.privacy-card>span{font-size:7px;letter-spacing:.7px;display:flex;justify-content:space-between;align-items:center;margin-top:18px}.history-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-top:27px;overflow:hidden}.history-header{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:center}.history-header h3{font-size:14px;font-weight:600;margin:0;display:flex;gap:9px;align-items:center}.history-header h3>span{font-size:9px;background:#f2f4f9;color:#8e9bb4;border-radius:5px;padding:3px 5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:1px;font-weight:600;color:#a3adc0;background:#fcfdff;padding:12px 26px;border-block:1px solid #f3f5fa}td{font-size:11px;padding:15px 26px;border-bottom:1px solid #f3f5fa;color:#8490a5}td:first-child{color:#4e5d79}td code{font-family:inherit;font-size:11px;font-weight:550}.source-icon{display:inline-grid;place-items:center;width:28px;height:28px;background:#f0f4ff;border-radius:50%;color:#7892d4;margin-right:10px;vertical-align:middle}.status{display:inline-flex;align-items:center;gap:6px;font-size:10px}.status>span{width:5px;height:5px;border-radius:50%;background:#a4aec0}.status.acknowledged{color:#259770}.status.acknowledged>span{background:#31aa7f}.status.failed{color:#bf6565}.status.failed>span{background:#bf6565}.status.accepted,.status.received,.status.ringing{color:var(--blue)}.status.accepted>span,.status.received>span,.status.ringing>span{background:var(--blue)}.table-time{color:#abb4c4;margin-left:10px;font-size:10px}.history-privacy{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;font-size:9px;color:#a5aec0}.workspace-footer{padding:28px 0 25px;display:flex;justify-content:space-between;color:#a6afbf;font-size:9px;gap:20px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-dot{height:4px;width:4px;background:#91a6e9;border-radius:50%}.mobile-nav,.mobile-brand{display:none}.preview-banner{margin-bottom:20px;padding:10px 14px;background:#fff9e9;border:1px solid #eee4c9;border-radius:9px;color:#9b8453;display:flex;justify-content:space-between;gap:12px;font-size:10px}.preview-banner span,.preview-banner button{display:flex;gap:6px;align-items:center}.preview-banner button{color:#85723f;font-size:10px}.error{background:#fff1ef;border:1px solid #f4d9d4;color:#a9584c;padding:12px 15px;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:10px;margin:12px 0}.error button{margin-left:auto}.setup-note{display:flex;gap:10px;color:#8d96a7;font-size:11px;line-height:1.6;margin:14px 5px}.setup-note svg{flex-shrink:0;margin-top:2px}.empty{text-align:center;padding:50px 25px;color:#a2acc1}.empty h3{color:#68758e;font-size:16px;font-weight:500}.empty p{font-size:12px;line-height:1.8;max-width:370px;margin:auto}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.device-detail{border:1px solid var(--line);border-radius:18px;background:#fff;padding:25px;text-align:center}.device-detail h3{font-size:17px}.device-detail p{color:#919db1;font-size:12px}.device-detail dl{text-align:left;margin:25px 0;font-size:11px}.device-detail dt{color:#a4adbd;margin-top:16px}.device-detail dd{margin:7px 0;color:#5d6b84}.outline{border:1px solid #dce4fc;color:var(--blue);border-radius:10px;padding:12px 18px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff}.outline:hover{background:#f5f7ff}.danger{color:#ac7272;border-color:#ecdede}.notice{display:flex;gap:12px;padding:20px;background:#edf2ff;border-radius:12px;color:#8393b5;align-items:center;font-size:11px;margin-top:25px}.notice svg{flex-shrink:0}.settings-card{border:1px solid var(--line);background:#fff;padding:8px 30px 28px;border-radius:18px}.settings-card>div{display:flex;gap:18px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center;color:#8195c0}.settings-card strong{font-size:13px;color:#43516b;font-weight:550}.settings-card p{font-size:11px;color:#97a1b4;line-height:1.7}.settings-card code{margin-left:auto;font-size:11px;background:#f3f6ff;padding:8px;border-radius:5px}.settings-card>.outline{margin-top:25px}.primary{background:var(--blue);color:#fff;border-radius:10px;padding:15px 20px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 5px 12px #325dff15}.primary:hover{background:#264fed}.wide{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#111c3d55;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;display:grid;place-items:center;padding:20px}.ping-modal{position:relative;background:#fff;border-radius:26px;width:400px;max-width:100%;padding:35px;text-align:center;box-shadow:0 20px 90px #0b194329;max-height:90vh;overflow:auto}.ping-modal>.brand{justify-content:center}.modal-close{position:absolute;right:17px;top:17px;color:#9ba5b8}.modal-orbit{height:125px;width:125px;display:grid;place-items:center;border-radius:50%;background:#eff3ff;outline:1px solid #dce5ff;outline-offset:12px;margin:43px auto 35px;color:var(--blue)}.modal-orbit.success{background:#eaf8f2;outline-color:#d6eee4;color:#29a475}.ping-modal h2{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:15px 0}.ping-modal>p{font-size:11px;line-height:1.9;color:#9ca7b8}.delivery-steps{text-align:left;margin:25px 0 30px;display:flex;flex-direction:column;gap:18px}.delivery-steps>div{display:flex;align-items:center;gap:12px;color:#7b89a2;font-size:11px}.delivery-steps>div>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eff2f9}.delivery-steps>div>span>span{width:5px;height:5px;background:#bcc6d8;border-radius:50%}.delivery-steps>div>span.done{background:var(--blue);color:#fff}.simulate{margin:19px auto 0;display:flex;justify-content:center}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-art{background:#edf2ff;padding:45px 60px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-message{margin:auto 0}.login-message h1{font-size:48px;letter-spacing:-2px;line-height:1.2;font-weight:650;margin:22px 0}.login-message>p{font-size:14px;line-height:1.9;color:#8d9cba}.ambient-signal{display:grid;place-items:center;position:relative;color:var(--blue);width:200px;height:200px;border:1px solid #d2ddff;border-radius:50%;margin:50px 50px 30px}.ambient-signal:before,.ambient-signal:after{content:"";position:absolute;border:1px solid #d8e2ff;border-radius:50%;top:-30px;right:-30px;bottom:-30px;left:-30px}.ambient-signal:after{top:-60px;right:-60px;bottom:-60px;left:-60px}.login-footer{display:flex;gap:8px;font-size:10px;color:#8b9bbd;margin-top:50px}.login-panel{padding:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;position:relative}.login-panel form{max-width:350px;width:100%}.square-icon{height:50px;width:50px;display:grid;place-items:center;color:var(--blue);background:#f0f4ff;border-radius:14px;margin-bottom:25px}.login-panel h2{font-size:30px;font-weight:600;letter-spacing:-1px;margin:0 0 12px}.login-panel form>p{font-size:13px;color:#9ba5b9;line-height:1.7}.login-panel label{display:block;font-size:11px;font-weight:600;margin:32px 0 10px;color:#66748d}.login-panel input{width:100%;border:1px solid #e1e7f3;border-radius:9px;padding:14px;color:#44516c;font-size:13px;background:#fbfcff}.login-panel input::placeholder{color:#a8b2c4}.field-hint{display:flex;gap:6px;font-size:10px;color:#9eabc2;margin:13px 0 27px}.login-help{text-align:center;font-size:11px!important;margin-top:22px}.preview-link{display:flex;margin:38px auto 0;justify-content:center;font-size:10px}.login-fine{position:absolute;bottom:35px;font-size:8px;letter-spacing:2px;color:#b0b9c9}.login-mobile-brand{display:none}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.loading-screen>p{font-size:12px;color:#97a4bc}.loading-screen>svg{color:var(--blue)}.muted{color:#a3aec2;font-size:11px;padding:10px 0}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4;transform:scale(.94)}}@media(min-width:1500px){.content{padding-top:50px}.page-heading h1{font-size:42px}.ping-card{padding-top:27px}.send-orbit{margin-top:22px;margin-bottom:10px}.ring-caption{margin-bottom:30px}.how-card{padding:30px}.steps{gap:30px}}@media(max-width:1100px){.sidebar{width:210px;padding-inline:17px}.workspace{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 28px 0}.topbar{padding:0 28px}.page-heading h1{font-size:30px}.home-grid{gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(210px,1fr)}.how-card,.privacy-card{padding:22px 18px}.how-card h3{font-size:20px}th,td{padding-inline:18px}.heading-symbol{display:none}}@media(max-width:820px){.sidebar{width:180px;padding-inline:12px}.sidebar>.brand{font-size:27px;margin-left:10px}.workspace{margin-left:180px;width:calc(100% - 180px)}.right-rail{display:none}.home-grid{grid-template-columns:1fr}.content{padding:25px 25px 0}.page-heading h1{font-size:30px}.ping-card{max-width:100%}.sidebar-note{margin-inline:10px}.workspace-footer>span:last-child{display:none}.login-art{padding:40px}.login-message h1{font-size:36px}.login-panel{padding:35px}.settings-card code{display:none}}@media(max-width:600px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:75px}.topbar{height:72px;padding:0 23px;background:#fff}.breadcrumb{display:none}.mobile-brand{display:block}.privacy-chip{font-size:9px}.content{padding:24px 20px 0}.preview-banner{font-size:9px;padding:10px}.preview-banner>span{line-height:1.5}.preview-banner svg{flex-shrink:0}.preview-banner button{white-space:nowrap}.page-heading{margin:13px 0 27px}.page-heading h1{font-size:30px;letter-spacing:-1.3px;max-width:300px;line-height:1.2}.page-heading p{font-size:11px;max-width:280px;line-height:1.8}.eyebrow,.section-label{font-size:8px}.device-tab{padding:10px 13px;font-size:10px}.device-tabs{gap:8px}.ping-card{padding-top:20px}.device-avatar{margin-top:23px}.send-orbit{width:206px;height:206px;margin-top:16px}.ring-caption{font-size:10px}.card-bottom{font-size:8px;padding-block:14px}.history-card{margin-top:22px}.history-header{padding:20px}.history-header h3{font-size:13px}th,td{padding:12px 17px}th:nth-child(2),td:nth-child(2){display:none}.source-icon{width:23px;height:23px;margin-right:7px}td code{font-size:10px}.table-time{display:block;margin:4px 0 0;font-size:9px}.history-privacy{font-size:8px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;padding:11px 12px max(11px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav button{color:#9ba7bc;font-size:9px;display:flex;flex-direction:column;gap:6px;align-items:center;width:60px}.mobile-nav button.active{color:var(--blue)}.workspace-footer{font-size:8px;padding:25px 0}.settings-card{padding:5px 20px 24px}.settings-card>div{gap:13px}.settings-card>div>svg{flex-shrink:0}.settings-card p{font-size:10px}.device-detail{padding:20px}.login-layout{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:100px 30px}.login-mobile-brand{display:block;position:absolute;top:30px;left:30px}.login-panel h2{font-size:29px}.ping-modal{padding:30px 25px}.modal-backdrop{padding:15px}.notice{font-size:10px}}.admin-shell{max-width:1280px;margin:auto;padding:32px}.admin-header{display:flex;align-items:center;gap:24px;margin-bottom:64px}.admin-header .brand{margin-right:auto;text-decoration:none}.admin-header a{color:var(--ink,#18202f)}.admin-shell .settings-card{margin:24px 0;padding:28px}.admin-form{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.admin-form input,.admin-form select{background:#fff;border:1px solid #dce2ed;border-radius:12px;padding:13px;min-width:180px;flex:1}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.grant-row{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #edf0f7}.admin-secret{background:#eff3ff;border:1px solid #cbd6ff;border-radius:20px;padding:24px}.admin-secret textarea{display:block;box-sizing:border-box;width:100%;height:76px;margin:14px 0;resize:none;padding:12px;border:1px solid #cbd6ff;border-radius:10px}.pair-panel{max-width:460px;margin:24px auto;padding:30px;background:#fff;border:1px solid #e1e6f0;border-radius:24px;text-align:center;box-shadow:0 12px 50px #18202f09}.pair-qr{width:100%;max-width:360px;display:block;margin:auto}.pair-panel small{display:block;color:#78859a;margin-bottom:20px}.receiver-card{margin:28px 0;padding:28px;border:1px solid #e1e6f0;border-radius:24px;background:#fff}.receiver-card p{font-size:13px;line-height:1.7;color:#78859a}.incoming-modal{background:#18202f;color:#fff}.incoming-modal p{color:#b0bdd3}@media(max-width:650px){.admin-shell{padding:18px}.admin-header{gap:10px;flex-wrap:wrap;margin-bottom:30px}.admin-form{flex-direction:column;align-items:stretch}.admin-shell .settings-card{padding:18px}.grant-row{align-items:flex-start}.admin-header .brand{font-size:25px}.pair-panel{padding:18px}}.scan-video{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#18202f;margin:20px 0}.admin-shell .settings-card>.table-scroll{display:block;padding:12px 0;border:0}.admin-shell table{min-width:740px}.admin-shell td,.admin-shell th{padding:16px;font-size:12px}.admin-shell th{font-size:9px}.admin-shell td:nth-child(2),.admin-shell th:nth-child(2){display:table-cell}.admin-shell .settings-card code{display:inline-block;margin:0;white-space:nowrap}.admin-shell .settings-card>.grant-row{display:flex}.admin-shell .settings-card>p{max-width:760px}.admin-actions .outline{white-space:nowrap}.admin-header a{font-size:13px;text-decoration:none}.admin-header .brand{font-size:31px}:root{--action-gap: 12px}.admin-actions,.admin-form,.device-tabs{gap:var(--action-gap)}.account-actions{flex-wrap:nowrap;width:max-content;white-space:nowrap}.account-actions>button{flex-shrink:0}.login-panel form>button+button,.ping-modal>button+button,.pair-panel>button+button{margin-top:var(--action-gap)}.sidebar nav{display:flex;flex-direction:column;gap:var(--action-gap)}.sidebar nav .nav-item{margin:0}.mobile-nav{gap:var(--action-gap)}.mobile-nav>button{min-width:0;flex:1}.content>.primary+.device-grid{margin-top:20px}@media(max-width:650px){.admin-header{gap:var(--action-gap)}.receiver-card{padding:20px}.receiver-card .admin-actions>button{width:100%}}.ambient-stage{width:340px;max-width:100%;padding:70px;margin:32px 0 0}.ambient-stage .ambient-signal{width:100%;height:auto;aspect-ratio:1;margin:0;animation:signal-breathe 4.5s ease-in-out infinite}.ambient-stage .ambient-signal:before{animation:signal-wave 4.5s ease-in-out infinite .25s}.ambient-stage .ambient-signal:after{animation:signal-wave 4.5s ease-in-out infinite .5s}.ambient-signal>svg{transform-origin:50% 20%;animation:bell-sway 4.5s ease-in-out infinite}button:active:not(:disabled){transform:translateY(1px)}.ping-modal,.pair-panel{animation:panel-arrive .24s ease-out}@keyframes signal-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1)}}@keyframes signal-wave{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes bell-sway{0%,65%,to{transform:rotate(0)}72%{transform:rotate(9deg)}79%{transform:rotate(-7deg)}86%{transform:rotate(4deg)}93%{transform:rotate(-2deg)}}@keyframes panel-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.theme-toolbar{display:flex;justify-content:flex-end;padding:12px 24px;background:#f8f9fc}.theme-toolbar label{display:flex;align-items:center;gap:12px;font-size:12px;color:#627086}.theme-toolbar select{font:inherit;padding:9px 12px;border:1px solid #dce4fc;border-radius:10px;background:#fff;color:#18202f}:root[data-theme=dark]{color-scheme:dark;color:#e5eaf4;background:#101622;--ink: #e5eaf4;--blue: #8ea7ff;--muted: #a6b2c8;--line: #303b50}[data-theme=dark] :is(.sidebar,.topbar,.how-card,.history-card,.device-detail,.settings-card,.login-panel,.pair-panel,.receiver-card,.ping-modal,.theme-toolbar){background:#171f2e;border-color:#303b50}[data-theme=dark] .ping-card{background:linear-gradient(160deg,#1b2537,#171f2e);border-color:#303b50}[data-theme=dark] :is(.login-art,.privacy-card,.notice,.admin-secret){background:#1b2945;border-color:#35496c}[data-theme=dark] :is(.outline,.admin-form input,.admin-form select,.login-panel input,.admin-secret textarea,.theme-toolbar select,.device-tab){background:#202b3e;border-color:#435371;color:#c3d0ff}[data-theme=dark] :is(.primary,.device-tab.active){background:#4163eb;color:#fff}[data-theme=dark] .primary:hover{background:#5376ff}[data-theme=dark] :is(.outline:hover,.nav-item:hover,.nav-item.selected){background:#283959}[data-theme=dark] :is(.square-icon,.device-avatar,.account-icon,.source-icon,.modal-orbit,.settings-card code,.history-header h3>span){background:#253553;color:#b7c8ff}[data-theme=dark] :is(th,td){border-color:#303b50;color:#b1bfd6}[data-theme=dark] th{background:#1c2637}[data-theme=dark] :is(td:first-child,.settings-card strong,.how-card h3,.privacy-card h4,.empty h3,.sidebar-note h4,.breadcrumb strong){color:#dce5f6}[data-theme=dark] :is(p,.eyebrow,.theme-toolbar label,.privacy-chip,.workspace-footer,.section-label,.device-presence,.ring-caption,.field-hint,.login-panel label){color:#a7b5cd}[data-theme=dark] .mobile-nav{background:#171f2ef5}[data-theme=dark] .preview-banner{background:#342d1c;border-color:#685732;color:#ead09e}[data-theme=dark] .error{background:#40292e;border-color:#75434a;color:#ffc3ba}[data-theme=dark] .orbit{border-color:#354a73}[data-theme=dark] .orbit.three{background:#25355377}[data-theme=dark] .ambient-signal,[data-theme=dark] .ambient-signal:before,[data-theme=dark] .ambient-signal:after{border-color:#425f9a}[data-theme=dark] .pair-qr{background:#fff;border-radius:12px}.theme-toolbar{padding:0;background:transparent!important;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:16px}.admin-header{gap:20px}.admin-header .brand{margin-right:0}.admin-header>.privacy-chip{margin-right:auto}.login-appearance{position:absolute;right:30px;top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.admin-header{gap:12px}.admin-header>.privacy-chip{display:none}.admin-header .brand{margin-right:auto}.header-actions{gap:12px}.topbar .privacy-chip{display:none}.admin-header .outline{padding:10px 12px}.theme-toolbar select{padding:9px 8px}}:root{--header-surface: #f0f3f9;--header-border: #dfe5ef}:root[data-theme=dark]{--header-surface: #171f2e;--header-border: #303b50}.admin-header,.topbar,[data-theme=dark] .admin-header,[data-theme=dark] .topbar{background:var(--header-surface);border-bottom:1px solid var(--header-border)}.admin-header{width:100%;margin:0 0 32px;padding:24px 32px}@media(max-width:650px){.admin-header{margin:0 0 12px;padding:18px}}.admin-header,.topbar{position:sticky;top:0;z-index:15}.account-chip{min-width:0;display:flex;align-items:center;gap:9px;padding:6px 10px 6px 7px;border:1px solid var(--header-border);border-radius:14px;background:#ffffffa8}.account-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#e8eeff;color:var(--blue);font-size:12px;font-weight:750}.account-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.account-copy strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1;font-weight:650}.account-copy small{font-size:8px;line-height:1;color:var(--muted);letter-spacing:.2px}.device-tabs{flex-wrap:wrap;gap:12px}.topbar .header-actions{gap:12px}[data-theme=dark] .account-chip{background:#202b3e;border-color:#354568}[data-theme=dark] .account-avatar{background:#2a3a5b;color:#b9c8ff}@media(max-width:600px){.topbar{height:72px;padding-inline:18px}.topbar .header-actions{gap:8px}.account-chip{padding:6px 10px 6px 7px}.account-avatar{width:30px;height:30px;border-radius:10px}.account-copy strong{max-width:110px;font-size:12px}.account-copy small{display:block}.theme-toolbar select{max-width:78px}}.appearance-setting>.theme-toolbar{margin-left:auto}.appearance-setting>.theme-toolbar select{min-width:96px}.contacts-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 28px #18244705}.contact-row{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#edf2ff;color:var(--blue);font-size:15px;font-weight:750}.contact-details{min-width:0;display:flex;flex:1;flex-direction:column;gap:6px}.contact-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:#34425c}.contact-details small{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.contact-details i{width:6px;height:6px;border-radius:50%;background:#a7b0c2}.contact-details i.online{background:#38aa80}.contact-page{min-width:88px;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:var(--blue);color:#fff;font-size:11px;font-weight:650}.contact-page:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.96)}.section-label b{margin-left:5px;color:var(--blue);font-size:8px}[data-theme=dark] .contacts-card{background:#1b2537;border-color:#303b50}[data-theme=dark] .contact-row{border-color:#303b50}[data-theme=dark] .contact-avatar{background:#253553;color:#b7c8ff}[data-theme=dark] .contact-details strong{color:#e5eaf4}[data-theme=dark] .contact-page{background:#4163eb}@media(max-width:600px){.contact-row{padding:15px 14px}.contact-page{min-width:82px}.contacts-card{border-radius:18px}}.background-prompt{z-index:105}.background-prompt .install-sheet{padding-bottom:max(20px,env(safe-area-inset-bottom))}.background-error{margin:0 0 14px;padding:12px 13px;border-radius:12px;background:#fff1ef;color:#a9584c;font-size:11px;line-height:1.6}.background-later{display:block;margin:14px auto 0;padding:8px 16px;color:var(--muted);font-size:11px}[data-theme=dark] .background-error{background:#40292e;color:#ffc3ba}.permission-guide{display:grid;gap:12px;margin:0 0 18px;padding:16px;list-style:none;border-radius:16px;background:#f3f6fc;color:#5f6d84;font-size:12px;line-height:1.5}.permission-guide li{display:flex;align-items:center;gap:11px}.permission-guide span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff;color:var(--blue);font-size:10px;font-weight:700}[data-theme=dark] .permission-guide{background:#253149;color:#c1cce0}[data-theme=dark] .permission-guide span{background:#1b2537;color:#b7c8ff}.chrome-settings-link{min-height:48px;margin:0 0 14px;text-decoration:none}.history-actions{display:flex;align-items:center;gap:18px}.danger-link{color:#aa655e}.modal-symbol{margin:0 auto 20px}.invite-actions{display:flex;flex-direction:column;gap:14px;margin:24px 0}.invite-actions>button,.invite-actions>a{margin:0;min-height:48px;text-decoration:none}.install-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11182b80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:12px 12px max(12px,env(safe-area-inset-bottom));animation:install-fade .2s ease-out}.install-sheet{position:relative;width:min(100%,520px);padding:14px 22px 24px;border:1px solid var(--header-border);border-radius:28px 28px 20px 20px;background:#fff;box-shadow:0 -18px 70px #0b132638;text-align:left;animation:install-rise .28s cubic-bezier(.2,.8,.2,1)}.sheet-handle{display:block;width:44px;height:5px;border-radius:999px;background:#d4dae6;margin:0 auto 18px}.install-close{position:absolute;right:16px;top:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#6f7c93;background:#f1f4f9}.install-heading{display:flex;gap:14px;align-items:center;margin:0 42px 20px 0}.install-heading img{width:52px;height:52px;border-radius:15px}.install-heading strong{font-size:20px;letter-spacing:-.3px}.install-heading p,.install-help{font-size:12px!important;line-height:1.7!important;margin:4px 0 0!important;color:#65738b!important}.install-action{min-height:54px;margin:0!important}.install-help{margin-top:16px!important;padding:13px 14px;border-radius:13px;background:#f3f6fc}.login-panel>.install-backdrop{max-width:none}[data-theme=dark] .install-sheet{background:#1b2537;border-color:#354568}[data-theme=dark] .install-close,[data-theme=dark] .install-help{background:#253149}[data-theme=dark] .sheet-handle{background:#4b5870}[data-theme=dark] .install-heading p,[data-theme=dark] .install-help{color:#b7c4dd!important}@keyframes install-rise{0%{transform:translateY(105%);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes install-fade{0%{opacity:0}to{opacity:1}}@media(min-width:700px){.install-sheet{margin-bottom:16px;border-radius:28px}}@media(prefers-reduced-motion:reduce){.install-backdrop,.install-sheet{animation:none}}