:root{--bg: #f5f5f7;--surface: rgba(255, 255, 255, .78);--elevated: #fff;--text: #1d1d1f;--muted: #6e6e73;--line: rgba(0, 0, 0, .09);--blue: #007aff;--red: #ff3b30;--green: #34c759;--shadow: 0 18px 45px rgba(0, 0, 0, .13)}@media (prefers-color-scheme: dark){:root{--bg: #1c1c1e;--surface: rgba(44, 44, 46, .82);--elevated: #2c2c2e;--text: #f5f5f7;--muted: #98989d;--line: rgba(255, 255, 255, .1);--blue: #0a84ff;--red: #ff453a;--green: #30d158;--shadow: 0 18px 45px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:1px}.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}.window{min-height:100vh;max-width:1440px;margin:auto;background:var(--bg)}.titlebar{height:54px;display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--surface);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.traffic{display:flex;gap:8px;margin-right:4px}.traffic i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.connection{color:var(--muted);margin-right:auto;font-size:12px;display:flex;gap:6px;align-items:center}.connection i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.connection.connected{color:var(--green)}.connection.connected i{background:var(--green)}.search{display:flex;align-items:center;gap:7px;width:min(280px,40vw);padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--elevated);color:var(--muted)}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}.search kbd{font-size:10px;opacity:.55}.content{padding:34px clamp(18px,4vw,56px) 64px;display:grid;gap:18px}.hero,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero h1{font-size:28px;letter-spacing:-.03em;margin:2px 0 4px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.1em;font-weight:600;margin:0}.subtle{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #0000000a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stats article{padding:15px 17px;display:grid;gap:8px}.stats span{color:var(--muted);font-size:12px}.stats b{font-size:25px;letter-spacing:-.03em}.panel{padding:20px}.panel h2{font-size:17px;margin:0 0 5px}.create{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:14px;align-items:center}.create form{display:flex;gap:8px}.create input,.dialog input,.inline-form input{width:100%;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--elevated);color:var(--text)}.button{border:1px solid var(--line);border-radius:6px;padding:6px 12px;background:var(--elevated);color:var(--text);transition:background .15s,transform .15s}.button:hover:not(:disabled){background:color-mix(in srgb,var(--text) 8%,var(--elevated))}.button:active:not(:disabled){transform:scale(.97)}.button.primary{color:#fff;background:var(--blue);border-color:transparent}.button.danger{color:var(--red)}.button.small{padding:4px 8px;font-size:12px}.section-title h2{margin:0}.badge,.status{padding:3px 8px;border-radius:10px;background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--muted);font-size:11px}.status.online{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}.event-list{display:grid;gap:8px;margin-top:14px}.event{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--elevated)}.event b{font-weight:500}.event small{display:block;color:var(--muted);margin-top:3px}.arrow{color:var(--blue);margin:0 6px}.actions{display:flex;gap:6px;align-items:center}.table-wrap{overflow:auto;margin:14px -20px -20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.table-wrap th{color:var(--muted);font-size:11px;font-weight:500;text-align:left;background:color-mix(in srgb,var(--text) 4%,transparent)}.table-wrap th,.table-wrap td{padding:11px 20px;border-top:1px solid var(--line);text-align:left}.user{display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--blue);font-size:12px}.mutuals{color:var(--muted);max-width:280px}.empty{text-align:center;color:var(--muted);padding:34px}.error{color:var(--red);margin:8px 0 0}.created{grid-column:1/-1;display:flex;gap:28px;padding-top:13px;border-top:1px solid var(--line)}.created span{display:grid;gap:4px;color:var(--muted)}.created b,.created code{color:var(--text)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:min(440px,100%);max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--elevated);box-shadow:var(--shadow)}.dialog h2{margin:0 0 16px;font-size:19px}.dialog label{display:grid;gap:6px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mutual-list{display:grid;gap:7px;max-height:210px;overflow:auto}.mutual-list>div{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:6px;background:color-mix(in srgb,var(--text) 6%,transparent)}.icon-button{width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:var(--red);font-size:18px}.inline-form{display:flex;gap:8px;margin-top:18px}@media (max-width: 700px){.titlebar{padding:0 14px}.titlebar>strong{display:none}.content{padding:24px 14px 40px}.stats{grid-template-columns:repeat(2,1fr)}.create{grid-template-columns:1fr}.create form{width:100%}.event{align-items:flex-start;gap:12px;flex-direction:column}.event .button{align-self:flex-end}.created{flex-direction:column;gap:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}