:root{--bg: #0F172A;--card: #1E293B;--control: #334155;--text: #F1F5F9;--muted: #94A3B8;--note: #CBD5E1;--border: #334155;--input-border: #475569;--accent: #4ADE80;--on-accent: #14532D;--avatar: #15803D;--error: #EFA0A3;--on-error: #0F172A;--shadow: rgba(0, 0, 0, .3);--toast-bg: #F1F5F9;--toast-text: #111827;--toast-success: #15803D;--toast-error: #A3434C;--scrim: rgba(7, 15, 30, .6);--radius: .75rem;--heading: Sora, Inter, system-ui, sans-serif;--body: Inter, system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--hover: #273449;--accent-hover: #6EE7A0;--error-hover: #F3B4B7;--fade: .45s;--smooth: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html{font-size:16px}html,body,#root{height:100%}@media(min-width:1200px){html{font-size:18px}}@media(min-width:1680px){html{font-size:19px}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:.9375rem;line-height:1.375rem;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.heading{font-family:var(--heading);font-weight:600;font-size:1.0625rem;line-height:1.5rem;margin:0}.heading-sm{font-family:var(--heading);font-weight:600;font-size:.9375rem;line-height:1.375rem;margin:0}.muted{color:var(--muted)}.desc{font-size:.8125rem;line-height:1.1875rem}.field-error{color:var(--error);font-size:.8125rem;line-height:1.1875rem;margin:0;animation:appear .18s var(--ease)}.press{transition:transform .32s var(--spring),opacity var(--fade) var(--smooth),background-color var(--fade) var(--smooth),color var(--fade) var(--smooth),box-shadow var(--fade) var(--smooth)}.press:active:not(:disabled){transform:scale(.96);transition-duration:.1s,var(--fade),var(--fade),var(--fade),var(--fade);transition-timing-function:ease-out}.btn{position:relative;height:2.875rem;padding:0 1.5rem;border-radius:999px;font-size:.9375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn.sm{height:2.125rem;padding:0 1rem;font-size:.8125rem}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.destructive-solid{background:var(--error);color:var(--on-error)}.btn.destructive{color:var(--error);box-shadow:inset 0 0 0 1.5px var(--error)}.btn.quiet{color:var(--muted)}.btn.plain{color:var(--accent)}.btn.neutral{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--muted)}.btn.full{width:100%}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.destructive-solid:hover:not(:disabled){background:var(--error-hover)}.btn.quiet:hover:not(:disabled){color:var(--text)}.btn.plain:hover:not(:disabled){color:var(--text)}.btn.neutral:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--text)}.btn.destructive:hover:not(:disabled){color:var(--error-hover);box-shadow:inset 0 0 0 1.5px var(--error-hover)}.text-link:hover:not(:disabled){color:var(--text)}.text-link{color:var(--accent);font-size:.8125rem;font-weight:600}.field{height:2.75rem;border-radius:1.375rem;background:var(--control);display:flex;align-items:center;gap:.5rem;padding:0 1rem;box-shadow:0 2px .375rem var(--shadow)}.field input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-size:.9375rem}.field input::placeholder{color:var(--muted)}.field input::-webkit-search-cancel-button{display:none}.field:focus-within{box-shadow:0 2px .375rem var(--shadow),inset 0 0 0 1.5px var(--accent)}.clear{color:var(--muted);display:flex;border-radius:50%;transition:color var(--fade) var(--smooth)}.clear:hover{color:var(--text)}.field{transition:box-shadow var(--fade) var(--smooth),background-color var(--fade) var(--smooth)}.field:hover{background:#3a4a60}.count-badge{min-width:2rem;height:1.375rem;padding:0 .5rem;border-radius:999px;font-size:.8125rem;background:var(--accent);color:var(--on-accent);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.count-text b{font-size:.9375rem;font-weight:700}.count-text span{font-size:.8125rem;color:var(--muted);margin-left:.25rem}.pills{display:flex;gap:.5rem}.pill{flex:1;padding:.5rem .75rem;border-radius:999px;background:var(--card);color:var(--text);font-size:.8125rem;line-height:1.1875rem;font-weight:600}.pill:hover:not(.on){background:var(--control)}.pill.on{background:var(--accent);color:var(--on-accent)}.pill.on:hover{background:var(--accent-hover)}.switch{position:relative;display:inline-flex;padding:.1875rem;border-radius:999px;background:var(--card)}.switch-thumb{position:absolute;top:.1875rem;left:.1875rem;width:2.5rem;height:1.75rem;border-radius:999px;background:var(--accent);transition:transform .42s var(--smooth)}.switch-thumb.right{transform:translate(2.5rem)}.switch-option{position:relative;width:2.5rem;height:1.75rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--muted);transition:color var(--fade) var(--smooth)}.switch-option:hover:not(.on){color:var(--text)}.switch-option.on{color:var(--on-accent)}.lockup{display:flex;align-items:flex-start;gap:.25rem}.lockup-title{font-family:"Barlow Semi Condensed",var(--body);font-weight:700;color:var(--accent);opacity:.6;text-transform:uppercase;display:block}.avatar{flex:none;border-radius:50%;background:var(--avatar);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden}.avatar.deleted{background:var(--control);color:var(--muted)}.avatar img{width:100%;height:100%;object-fit:cover}.person-row{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius);text-align:left}.person-row:hover:not(.on){background:var(--card)}.person-row.on{background:var(--card)}.person-main{flex:1;min-width:0}.person-name{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-sub{font-size:.8125rem;line-height:1.1875rem;margin-top:1px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-label{color:var(--error);font-weight:600}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.auth-card{width:100%;max-width:23.75rem;display:flex;flex-direction:column;gap:.75rem}.auth-head{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:.75rem;text-align:center}.code-boxes{position:relative;display:flex;justify-content:center;gap:.5rem}.code-box{width:3.5rem;height:3.5rem;border-radius:var(--radius);background:var(--control);box-shadow:inset 0 0 0 1.5px var(--input-border);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--fade) var(--smooth)}.code-box.on{box-shadow:inset 0 0 0 1.5px var(--accent)}.code-digit{color:var(--accent);font-size:1.375rem;font-weight:700;font-variant-numeric:tabular-nums;animation:digit-pop .18s cubic-bezier(.34,1.8,.64,1)}.code-caret{width:2px;height:1.625rem;border-radius:1px;background:var(--accent);animation:caret 1s steps(1) infinite}.code-input{position:absolute;inset:0;width:100%;opacity:.01;color:transparent;caret-color:transparent;border:none;background:transparent;font-size:1rem;cursor:pointer}.shell{height:100%;display:flex;flex-direction:column}.topbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:90rem;width:100%;margin:0 auto}.topbar-actions{display:flex;align-items:center;gap:.75rem}.layout{flex:1;min-height:0;display:grid;grid-template-columns:clamp(17.5rem,30vw,22.5rem) minmax(0,1fr);gap:1.5rem;padding:0 1.5rem 1.5rem;max-width:90rem;width:100%;margin:0 auto}.sidebar{min-height:0;display:flex;flex-direction:column;gap:.75rem}.sidebar-title{display:flex;align-items:center;gap:.5rem}.list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 -4px;padding:0 .25rem}.panel{min-height:0;overflow-y:auto;background:var(--card);border-radius:var(--radius);padding:1.5rem}.detail-head{display:flex;align-items:flex-start;gap:1rem}.detail-name{font-size:1.125rem;line-height:1.5rem;font-weight:700}.detail-actions{display:flex;gap:.5rem;margin-left:auto;flex:none}.section-title{display:flex;align-items:center;gap:.5rem;margin:2rem 0 .25rem}.quote{margin-top:.5rem;background:var(--bg);border-radius:var(--radius);padding:.5rem .75rem;font-size:.8125rem;line-height:1.1875rem;overflow-wrap:anywhere}.state{flex:1;min-height:12.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem}.skeleton{background:var(--card);border-radius:var(--radius);animation:pulse 1.2s ease-in-out infinite}.panel .skeleton{background:var(--control)}.skeleton.round{border-radius:50%}.skeleton.pill{border-radius:999px}.scrim{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .18s var(--ease);z-index:10}.dialog{width:100%;max-width:22.5rem;background:var(--card);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;text-align:center;animation:appear .18s var(--ease)}.dialog .heading{margin-bottom:.25rem}.dialog p{margin:0 0 1rem}.toast{position:fixed;left:50%;top:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:var(--toast-bg);color:var(--toast-text);padding:.75rem 1rem;border-radius:999px;font-size:.8125rem;line-height:1.1875rem;font-weight:500;box-shadow:0 2px .375rem var(--shadow);animation:drop .22s var(--ease);z-index:20;max-width:calc(100vw - 2rem)}.mobile-only{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes digit-pop{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes caret{0%{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:1100px){.layout{gap:1rem}.panel{padding:1.25rem}}@media(max-width:860px){.layout{grid-template-columns:1fr;padding:0 1rem 1rem}.topbar{padding:.75rem 1rem}.layout.has-selection .sidebar{display:none}.layout:not(.has-selection) .panel{display:none}.panel{padding:1rem}.detail-head{flex-wrap:wrap}.detail-actions{width:100%;margin-left:0}.detail-actions .btn{flex:1}.mobile-only{display:inline-flex}.code-box{width:2.875rem;height:2.875rem}}@media(max-width:480px){.topbar-actions{gap:.5rem}.lockup{zoom:.8}.pill{padding:.5rem}.detail-head .avatar{width:3rem!important;height:3rem!important}}.stable{display:inline-grid;justify-items:center}.stable>span{grid-area:1 / 1}.stable>.ghost{visibility:hidden}.report-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.report-card{background:var(--bg);border-radius:var(--radius);padding:1rem;animation:appear .18s var(--ease)}.report-top{display:flex;align-items:center;gap:.75rem}.report-reason{margin-top:.75rem;font-weight:600}.report-note{margin-top:.125rem;color:var(--note)}.report-card .quote{background:var(--card)}.report-foot{display:flex;justify-content:flex-end;margin-top:.5rem}.report-when{display:flex;align-items:baseline;gap:.375rem;flex:none;white-space:nowrap}.when-date{color:var(--note);font-weight:500}.list{--fade-size: 3rem;transition:mask-size var(--fade) var(--smooth)}.list.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade-size)),transparent)}.list.fade-top{-webkit-mask-image:linear-gradient(to top,#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to top,#000 calc(100% - var(--fade-size)),transparent)}.list.fade-top.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent)}.detail-sticky{position:sticky;top:-1.5rem;z-index:2;margin:-1.5rem -1.5rem 0;padding:1.5rem 1.5rem .75rem;background:var(--card);border-radius:var(--radius) var(--radius) 0 0}.detail-sticky:after{content:"";position:absolute;left:0;right:0;top:100%;height:1.5rem;background:linear-gradient(to bottom,var(--card),transparent);opacity:0;transition:opacity var(--fade) var(--smooth);pointer-events:none}.panel.scrolled .detail-sticky:after{opacity:1}@media(max-width:1100px){.detail-sticky{top:-1.25rem;margin:-1.25rem -1.25rem 0;padding:1.25rem 1.25rem .75rem}}@media(max-width:860px){.detail-sticky{top:-1rem;margin:-1rem -1rem 0;padding:1rem 1rem .75rem}}.history{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;animation:appear .18s var(--ease)}.history-pills{display:flex;flex-wrap:wrap;gap:.5rem}.history-pill{display:inline-flex;align-items:baseline;gap:.375rem;padding:.375rem .75rem;border-radius:999px;background:var(--bg);font-size:.8125rem;line-height:1.1875rem;cursor:default;transition:background-color var(--fade) var(--smooth)}.history-pill:hover{background:var(--control)}.btn-label{display:inline-flex;align-items:center;gap:.5rem;transition:opacity var(--fade) var(--smooth)}.btn-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--smooth)}.btn.loading .btn-label{opacity:0}.btn.loading .btn-spinner{opacity:1}.btn.loading{cursor:progress}.spinner{display:inline-flex;animation:q-spin 1.8s linear infinite}@keyframes q-spin{0%{transform:rotate(0) scale(1)}7%{transform:rotate(0) scale(1);animation-timing-function:cubic-bezier(.4,1.5,.5,1)}25%{transform:rotate(90deg) scale(.9)}32%{transform:rotate(90deg) scale(.9);animation-timing-function:cubic-bezier(.4,1.5,.5,1)}50%{transform:rotate(180deg) scale(1)}57%{transform:rotate(180deg) scale(1);animation-timing-function:cubic-bezier(.4,1.5,.5,1)}75%{transform:rotate(270deg) scale(.9)}82%{transform:rotate(270deg) scale(.9);animation-timing-function:cubic-bezier(.4,1.5,.5,1)}to{transform:rotate(360deg) scale(1)}}.sk{position:relative;color:transparent!important;display:inline-block}.sk *{color:transparent!important}.sk:before{content:"";position:absolute;left:0;right:0;top:50%;height:.8em;transform:translateY(-50%);border-radius:.25rem;background:var(--control);animation:pulse 1.2s ease-in-out infinite}.sidebar .sk:before{background:var(--card)}.sidebar .skeleton{background:var(--card)}.btn.skeleton{pointer-events:none}