@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0d0e10;--s:#16171a;--s2:#1e2024;--b:#2b2d33;--a:#c5c9d0;--at:#101114;--t:#ecebe7;--m:#8c8f96}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--t);font:15px/1.5 Inter,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100vh;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}
#app{max-width:600px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(96px + env(safe-area-inset-bottom))}
h1{font:500 32px Fraunces,Georgia,serif;letter-spacing:-.01em;margin:10px 0 6px}h2{font-size:11px;margin:0 0 12px;color:var(--m);font-weight:600;text-transform:uppercase;letter-spacing:.12em}p{margin:6px 0}.m{color:var(--m);font-size:14px}
.card{background:var(--s);border:1px solid var(--b);border-radius:18px;padding:18px;margin:12px 0;animation:up .3s ease both}@keyframes up{from{opacity:0;transform:translateY(8px)}}
.hero{background:var(--s2);border-left:3px solid var(--a)}.big{font:500 36px Fraunces,Georgia,serif;letter-spacing:-.01em}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--b);background:transparent;color:var(--t);border-radius:10px;padding:9px 13px;font:500 14px Inter,sans-serif;cursor:pointer;transition:.15s}.chip.on{background:var(--a);color:var(--at);border-color:var(--a);font-weight:600}.chip.s{cursor:default;padding:6px 11px;font-size:13px}
.btn{border:0;border-radius:14px;padding:15px 18px;font:600 16px Inter,sans-serif;color:var(--at);background:var(--a);width:100%;cursor:pointer;margin-top:10px;transition:.15s}.btn:active{transform:scale(.98);opacity:.9}.btn:disabled{opacity:.5}.btn.g{background:var(--s2);color:var(--t);border:1px solid var(--b)}.btn.r{background:transparent;color:#e2796d;border:1px solid #4a2a27}.btn.sm{width:auto;padding:9px 14px;font-size:14px;margin:4px 6px 0 0}
input,textarea,select{width:100%;background:var(--s2);border:1px solid var(--b);border-radius:12px;color:var(--t);padding:13px 14px;font:inherit;margin:4px 0 10px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--a)}input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:var(--a)}input[type=range]{padding:0;accent-color:var(--a);background:none;border:0}select option{background:#1e2024}
label{font-size:13px;color:var(--m);display:block}.row{display:flex;gap:10px}.row>*{flex:1}.chk{display:flex;gap:12px;align-items:flex-start;margin:10px 0;font-size:15px;color:var(--t)}
.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:rgba(13,14,16,.97);border-top:1px solid var(--b);z-index:5}.tabs button{flex:1;max-width:110px;background:none;border:0;color:var(--m);font:500 11px Inter,sans-serif;padding:4px 2px}.tabs svg{width:24px;height:24px;display:block;margin:0 auto 3px}.tabs button.on{color:var(--a)}.tabs b{font-weight:400}
.bar{height:6px;border-radius:6px;background:var(--s2);overflow:hidden;margin:4px 0 12px}.bar i{display:block;height:100%;background:var(--a);border-radius:6px}.st{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600}.st.pending{background:#3a3115;color:#e6c25c}.st.accepted{background:#16301f;color:#6fcf97}.st.accepted_changed{background:#1b2d3a;color:#7fb7d9}.st.rejected{background:#3a1c1a;color:#e2796d}
.ins{border-left:2px solid var(--a);padding:2px 0 2px 12px;margin:14px 0}.ins small{display:block;color:var(--m)}.contract{white-space:pre-wrap;max-height:260px;overflow:auto;background:var(--s2);border:1px solid var(--b);border-radius:12px;padding:14px;font-size:14px}
.seg{display:flex;background:var(--s);border:1px solid var(--b);border-radius:12px;padding:3px;margin-bottom:12px}.seg button{flex:1;border:0;background:none;color:var(--m);padding:10px;border-radius:9px;font:500 15px Inter,sans-serif}.seg button.on{background:var(--a);color:var(--at);font-weight:600}
.lg{padding-top:14vh}.logo{margin-bottom:18px;line-height:0}
#toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translate(-50%,-100px);background:var(--t);color:#111;padding:12px 18px;border-radius:12px;font-weight:600;transition:.3s;z-index:9;max-width:90%}#toast.on{transform:translate(-50%,0)}.steps{display:flex;gap:6px;margin:10px 0}.steps i{flex:1;height:3px;border-radius:3px;background:var(--b)}.steps i.on{background:var(--a)}.x{text-decoration:line-through;opacity:.55}