:root{--font-body:20px;--font-label:20px;--font-title:26px;--font-number:32px;--font-number-big:40px;--tap-height:64px;--tap-gap:16px;--color-bg:#f5f5f3;--color-card-bg:#fff;--color-text:#1a1a1a;--color-text-secondary:#555;--color-border:#ddd;--color-primary:#2f7d32;--color-primary-dark:#245f26;--color-danger:#c62828;--color-danger-bg:#fdecea;--color-muted:#8a8a8a;--color-link:#1a5fb4;--radius:16px;--page-padding:20px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-body);-webkit-text-size-adjust:100%;margin:0;padding:0;line-height:1.6}#app{min-height:100vh}button{font-family:inherit}.page{min-height:100vh;padding:var(--page-padding);padding-bottom:48px}.back-bar{margin-bottom:20px}.back-button{min-height:var(--tap-height);min-width:88px;font-size:var(--font-label);color:var(--color-text);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.page-title{font-size:var(--font-title);margin:0 0 20px;font-weight:700}.btn-primary{width:100%;min-height:var(--tap-height);font-size:var(--font-title);color:#fff;background:var(--color-primary);border-radius:var(--radius);cursor:pointer;border:none;font-weight:700;display:block}.btn-primary:active{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-muted);cursor:not-allowed}.btn-danger{width:100%;min-height:var(--tap-height);font-size:var(--font-title);color:#fff;background:var(--color-danger);border-radius:var(--radius);cursor:pointer;border:none;font-weight:700;display:block}.link-button{min-height:var(--tap-height);font-size:var(--font-label);color:var(--color-link);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 4px;text-decoration:underline;display:inline-flex}.link-button.danger{color:var(--color-danger)}.field{margin-bottom:24px}.field-label{font-size:var(--font-label);color:var(--color-text);margin-bottom:10px;display:block}.field-input{width:100%;min-height:var(--tap-height);font-size:var(--font-body);border:2px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:12px;padding:0 16px;display:block}.field-input:focus{border-color:var(--color-primary);outline:none}.field-hint{color:var(--color-text-secondary);margin-top:8px;font-size:18px}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--tap-gap);padding:20px}.card-clickable{cursor:pointer}.card-clickable:active{background:#f0f0ee}.stack>*+*{margin-top:var(--tap-gap)}.center-text{text-align:center}.message-box{border-radius:var(--radius);font-size:var(--font-body);margin-bottom:20px;padding:20px}.message-error{background:var(--color-danger-bg);color:var(--color-danger)}.message-loading{color:var(--color-text-secondary)}.checkbox-row{min-height:var(--tap-height);font-size:var(--font-label);align-items:center;gap:10px;display:flex}.checkbox-row input[type=checkbox]{width:28px;height:28px}