@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--ink: #0b0d12;--ink-2: #12151d;--bone: #ede8df;--bone-dim: #9ba0aa;--lacre: #b3122f;--lacre-glow: rgba(179, 18, 47, .35);--brass: #c89b5a;--line: #232838;--radius: 14px;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{min-height:100%;max-width:560px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:baseline;gap:10px;padding-top:8px}.brand h1{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.06em;text-transform:uppercase}.brand .tagline{color:var(--bone-dim);font-size:13px}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h2{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:12px}label{display:block;font-size:13px;color:var(--bone-dim);margin-bottom:6px}input[type=email]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--ink);color:var(--bone);font:inherit}input[type=email]:focus{outline:2px solid var(--brass);outline-offset:1px}button.primary{margin-top:14px;width:100%;padding:13px;border:none;border-radius:10px;background:var(--lacre);color:var(--bone);font:600 15px var(--font-display);letter-spacing:.03em;cursor:pointer}button.primary:disabled{opacity:.55;cursor:default}button.primary:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.hint{margin-top:10px;font-size:13px;color:var(--bone-dim)}.hint.ok{color:var(--brass)}.seal-wrap{display:grid;place-items:center;padding:8px 0 4px}.seal{width:112px;height:112px;border-radius:50%;border:none;background:radial-gradient(circle at 32% 28%,#d43b55,var(--lacre) 58%,#7c0c20);box-shadow:0 0 0 6px var(--ink-2),0 0 0 7px var(--line),0 10px 34px var(--lacre-glow);color:var(--bone);font:700 15px var(--font-display);letter-spacing:.14em;cursor:pointer}.seal:disabled{filter:saturate(.35) brightness(.8);cursor:default}.seal-note{margin-top:12px;text-align:center;font-size:13px;color:var(--bone-dim)}.rec-list{list-style:none;display:flex;flex-direction:column;gap:10px}.rec-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--ink)}.rec-item .title{font-weight:500}.rec-item .meta{font-size:12px;color:var(--bone-dim)}.status{align-self:center;font:600 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);white-space:nowrap}.status.synced{color:#6fbf8b}.status.failed{color:var(--lacre)}.empty{color:var(--bone-dim);font-size:14px}.signout{align-self:center;background:none;border:none;color:var(--bone-dim);font:500 13px var(--font-body);text-decoration:underline;cursor:pointer}@media (prefers-reduced-motion: no-preference){.seal{transition:transform .15s ease}.seal:not(:disabled):active{transform:scale(.96)}}.brand .gear{margin-left:auto;color:var(--bone-dim);text-decoration:none;font-size:20px;align-self:center}@keyframes seal-pulse{0%{box-shadow:0 0 0 6px var(--ink-2),0 0 0 7px var(--line),0 0 0 0 var(--lacre-glow)}70%{box-shadow:0 0 0 6px var(--ink-2),0 0 0 7px var(--line),0 0 0 26px #b3122f00}to{box-shadow:0 0 0 6px var(--ink-2),0 0 0 7px var(--line),0 0 #b3122f00}}@media (prefers-reduced-motion: no-preference){.seal.recording{animation:seal-pulse 1.6s ease-out infinite}}.timer{margin-top:16px;font:600 40px var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums}.levelbar{margin-top:10px;width:min(240px,70%);height:6px;border-radius:3px;background:var(--ink);border:1px solid var(--line);overflow:hidden}.levelbar-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--lacre));transition:width .12s linear}select,input[type=text],input[type=number]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--ink);color:var(--bone);font:inherit}select:focus,input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:2px solid var(--brass);outline-offset:1px}textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--ink);color:var(--bone);font:400 14px/1.5 var(--font-body);resize:vertical}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-secondary{padding:12px 16px;border-radius:10px;border:1px solid var(--line);background:var(--ink-2);color:var(--bone);font:600 14px var(--font-display);cursor:pointer}.btn-secondary:disabled{opacity:.5;cursor:default}.btn-ghost{background:none;border:none;color:var(--bone-dim);font:500 13px var(--font-body);cursor:pointer;padding:4px 6px}.banner{border-color:var(--brass)}.meta{font-size:13px;color:var(--bone-dim)}.stages{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding:0}.stages li{font:600 11px var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--bone-dim)}.stages li.done{color:var(--brass);border-color:var(--brass)}.stages li.active{color:var(--bone);border-color:var(--lacre);background:#b3122f29}.editor{display:flex;flex-direction:column;gap:14px;margin-top:8px}.editor-sec label{margin-bottom:6px}.ai-list{display:flex;flex-direction:column;gap:8px}.ai-row{display:grid;grid-template-columns:1fr;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--ink)}.ai-row input{padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--ink-2);color:var(--bone);font:400 14px var(--font-body)}.ai-row .btn-ghost{justify-self:end}.segments{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto}.seg{display:flex;gap:10px;text-align:left;background:none;border:none;color:var(--bone);font:400 14px/1.5 var(--font-body);padding:6px 4px;border-radius:8px;cursor:pointer}.seg:hover{background:var(--ink)}.seg-t{color:var(--brass);font:600 12px var(--font-display);min-width:44px;font-variant-numeric:tabular-nums}.check{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--bone)}.check input{width:18px;height:18px;accent-color:var(--lacre)}.rec-list button.rec-item{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
