:root{color-scheme:light;--ink:#17312d;--muted:#74847f;--line:#e7eeea;--paper:#fff;--green:#167668;--green2:#0f5149;--mint:#e8f4ee;--shadow:0 24px 74px rgba(26,56,48,.12),0 4px 14px rgba(26,56,48,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#f4f7f5}.backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 4%,rgba(201,230,216,.48),transparent 33rem),radial-gradient(ellipse at 92% 90%,rgba(244,229,199,.29),transparent 30rem)}button,input{font:inherit}button{cursor:pointer}.shell{position:relative;width:min(100% - 36px,920px);margin:48px auto;min-height:680px}.login-card{width:min(100%,420px);margin:8vh auto 0;padding:34px;border:1px solid rgba(226,235,230,.95);border-radius:26px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#218c7a,#10564d);color:white;font-size:22px;font-weight:850;box-shadow:0 7px 16px rgba(20,121,108,.2)}.eyebrow{margin:19px 0 8px;color:#92a09b;font-size:9px;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0;font-size:30px;letter-spacing:-.05em}.login-copy{margin:7px 0 27px;color:#7d8c87;font-size:12px}.login-card label,.pair-form label{display:block;margin:0 0 7px;color:#60736c;font-size:10px;font-weight:720}.login-card input,.pair-form input{width:100%;border:1px solid #dfe8e3;border-radius:12px;padding:12px 13px;color:var(--ink);background:#fbfdfc;font-size:11px;outline:0;transition:.18s}.login-card input:focus,.pair-form input:focus{border-color:#80b7a3;box-shadow:0 0 0 3px #edf6f1}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:13px 15px;border:0;border-radius:12px;background:linear-gradient(110deg,#197a6b,#115d53);color:white;font-size:11px;font-weight:760;box-shadow:0 6px 14px rgba(20,105,91,.15);transition:.18s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-button:disabled{opacity:.58;cursor:progress}.form-error{min-height:14px;margin:7px 0 0;color:#a9513d;font-size:10px}.login-foot{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid #eef2f0;color:#91a09a;font-size:9px}.lock-dot{width:7px;height:7px;border-radius:50%;background:#55a985;box-shadow:0 0 0 3px #e9f5ee}.hidden{display:none!important}.app-view{overflow:hidden;border:1px solid rgba(226,235,230,.95);border-radius:26px;background:var(--paper);box-shadow:var(--shadow)}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #edf1ef}.brand-lockup{display:flex;gap:10px;align-items:center}.brand-mark.small{width:35px;height:35px;border-radius:12px;font-size:16px}.brand-title{font-size:13px;font-weight:820;letter-spacing:-.025em}.brand-tagline{margin-top:3px;color:#98a49f;font-size:9px}.top-actions{display:flex;gap:8px}.icon-button{height:34px;min-width:34px;border:1px solid #e5ece8;border-radius:11px;background:white;color:#678078;display:grid;place-items:center;font-size:10px}.icon-button:hover{border-color:#b9d8ca;background:#f6fbf8;color:var(--green)}.bell-icon{font-size:16px;line-height:1;transform:rotate(180deg)}.tabs{display:flex;gap:22px;padding:0 28px;border-bottom:1px solid #edf1ef}.tab{position:relative;display:flex;align-items:center;gap:7px;padding:14px 2px 13px;border:0;background:none;color:#8e9b96;font-size:10px;font-weight:700}.tab.active{color:#196f60}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#1e8574}.tab-icon{font-size:14px}.tab-count{min-width:17px;height:17px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#eff4f1;color:#80918a;font-size:8px}.tab.active .tab-count{background:#e7f3ed;color:#317a68}.page{padding:28px}.page.hidden{display:none}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.page-heading .eyebrow,.page>.eyebrow{margin-top:0}.page h2{margin:0;font-size:24px;letter-spacing:-.05em}.page-heading p,.page-intro{margin:6px 0 0;color:#8b9994;font-size:10px}.sync-status{display:flex;align-items:center;gap:6px;margin-bottom:3px;padding:7px 10px;border-radius:99px;background:#eef8f2;color:#47846d;font-size:9px;font-weight:730}.status-dot{width:6px;height:6px;border-radius:50%;background:#49a77c;box-shadow:0 0 0 3px rgba(73,167,124,.13)}.sync-status.offline{background:#fbf0e9;color:#9a7057}.sync-status.offline .status-dot{background:#c7885e;box-shadow:0 0 0 3px rgba(199,136,94,.13)}.latest-panel{position:relative;overflow:hidden;min-height:190px;border-radius:20px;padding:17px 18px 14px;color:white;background:linear-gradient(118deg,#1c695e,#0e4842);box-shadow:0 13px 26px rgba(18,88,77,.16)}.latest-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.orbit-a{width:200px;height:200px;right:-59px;top:-120px;box-shadow:0 0 0 18px rgba(255,255,255,.025),0 0 0 38px rgba(255,255,255,.022)}.orbit-b{width:86px;height:86px;right:62px;bottom:-70px;border-color:rgba(255,255,255,.08)}.latest-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#cde2dc;font-size:10px;font-weight:700}.sparkle{color:#f2c56b;font-size:13px}.latest-time{margin-left:auto;color:#b7d4cc;font-size:9px}.latest-content{position:relative;z-index:1;margin:18px 0 15px}.latest-empty{color:#c4ddd5;font-size:12px}.latest-sender-row{display:flex;align-items:center;gap:10px}.sender-avatar{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.13);font-size:14px;font-weight:800}.latest-sender{font-size:12px;font-weight:760}.latest-device{margin-top:4px;color:#acd0c5;font-size:9px}.latest-body{margin:13px 0 0;color:#f1f8f5;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.latest-body .code{display:inline-block;margin:0 3px;padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.15);font-size:15px;font-weight:820;letter-spacing:.08em}.latest-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.15);padding-top:10px;color:#b9d6cd;font-size:8px}.encrypted-mark{opacity:.85}.list-heading,.section-line{display:flex;align-items:end;justify-content:space-between;margin:22px 1px 11px}.list-heading h3,.section-line h3{margin:0;font-size:13px;font-weight:790;letter-spacing:-.02em}.list-heading p,.section-line p{margin:4px 0 0;color:#9aa6a1;font-size:9px}.quiet-button{border:0;background:transparent;color:#237866;padding:5px 1px;font-size:9px;font-weight:720}.message-list,.devices-list{display:grid;gap:8px}.message-item{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #edf1ef;border-radius:15px;background:#fff;transition:.18s}.message-item:hover{border-color:#cfe3d8;transform:translateY(-1px);box-shadow:0 4px 14px rgba(29,68,57,.05)}.message-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:#eef3fb;color:#4d6d9d;font-weight:820;font-size:11px}.message-copy{min-width:0}.message-top{display:flex;align-items:center;gap:7px}.message-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:790}.message-device{color:#9aa7a1;font-size:8px}.message-body{margin-top:4px;color:#7b8984;font-size:9px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-right{display:grid;justify-items:end;gap:7px;color:#a0aaa6;font-size:8px;white-space:nowrap}.copy-code{padding:4px 7px;border:0;border-radius:7px;background:#edf6f1;color:#337c68;font-size:8px;font-weight:730}.empty-state{display:grid;justify-items:center;gap:6px;padding:24px;border:1px dashed #dce8e2;border-radius:16px;color:#8d9b95;text-align:center}.empty-state strong{color:#62776f;font-size:11px}.empty-state span{max-width:250px;font-size:9px;line-height:1.55}.empty-illustration{width:35px;height:35px;display:grid;place-items:center;margin-bottom:2px;border-radius:12px;background:#eff6f2;color:#548b79;font-size:17px}.empty-state.compact{padding:18px}.bottom-note{display:flex;align-items:center;gap:7px;margin-top:17px;padding:11px 12px;border-radius:12px;background:#f6f8f6;color:#83918b;font-size:9px;line-height:1.5}.note-shield{color:#538b77;font-size:14px}.simple-title{margin:0;font-size:24px;letter-spacing:-.05em}.page-intro{margin-bottom:18px}.device-summary{display:flex;justify-content:space-between;align-items:center;padding:17px;border-radius:18px;background:linear-gradient(120deg,#eaf5ef,#f3f8f5)}.device-summary span{display:block;color:#688078;font-size:9px;font-weight:680}.device-summary strong{display:block;margin-top:4px;color:#185f53;font-size:25px;letter-spacing:-.05em}.device-summary small{display:block;margin-top:4px;color:#95a39d;font-size:8px}.summary-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:17px;border:1px solid #d5e9df;background:rgba(255,255,255,.72);color:#367d6d;font-size:21px}.device-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #edf1ef;border-radius:15px}.device-emoji{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#eef5f1;color:#4b8674;font-size:16px}.device-info{min-width:0;flex:1}.device-info strong{display:block;font-size:10px}.device-info span{display:block;margin-top:4px;color:#96a29d;font-size:8px}.device-state{display:flex;align-items:center;gap:5px;color:#51846f;font-size:8px;font-weight:720}.device-state .status-dot{width:5px;height:5px}.device-state.offline{color:#9a8174}.device-state.offline .status-dot{background:#bf9277;box-shadow:none}.revoke-button{border:0;background:transparent;color:#a77b6a;font-size:8px;padding:5px}.pair-card{margin-top:18px;padding:16px;border:1px solid #e7eeea;border-radius:18px;background:#fbfdfc}.pair-card-top{display:flex;align-items:center;gap:9px}.pair-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#e8f4ee;color:#267865;font-size:18px}.pair-card h3{margin:0;font-size:12px}.pair-card p{margin:4px 0 0;color:#98a49f;font-size:8px}.pair-form{margin-top:14px}.pair-form input{padding:10px 11px}.pair-form .primary-button{margin-top:9px;padding:11px 13px}.pair-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #d6eade;border-radius:13px;background:#eff8f2}.pair-result>div{display:grid;gap:3px}.pair-code-caption{color:#779087;font-size:8px}.pair-result strong{font-size:20px;letter-spacing:.19em;color:#1b6558}.pair-result span:last-child{color:#95a49d;font-size:8px}.copy-button{border:1px solid #cfe2d7;border-radius:9px;background:white;color:#367b68;padding:7px 10px;font-size:9px;font-weight:730}.app-footer{display:flex;justify-content:space-between;padding:12px 29px;color:#a1aca8;font-size:8px;border-top:1px solid #eff2f0}.toast{position:fixed;left:50%;bottom:25px;z-index:5;opacity:0;transform:translate(-50%,8px);padding:10px 15px;border-radius:99px;background:rgba(25,48,44,.95);color:white;font-size:10px;pointer-events:none;transition:.2s;box-shadow:0 7px 20px rgba(0,0,0,.15);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:620px){body{background:#f4f7f5}.shell{width:100%;margin:0 auto;min-height:100dvh}.app-view{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-card{margin:9vh 16px 0;padding:25px;border-radius:22px}.topbar{height:66px;padding:0 17px}.tabs{padding:0 18px}.page{padding:22px 17px}.page-heading{align-items:start;gap:8px}.page-heading h2,.simple-title{font-size:22px}.latest-panel{min-height:182px;padding:16px}.app-footer{padding:12px 18px}.message-item{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px}.message-avatar{width:34px;height:34px}.sync-status{font-size:8px}.top-actions{gap:6px}}