:root{--ink-0:#07080b;--ink-1:#111318;--ink-2:#191c22;--ink-3:#22262e;--ink-fg:#f7f8fb;--ink-fg-2:#a9b0bd;--muted:#6d7480;--acc:#31d158;--acc-deep:#17983a;--spark:#ff6a1a;--line:rgba(255,255,255,.07);--radius:12px;--safe-bottom:env(safe-area-inset-bottom)}
*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--ink-0);color:var(--ink-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;max-width:480px;margin:0 auto;background:var(--ink-1);display:flex;flex-direction:column;position:relative;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;min-height:100%;}.scroll{flex:1;overflow:auto;padding:22px 16px 18px}.top{padding:22px 16px 10px}.title{font-weight:800;font-size:22px;line-height:1.12;letter-spacing:-.02em;margin:0 0 6px}.sub{font-size:13.5px;line-height:1.45;color:var(--ink-fg-2);margin:0}.eyebrow{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.eyebrow.acc{color:var(--acc)}.card{background:var(--ink-2);border-radius:var(--radius);overflow:hidden}.row{min-height:58px;padding:12px 13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);cursor:pointer}.row:last-child{border-bottom:0}.row:active{background:rgba(255,255,255,.04)}.avatar{width:42px;height:42px;border-radius:50%;background:#0c0c0e;color:var(--acc);display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-weight:800;font-size:18px;flex:none}.main{min-width:0;flex:1}.name{font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12.5px;color:var(--ink-fg-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{color:var(--muted);font-size:22px}.empty{flex:1;display:grid;place-items:center;color:var(--ink-fg-2);font-size:15px;padding:80px 0}.search{display:flex;align-items:center;gap:9px;background:var(--ink-2);border-radius:10px;padding:12px 13px;margin-top:16px}.search input{flex:1;background:transparent;border:0;color:var(--ink-fg);font-size:15px;outline:0}.search input::placeholder{color:var(--muted)}.add-row{color:var(--acc);font-weight:700}.plus{width:26px;height:26px;border-radius:50%;background:rgba(49,209,88,.14);display:grid;place-items:center;color:var(--acc);font-size:22px;line-height:1}.menu{padding:0 16px calc(16px + var(--safe-bottom));background:linear-gradient(to top,var(--ink-1) 82%,rgba(17,19,24,0));}.menu .card{box-shadow:0 -12px 28px rgba(0,0,0,.16)}.icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--acc);background:rgba(49,209,88,.11);font-size:16px}.btn{width:100%;height:52px;border:0;border-radius:8px;background:var(--acc);color:white;font-weight:800;font-size:15px;box-shadow:0 2px 0 var(--acc-deep);transition:.12s cubic-bezier(.2,.7,.2,1);cursor:pointer}.btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--acc-deep)}.footer{padding:10px 16px calc(16px + var(--safe-bottom));}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:calc(100vh - 86px);padding:34px 20px}.logo{width:88px;height:88px;border-radius:50%;object-fit:cover;margin-bottom:22px}.welcome h1{font-size:24px;line-height:1.12;margin:0 0 10px;font-weight:800;letter-spacing:-.01em}.welcome p{max-width:310px;color:var(--ink-fg-2);font-size:15px;line-height:1.5;margin:0 0 18px}.flag{width:36px;height:26px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}.flag.ru{background:linear-gradient(#fff 0 33%,#1f57d6 33% 66%,#d52b1e 66%)}.flag.en{background:#123b7a;position:relative}.flag.en:before{content:"";position:absolute;inset:0;background:linear-gradient(33deg,transparent 43%,#fff 43% 50%,#c8102e 50% 55%,#fff 55% 62%,transparent 62%),linear-gradient(-33deg,transparent 43%,#fff 43% 50%,#c8102e 50% 55%,#fff 55% 62%,transparent 62%),linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),linear-gradient(0deg,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(90deg,transparent 46%,#c8102e 46% 54%,transparent 54%),linear-gradient(0deg,transparent 44%,#c8102e 44% 56%,transparent 56%)}.check{color:var(--acc);font-weight:800}.form-group{margin-bottom:18px}.field{background:var(--ink-2);border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center;border:1px solid transparent}.field.err{border-color:rgba(255,106,26,.5)}.field input{flex:1;background:transparent;border:0;outline:0;color:var(--ink-fg);font-size:15px}.hint{font-size:12.5px;color:var(--ink-fg-2);line-height:1.4;margin:7px 0 0}.error{font-size:12.5px;color:var(--spark);margin-top:7px}.toggle{width:42px;height:25px;border-radius:999px;background:#3a3d44;padding:3px;flex:none;transition:.15s}.toggle span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.15s cubic-bezier(.2,.7,.2,1)}.toggle.on{background:var(--acc)}.toggle.on span{transform:translateX(17px)}.section-title{font-family:"JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-size:12px;font-weight:700;margin:18px 0 9px}.danger{background:rgba(255,106,26,.06);color:var(--spark);border:1px solid rgba(255,106,26,.4);box-shadow:none}.small-btn{border:0;background:transparent;color:var(--acc);font-weight:700;font-size:13px;padding:6px}.sheet-mask{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;padding:16px}.sheet{background:var(--ink-1);border-radius:18px;width:100%;padding:18px}.sheet h3{margin:0 0 8px;font-size:20px}.sheet p{margin:0 0 16px;color:var(--ink-fg-2);font-size:14px;line-height:1.45}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn.neutral{background:var(--ink-2);box-shadow:none}.paused .name,.paused .avatar{color:var(--muted)}.plane{width:20px;height:20px;opacity:.6}.hidden{display:none!important}