:root{--living-line:rgba(150,224,255,.12);--living-panel:linear-gradient(155deg,rgba(9,18,27,.985),rgba(2,7,11,.995));--living-accent:#63f3ff}.living-chrome-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:#9bf8ff;cursor:pointer}.living-chrome-button:hover,.living-chrome-button:focus-visible{outline:0;border-color:rgba(99,243,255,.3);background:rgba(99,243,255,.065);transform:translateY(-1px)}.living-chrome-button>span{font-size:16px}.living-chrome-button>i{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#63f3ff;color:#031017;border:2px solid #02060a;font:900 8px/1 inherit;font-style:normal}.living-system{position:fixed;inset:0;z-index:350;pointer-events:none;visibility:hidden}.living-system.is-open{pointer-events:auto;visibility:visible}.living-backdrop{position:absolute;inset:0;border:0;background:rgba(0,3,7,.64);backdrop-filter:blur(14px);opacity:0;transition:.22s}.living-system.is-open .living-backdrop{opacity:1}.living-drawer{position:absolute;top:0;right:0;width:min(470px,94vw);height:100dvh;display:flex;flex-direction:column;border-left:1px solid var(--living-line);background:var(--living-panel);box-shadow:-35px 0 120px rgba(0,0,0,.5);transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.85,.25,1);overflow:hidden}.living-drawer.is-open{transform:translateX(0)}.living-drawer>header{height:72px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.06)}.living-drawer>header>div{flex:1}.living-drawer>header small{display:block;color:#648092;font-size:8px;letter-spacing:.17em}.living-drawer>header b{display:block;margin-top:4px;font-size:16px;letter-spacing:.07em}.living-drawer>header button{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025);color:#b4c6d0;font-size:18px;cursor:pointer}.living-drawer-body{flex:1;overflow:auto;padding:14px 14px 28px}.living-drawer>footer{padding:14px;border-top:1px solid rgba(255,255,255,.06)}.living-app-link{display:flex;justify-content:center;padding:13px;border:1px solid rgba(99,243,255,.16);border-radius:14px;background:rgba(99,243,255,.05);color:#c7fbff;text-decoration:none;font:900 9px/1 inherit;letter-spacing:.12em}.living-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;min-height:74px;padding:10px 11px;margin-bottom:7px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:rgba(255,255,255,.022);color:#edf8fc;text-decoration:none}.living-row:hover,.living-row:focus-visible{outline:0;border-color:rgba(99,243,255,.24);background:rgba(99,243,255,.045)}.living-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#081722;color:#7ef7ff}.living-row small,.living-person small,.living-party small,.living-achievement small{display:block;color:#607c8f;font-size:7px;letter-spacing:.14em}.living-row b,.living-person b,.living-party b,.living-achievement b{display:block;margin:3px 0;font-size:11px}.living-row p,.living-achievement p{margin:0;color:#708a9b;font-size:9px;line-height:1.4}.living-row em,.living-party em{font-style:normal;color:#63f3ff;font:900 8px/1 inherit;letter-spacing:.1em}.living-person,.living-friend{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px;margin-bottom:7px;border-radius:14px;background:rgba(255,255,255,.024);color:#edf8fc;text-decoration:none}.living-person>span,.living-friend>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#0a1923;color:#91f8ff;font:900 10px/1 inherit}.living-friend i{width:7px;height:7px;border-radius:50%;background:#30404c}.living-friend i.online{background:#7cff96;box-shadow:0 0 11px rgba(124,255,150,.58)}.living-party{position:relative;display:block;padding:12px;margin-bottom:7px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.024);color:#edf8fc;text-decoration:none}.living-party span{display:block;color:#718b9c;font-size:9px}.living-party em{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.living-subhead{padding:18px 4px 8px;color:#668193;font:900 8px/1 inherit;letter-spacing:.16em}.living-empty,.living-identity-card{padding:18px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:rgba(255,255,255,.022)}.living-empty b,.living-identity-card b{display:block;font-size:13px}.living-empty p,.living-identity-card p{color:#718a9b;font-size:10px;line-height:1.5}.living-empty a,.living-identity-card a{color:#aef8ff;text-decoration:none;font-size:9px;font-weight:900}.living-identity-card small{color:#63f3ff;font-size:8px;letter-spacing:.15em}.living-achievement{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px;margin-bottom:7px;border-radius:14px;background:rgba(255,255,255,.022)}.living-achievement>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(99,243,255,.07);color:#63f3ff}.cc-living-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px}.cc-living-panel{border:1px solid var(--cc-line);border-radius:24px;background:var(--cc-panel);padding:18px;min-height:250px}.cc-living-panel .living-row{grid-template-columns:34px 1fr auto;min-height:62px}.cc-living-panel .living-icon{width:34px;height:34px;border-radius:11px}.cc-living-panel .living-person{margin-bottom:6px}.cc-living-actions{display:flex;gap:8px}.cc-living-actions button{border:1px solid rgba(99,243,255,.15);border-radius:11px;background:rgba(99,243,255,.04);color:#a9f8ff;padding:9px 11px;font:900 8px/1 inherit;letter-spacing:.1em;cursor:pointer}@media(max-width:900px){.cc-living-grid{grid-template-columns:1fr}}@media(max-width:640px){.living-drawer{top:auto;bottom:0;width:100%;height:min(82dvh,720px);border-left:0;border-top:1px solid var(--living-line);border-radius:24px 24px 0 0;transform:translateY(102%)}.living-drawer.is-open{transform:translateY(0)}.living-drawer>header{height:62px}.living-row{grid-template-columns:38px 1fr}.living-row em{display:none}.living-icon{width:38px;height:38px}.living-chrome-button{width:36px;height:36px}}
