*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-base);line-height:1.5}h1{font-size:var(--font-title);margin:0 0 var(--space-sm)}.page{max-width:420px;padding:var(--space-xl) var(--space-md);margin:0 auto}.muted{color:var(--color-textMuted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg)}label{margin:var(--space-md) 0 var(--space-xs);font-weight:600;display:block}input{width:100%;min-height:var(--tap-target);padding:0 var(--space-md);font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius)}button{width:100%;min-height:var(--tap-target);margin-top:var(--space-lg);font:inherit;color:var(--color-primaryText);background:var(--color-primary);border-radius:var(--radius);cursor:pointer;border:none;font-weight:600}button:disabled{opacity:.6;cursor:default}.error{color:var(--color-fail);margin-top:var(--space-md);font-weight:600}h2{font-size:var(--font-large);margin:0 0 var(--space-sm)}