:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-background: #ffffff;--color-surface: #f8fafc;--color-surface-elevated: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-success: #22c55e;--color-danger: #ef4444;--radius-card: 12px;--radius-button: 8px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--safe-area-bottom: env(safe-area-inset-bottom, 0)}*{box-sizing:border-box}html{margin:0;padding:0;height:100%;min-height:-webkit-fill-available}body{margin:0;padding:0;height:100%;min-height:-webkit-fill-available;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;position:fixed;width:100%;inset:0}.app-content{max-width:430px;margin:0 auto;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px;padding-bottom:calc(72px + var(--safe-area-bottom))}.card{background:var(--color-surface-elevated);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-button);padding:10px 20px;font-size:1rem;font-weight:500;cursor:pointer}.btn-primary:hover{background:var(--color-primary-hover)}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .2s ease}.progress-bar-fill.complete{background:var(--color-success)}