:root{--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Nunito",sans-serif;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--text-lg:22px;--text-md:17px;--text-sm:14px;--transition:160ms ease}:root[data-theme=soft]{--accent:#e8a0a8;--accent-soft:#fbedef;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--btn-radius:999px;--btn-height:52px;--card-pad:20px;--title-weight:600;--body-weight:400;--letter-spacing:0.2px;--font-scale:1.04;--shadow-card:0 4px 16px rgba(232,160,168,.1);--shadow-btn:0 6px 16px rgba(232,160,168,.28)}:root[data-theme=fresh]{--accent:#5b8db8;--accent-soft:#eaf1f8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--btn-radius:14px;--btn-height:48px;--card-pad:16px;--title-weight:700;--body-weight:400;--letter-spacing:0;--font-scale:1;--shadow-card:0 2px 8px rgba(43,52,64,.06);--shadow-btn:0 4px 12px rgba(91,141,184,.24)}:root[data-theme=neutral]{--accent:#7a828c;--accent-soft:#eef0f2;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--btn-radius:16px;--btn-height:50px;--card-pad:18px;--title-weight:600;--body-weight:400;--letter-spacing:0;--font-scale:1;--shadow-card:0 2px 10px rgba(43,52,64,.06);--shadow-btn:0 4px 12px rgba(43,52,64,.18)}:root[data-mode=light]{--bg:#fbf7f4;--surface:#fff;--text:#3d3436;--text-secondary:#8c7f82;--border:#f0e6e4;--success:#8fbf9f;--warning:#e3b778;--danger:#b8515a;--on-primary:#3d3436}:root[data-theme=fresh][data-mode=light]{--bg:#f7f9fc;--text:#2b3440;--text-secondary:#6b7785;--border:#e3e9f0;--success:#5fa88a;--warning:#d9a441;--on-primary:#15222d}:root[data-theme=neutral][data-mode=light]{--bg:#f7f6f5;--text:#33383e;--text-secondary:#6d747c;--border:#e7e9eb;--on-primary:#fff}:root[data-mode=dark]{--bg:#1b191c;--surface:#262327;--text:#f2ecee;--text-secondary:#b4a8ac;--border:#393337;--accent-soft:#3a2b2f;--success:#8fbf9f;--warning:#e3b778;--danger:#ef9aa0;--on-primary:#1b191c;--shadow-card:0 4px 16px rgba(0,0,0,.28);--shadow-btn:0 6px 16px rgba(0,0,0,.32)}:root[data-theme=fresh][data-mode=dark]{--bg:#151a21;--surface:#202833;--text:#edf2f8;--text-secondary:#aebac8;--border:#303b49;--accent-soft:#25364a;--on-primary:#101820}:root[data-theme=neutral][data-mode=dark]{--bg:#1a1a1c;--surface:#242528;--text:#f0f1f2;--text-secondary:#b0b4b9;--border:#35373b;--accent-soft:#303236;--on-primary:#1a1a1c}:root[data-theme=soft][data-mode=dark]{--accent:#f0b7bd}:root[data-theme=fresh][data-mode=dark]{--accent:#8fb6dc}:root[data-theme=neutral][data-mode=dark]{--accent:#aeb6c0}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body,html{background:var(--bg)}body{color:var(--text);font-family:var(--font-sans);font-size:calc(var(--text-md) * var(--font-scale));font-weight:var(--body-weight);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;transition:background-color var(--transition),color var(--transition)}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.page{max-width:520px;margin:0 auto;min-height:100dvh;padding:var(--space-5) var(--space-4) calc(var(--space-5) * 2);display:flex;flex-direction:column;gap:var(--space-4)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-head,.page>p{padding-left:calc(var(--card-pad) + 1px)}h1{font-size:calc(var(--text-lg) * var(--font-scale))}h1,h2{font-weight:var(--title-weight);margin:0}h2{font-size:calc(var(--text-md) * var(--font-scale));line-height:1.4}p{margin:0;line-height:1.7}.hint,.muted{color:var(--text-secondary);font-size:var(--text-sm)}.stack{flex-direction:column;gap:var(--space-3)}.row,.stack{display:flex}.row{gap:var(--space-2);align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--card-pad);box-shadow:var(--shadow-card);gap:var(--space-3)}.card,.field{display:flex;flex-direction:column}.field{gap:var(--space-1)}.field label{font-size:var(--text-sm);color:var(--text-secondary)}.input{width:100%;height:var(--btn-height);padding:0 var(--space-3);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-secondary);opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;white-space:nowrap;min-height:var(--btn-height);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--btn-radius);background:var(--accent);color:var(--on-primary);font-weight:var(--title-weight);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--transition),filter var(--transition),background-color var(--transition)}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(.97)}.btn.ghost{color:var(--text)}.btn.danger,.btn.ghost{background:transparent;border-color:var(--border);box-shadow:none}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:default}.btn-block{width:100%}.seg-row{display:flex;flex-direction:column;gap:var(--space-1)}.seg-label{font-size:var(--text-sm);color:var(--text-secondary)}.seg{display:flex;gap:var(--space-1);background:var(--accent-soft);padding:4px;border-radius:var(--radius-sm)}.seg-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:0 var(--space-1);min-height:38px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.seg-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.toggle-block{display:flex;flex-direction:column;gap:var(--space-3)}.error{color:var(--danger);font-size:var(--text-sm);min-height:1.2em}.error:empty{display:none}.checkbox-row{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-row input{accent-color:var(--accent);margin:0}