:root{--bg:#0f1115;--panel:#171a21;--line:#262b35;--text:#e7e9ee;--muted:#8b93a3;--accent:#e07d45;--green:#32cf75;--green-press:#28b061;--on-green:#07130c;--tabbg:#0f1115eb}@media (prefers-color-scheme:light){:root{--bg:#f5f6f9;--panel:#fff;--line:#e3e6ec;--text:#16181d;--muted:#667085;--green:#23b863;--green-press:#1da257;--on-green:#fff;--tabbg:#f5f6f9eb}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.screen{padding-bottom:calc(76px + env(safe-area-inset-bottom));flex:1}.pad{padding:1.25rem 1.1rem 0}.head{margin:.5rem 0 1.1rem}h1{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.55rem}.lede{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.1rem}.tabs{background:var(--tabbg);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:.45rem .75rem calc(.45rem + env(safe-area-inset-bottom));justify-content:center;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:140px;color:var(--muted);letter-spacing:.02em;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.4rem .5rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.tab.active{color:var(--green)}.tabicon svg{width:23px;height:23px;display:block}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.95rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.btn.primary{background:var(--green);color:var(--on-green)}.btn.primary:active{background:var(--green-press)}.btn.primary:disabled{background:var(--line);color:var(--muted);cursor:default}.btn.ghost{color:var(--green);border:1px solid var(--line);background:0 0;margin-top:.9rem}.btn svg{flex:none;width:20px;height:20px}.calltim{padding:1.1rem 1rem;font-size:1.1rem}.askbox{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:12px;min-height:120px;padding:.85rem;font-size:1rem;line-height:1.5}.askbox:focus{outline:2px solid var(--green);outline-offset:-1px}.askbox::placeholder{color:var(--muted);opacity:.75}.attachrow{gap:.5rem;margin:.75rem 0 1rem;display:flex}.attach{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .4rem;font-size:.8rem;font-weight:600;display:flex}.attach:disabled{opacity:.45}.attach svg{width:16px;height:16px}.notice{text-align:left}.noticetitle{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.noticebody{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.center{text-align:center;margin-top:.85rem}.steps{flex-wrap:nowrap;align-items:center;gap:.35rem;margin-bottom:1rem;display:flex}.step{letter-spacing:.02em;color:var(--muted);background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:700}.step.done{color:var(--on-green);background:var(--green);border-color:var(--green)}.steprail{background:var(--line);flex:1;min-width:6px;height:1px}.login{padding-top:3.5rem}.loginlogo{justify-content:center;margin-bottom:.75rem;display:flex}.loginlogo svg{width:64px;height:64px}.head.center{text-align:center}.emailbox{min-height:auto;margin-bottom:.9rem}.small{margin-top:.85rem;font-size:.8rem}.warn{color:var(--accent);margin-bottom:.85rem}
