:root{--bg:#eff1ea;--surface:#fff;--border:#dbdecf;--ink:#20261f;--muted:#707868;--fixe:#35563f;--variable:#8a6a2f;--ok:#3e7a52;--warn:#c9a227;--danger:#b0432f}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#181c16;--surface:#21261f;--border:#333a2f;--ink:#eceee6;--muted:#98a08e;--fixe:#6fae82;--variable:#d4af5a;--ok:#6fae82;--warn:#e0bb4c;--danger:#e2705a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{height:100%;overflow:hidden}#root{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.page{max-width:560px;min-height:100%;padding:16px 16px 40px;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(40px, env(safe-area-inset-bottom));margin:0 auto}body:before{content:"";height:env(safe-area-inset-top);background:var(--bg);z-index:40;position:fixed;top:0;left:0;right:0}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600}button{color:inherit;font-family:inherit}.btn-primary{background:var(--fixe);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:11px 16px;font-size:14.5px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px}.env-add-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--fixe);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.env-add-btn:after{content:"";position:absolute;inset:-8px}.env-add-btn:active{background:var(--bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.input,select.input,textarea.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:9px 10px;font-family:inherit;font-size:16px}.progress-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .25s}.tabbar{background:var(--bg);border-top:1px solid var(--border);gap:6px;margin-top:18px;padding-top:10px;display:flex;position:sticky;bottom:0}.tabbar button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px;font-size:13px}.tabbar button.active{background:var(--surface);color:var(--fixe);border:1px solid var(--border);font-weight:600}.toast{top:max(12px, env(safe-area-inset-top));z-index:100;background:var(--surface);width:calc(100% - 32px);max-width:528px;color:var(--ink);border:1px solid var(--danger);border-left:5px solid var(--danger);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.toast.toast-info{border-color:var(--ok);border-left-color:var(--ok)}.form-error{color:var(--danger);margin:0 0 10px;font-size:13px;line-height:1.4}.demo-banner{background:var(--surface);border:1px dashed var(--warn);color:var(--ink);text-align:center;border-radius:10px;margin-bottom:12px;padding:8px 12px;font-size:12.5px;line-height:1.4}