:root{--bg:#161c24;--surface:#212b36;--border:#919eab33;--hover:#919eab14;--selected:#919eab29;--text:#fff;--text-secondary:#919eab;--text-disabled:#637381;--primary:#00a76f;--primary-light:#5be49b;--primary-soft:#00a76f14;--primary-soft-hover:#00a76f29;--warning:#ffab00;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Public Sans,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:14px;padding:0 12px 20px;font-size:13px;font-weight:700;display:flex}.brand img{width:30px;height:30px}.connect-card{border:1px solid var(--primary);border-radius:var(--radius);padding:12px}.connect-title{color:var(--primary-light);gap:8px;font-size:14px;font-weight:600;display:flex}.connect-title svg{flex-shrink:0;margin-top:2px}.connect-card p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.nav-heading{text-transform:uppercase;color:var(--text-disabled);padding:24px 12px 8px;font-size:11px;font-weight:700}.nav{flex-direction:column;gap:4px;display:flex}.nav-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.nav-item{border-radius:var(--radius);min-height:44px;color:var(--text-secondary);align-items:center;gap:16px;padding:4px 8px 4px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{color:var(--primary-light);background:var(--primary-soft);font-weight:600}.nav-item.active:hover{background:var(--primary-soft-hover)}.main{flex:1;min-width:0}.header{border-bottom:1px solid var(--border);align-items:center;gap:20px;height:64px;padding:0 20px;display:flex}.chip{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.shop-switcher{cursor:pointer;anchor-name:--shop-switcher;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.menu{position-anchor:--shop-switcher;position-area:bottom span-right;border:1px solid var(--border);border-radius:var(--radius);min-width:260px;max-height:60vh;color:var(--text);background:var(--surface);margin:8px 0 0;padding:4px;inset:auto;box-shadow:-20px 20px 40px -4px #0000003d}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;width:100%;padding:6px 8px;font-size:14px;font-weight:500;display:flex}.menu-item span{color:var(--text-secondary);font-size:12px;font-weight:400}.menu-item:hover{background:var(--hover)}.menu-item[aria-current=true]{background:var(--selected)}.badge{color:var(--primary-light);background:var(--primary-soft-hover);border-radius:6px;padding:0 6px;font-size:12px;font-weight:700;line-height:24px}.avatar{width:36px;height:36px;color:var(--surface);background:var(--warning);cursor:pointer;anchor-name:--avatar;border:0;border-radius:50%;place-items:center;margin-left:auto;padding:0;font-weight:600;display:grid}.account-menu{position-anchor:--avatar;position-area:bottom span-left;min-width:220px}.content{padding:28px}.phone{aspect-ratio:320/660;background:#05070a;border-radius:46px;width:320px;max-width:100%;margin:0 auto;padding:11px;box-shadow:0 0 0 1px #919eab52,0 24px 50px #00000073}.phone .screen{color:#161823;background:#fff;border-radius:36px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone .island{z-index:2;background:#05070a;border-radius:14px;width:86px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone .sbar{flex:none;justify-content:space-between;align-items:flex-end;height:46px;padding:0 26px 6px;font-size:12.5px;font-weight:600;display:flex}.phone .status-icons{align-items:center;gap:5px;display:flex}.phone .signal{align-items:flex-end;gap:2px;height:10px;display:flex}.phone .signal i{background:#161823;border-radius:1px;width:3px}.phone .signal i:first-child{height:4px}.phone .signal i:nth-child(2){height:6px}.phone .signal i:nth-child(3){height:8px}.phone .signal i:nth-child(4){height:10px}.phone .battery{border:1.5px solid #161823;border-radius:3px;width:22px;height:11px;padding:1px}.phone .battery i{background:#161823;border-radius:1px;width:75%;height:100%;display:block}.phone .chead{border-bottom:1px solid #eceef0;flex:none;align-items:center;gap:10px;height:54px;padding:0 12px;display:flex}.phone .who{flex:1;min-width:0;line-height:1.2}.phone .who b,.phone .invite>b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.phone .who b{font-size:14px}.phone .who span{color:#8a8f99;font-size:11px}.phone .shop-avatar{background:#161c22;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.phone .chead .shop-avatar{width:34px;height:34px}.phone .shop-avatar img{width:60%;height:60%}.phone .cbody{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:6px 12px 14px;display:flex;overflow-y:auto}.phone .cnote{text-align:center;color:#8a8f99;padding:6px 10px 2px;font-size:10.5px;line-height:1.4}.phone .day{color:#8a8f99;background:#f4f5f6;border-radius:99px;align-self:center;padding:3px 10px;font-size:10.5px}.phone .mrow{align-items:flex-end;gap:8px;display:flex}.phone .bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f2f4;border-radius:16px 16px 16px 4px;max-width:238px;padding:10px 12px;font-size:12.5px;line-height:1.5}.phone .later{opacity:.55}.phone .token{color:#0f7a48;background:#dff6ea;border-radius:3px;padding:0 2px}.phone .photo{color:#8a8f99;background:linear-gradient(135deg,#e9ecef,#d6dbe0);border-radius:14px;place-items:center;width:180px;height:120px;font-size:11px;display:grid}.phone .when{color:#8a8f99;margin:2px 0 -4px 32px;font-size:10.5px}.phone .invite{background:#fff;border:1px solid #e3e5e8;border-radius:14px;width:238px;padding:12px;font-size:12px}.phone .invite-tags{gap:6px;margin-bottom:8px;display:flex}.phone .invite-tags span{color:#fff;background:#161823;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.phone .invite-tags span+span{color:#0f7a48;background:#eef7f2;font-weight:600}.phone .invite-thumb{color:#8a8f99;background:#f4f5f6;border-radius:8px;place-items:center;height:70px;margin:8px 0;display:grid}.phone .invite-foot{justify-content:space-between;align-items:center;display:flex}.phone .invite-view{color:#fff;background:#fe2c55;border-radius:6px;padding:5px 14px;font-weight:700}.phone .cinput{border-top:1px solid #eceef0;flex:none;align-items:center;gap:10px;padding:8px 12px 22px;display:flex;position:relative}.phone .cinput-box{color:#8a8f99;background:#f1f2f4;border-radius:18px;flex:1;align-items:center;height:36px;padding:0 14px;font-size:12.5px;display:flex}.phone .cinput-plus{border:1.5px solid #161823;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.phone .homebar{background:#161823;border-radius:99px;width:110px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}