:root{--ground: #F5F4F0;--card: #FFFFFF;--ink: #111111;--ink-2: #3D3C38;--ink-3: #5E5E5A;--ink-4: #8C8B85;--line: #E3E1DA;--line-2: #D5D3CB;--line-3: #EFEDE7;--chip: #EFEDE7;--lime: #DCF24B;--lime-soft: rgba(220, 242, 75, .35);--ok-bg: #E4F2DD;--ok: #2F6B1E;--warn-bg: #FBE9D9;--warn: #7A3E0E;--bad-bg: #FBE0DD;--bad: #8C1D16;--rec: #FF5A4E;--dark: #111111;--dark-2: #2E2E2B;--dark-3: #3A3936;--dark-ink: #F5F4F0;--dark-ink-2: #D6D4CC;--dark-ink-3: #A9A8A2;--display: "Inter Tight", system-ui, sans-serif;--body: Inter, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.03em}.mono{font-family:var(--mono)}.muted{color:var(--ink-3)}.phone{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.phone.dark{background:var(--dark);color:var(--dark-ink);max-width:none}.phone.dark>*{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.phone.center{align-items:center}.grow{flex:1 1 auto}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.col{display:flex;flex-direction:column}.stack{display:flex;flex-direction:column;gap:12px}.h-xl{font-size:clamp(34px,10vw,42px);line-height:1.02;letter-spacing:-.035em}.h-l{font-size:34px;line-height:1.05}.lead{font-size:16px;line-height:1.5;color:var(--ink-2);margin:0}.co-chip{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}.co-mark{width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:13px;overflow:hidden;flex-shrink:0}.co-mark img{width:100%;height:100%;object-fit:cover}.brand{display:flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.02em}.brand i{width:11px;height:11px;border-radius:3px;background:var(--lime);border:1.5px solid var(--ink)}.dark .brand i,.nav-dark .brand i{border-color:var(--lime)}.avatar{border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:600;flex-shrink:0;overflow:hidden;color:var(--ink)}.avatar img{width:100%;height:100%;object-fit:cover}.btn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink);white-space:nowrap}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.danger{color:#b3261e;border-color:#b3261e}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-3)}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn.big{height:60px;font-family:var(--display);font-size:19px;letter-spacing:-.02em;width:100%}.btn.huge{height:64px;font-family:var(--display);font-size:20px;letter-spacing:-.02em}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;text-decoration:none}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.input{height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);font-size:15px;font-weight:400;width:100%}textarea.input{height:auto;padding:14px 16px;line-height:1.5;resize:vertical}select.input{padding:0 10px}.code-input{height:72px;padding:0 20px;border-radius:18px;border:1.5px solid var(--ink);background:var(--card);font-family:var(--mono);font-size:32px;letter-spacing:.4em;width:100%}.err{color:var(--bad);font-size:14px;font-weight:500;margin:0}.check{display:flex;align-items:center;gap:10px;font-size:14px}.check input{width:20px;height:20px;accent-color:var(--ink);margin:0}.pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--chip);color:var(--ink-2)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.lime{background:var(--lime);color:var(--ink)}.rid{display:inline-flex;align-items:stretch;border-radius:7px;overflow:hidden;font-family:var(--mono);font-size:12px;font-weight:500;line-height:1;text-decoration:none;border:1px solid var(--ink);vertical-align:middle}.rid b{background:var(--ink);color:var(--lime);padding:5px 6px;font-weight:500;letter-spacing:.04em}.rid span{background:var(--card);color:var(--ink);padding:5px 7px;letter-spacing:.06em}.rid.lg{font-size:22px;border-radius:10px;border-width:1.5px}.rid.lg b{padding:8px 10px}.rid.lg span{padding:8px 12px}.dark .rid{border-color:var(--lime)}.dark .rid span{background:var(--dark);color:var(--dark-ink)}.keypad{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px}.key{height:68px;border-radius:18px;border:1px solid var(--line);background:var(--card);font-family:var(--display);font-size:28px;font-weight:500}.key:active{background:var(--line-3)}.key.bare{border:none;background:transparent;display:grid;place-items:center}.dots{display:flex;gap:18px;padding:8px 0}.dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink)}.dot.on{background:var(--ink)}.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.mic-btn{width:216px;height:216px;border-radius:50%;border:none;background:var(--lime);box-shadow:0 0 0 14px var(--lime-soft),0 0 0 30px #dcf24b24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink);text-decoration:none}.mic-btn span{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.02em}.timer{font-family:var(--display);font-size:clamp(72px,24vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.bars{display:flex;align-items:center;gap:4px;height:72px}.bars div{flex:1 1 0;border-radius:3px;background:var(--lime);min-height:4px;transition:height .1s}.prompts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.prompts li button{width:100%;text-align:left;background:none;border:none;padding:6px 0;font-family:var(--display);font-size:23px;letter-spacing:-.02em;font-weight:500;color:var(--dark-ink)}.prompts li.past button{color:var(--ink-4)}.prompts li.now button{color:var(--lime)}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--rec)}.rec-dot.live{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumb{width:76px;height:76px;border-radius:14px;overflow:hidden;background:var(--dark-3);position:relative;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#111111b3;color:#fff;display:grid;place-items:center;padding:0}.add-photo{width:76px;height:76px;border-radius:14px;border:1.5px dashed var(--ink-4);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}.dark .add-photo{color:var(--dark-ink);border-color:#6e6d67}.card{background:var(--card);border:1px solid var(--line);border-radius:18px}.pad{padding:20px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line-3);font-size:14px}.list-row:first-child{border-top:none}.label-caps{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.shell{min-height:100dvh;display:flex;flex-wrap:wrap}.nav{flex:1 1 232px;max-width:100%;padding:24px 16px;display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--line)}.nav-dark{background:var(--dark);color:var(--dark-ink);border-right:none}.nav .links{display:flex;flex-direction:column;gap:2px}.nav .links a{padding:10px 12px;border-radius:10px;text-decoration:none;font-size:14px;color:var(--ink-2);border:1px solid transparent}.nav .links a.active{background:var(--card);font-weight:600;color:var(--ink);border-color:var(--line)}.nav-dark .links a{color:var(--dark-ink-2)}.nav-dark .links a.active{background:var(--dark-2);color:#fff;border-color:transparent}.nav .me{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:13px}.main{flex:999 1 560px;min-width:0;padding:32px 40px 48px;display:flex;flex-direction:column;gap:22px}@media(max-width:820px){.shell{flex-direction:column;flex-wrap:nowrap}.nav{flex:none;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;gap:12px;border-right:none;border-bottom:1px solid var(--line)}.nav .links{flex-direction:row;flex-wrap:wrap}.nav .grow,.nav .me{display:none}.main{padding:20px 16px 40px}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.h-page{font-size:40px;letter-spacing:-.035em;line-height:1}.crumb{font-size:13px;color:var(--ink-3)}.crumb a{color:var(--ink-3)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}.kpi .v{font-family:var(--display);font-size:38px;font-weight:600;letter-spacing:-.04em;line-height:1}.kpi .l{font-size:13px;color:var(--ink-3)}.kpi .d{font-size:13px;color:var(--ok);font-weight:600}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.wide{flex:2 1 520px;min-width:0}.split>.side{flex:1 1 320px;min-width:0}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;color:var(--ink-3);font-size:12px;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:11px 8px;border-bottom:1px solid var(--line-3);vertical-align:middle}table.t tr:last-child td{border-bottom:none}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:#fafaf7}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search{flex:1 1 220px;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--card)}.search input{flex:1;border:none;outline:none;background:transparent;font-size:15px;min-width:0}.seg{display:flex;gap:4px;padding:4px;background:#edebe5;border-radius:12px;flex-wrap:wrap}.seg button{min-height:36px;padding:0 14px;border-radius:9px;border:none;background:transparent;font-size:13px;color:var(--ink-2)}.seg button[aria-pressed=true]{background:var(--card);font-weight:600;color:var(--ink);box-shadow:0 1px 3px #0000000f}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 12px 40px #1111110f}.banner{background:var(--lime);border-radius:18px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.meter{height:10px;border-radius:5px;background:var(--line-3)}.meter div{height:10px;border-radius:5px;background:var(--ink)}.empty{padding:40px 20px;text-align:center;color:var(--ink-3);font-size:14px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;z-index:50;box-shadow:0 8px 30px #0003;max-width:calc(100vw - 32px)}.copybox{display:flex;align-items:center;gap:8px;background:var(--ground);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 12px;font-family:var(--mono);font-size:12px}.copybox span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--line-2);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{min-height:60dvh;display:grid;place-items:center}
