:root{--bg: #f5f5f5;--surface: #ffffff;--border: #e0e0e0;--text: #1a1a1a;--text-muted: #666;--text-hint: #999;--blue: #1a73e8;--blue-bg: #e8f0fe;--blue-text: #1557b0;--green: #188038;--green-bg: #e6f4ea;--green-text: #0d652d;--red: #c5221f;--red-bg: #fce8e6;--red-text: #a50e0e;--amber-bg: #fef7e0;--amber-text: #7a4f00;--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}input,button,select{font-family:inherit;font-size:16px}input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input[type=text]:focus{border-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;transition:background .1s}.btn:active{opacity:.8}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.danger{background:var(--red-bg);color:var(--red-text);border-color:transparent}.btn.ghost{border-color:transparent;background:transparent;color:var(--blue)}.btn:disabled{opacity:.4;cursor:not-allowed}.page{max-width:480px;margin:0 auto;padding:0 0 80px}.topbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px}.topbar h1{font-size:18px;font-weight:600;flex:1}.back-btn{font-size:22px;cursor:pointer;color:var(--blue);padding:2px 4px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}