:root{--ios-bg: #F2F2F7;--ios-bg-secondary: #FFFFFF;--ios-card: #FFFFFF;--ios-text: #000000;--ios-text-secondary: #3C3C43;--ios-text-tertiary: #8E8E93;--ios-separator: rgba(60, 60, 67, .12);--ios-fill: rgba(120, 120, 128, .12);--ios-fill-secondary: rgba(120, 120, 128, .16);--ios-blue: #007AFF;--ios-green: #34C759;--ios-red: #FF3B30;--ios-orange: #FF9500;--ios-yellow: #FFCC00;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--ios-bg: #000000;--ios-bg-secondary: #1C1C1E;--ios-card: #1C1C1E;--ios-text: #FFFFFF;--ios-text-secondary: #EBEBF5;--ios-text-tertiary: #8E8E93;--ios-separator: rgba(84, 84, 88, .65);--ios-fill: rgba(120, 120, 128, .32);--ios-fill-secondary: rgba(120, 120, 128, .4);--ios-blue: #0A84FF;--ios-green: #30D158;--ios-red: #FF453A;--ios-orange: #FF9F0A;--ios-yellow: #FFD60A;--shadow-card: 0 1px 0 rgba(255, 255, 255, .05);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--ios-bg);color:var(--ios-text);line-height:1.47;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}.text-large-title{font-size:34px;font-weight:700;letter-spacing:.37px;line-height:1.2}.text-title-1{font-size:28px;font-weight:700;letter-spacing:.36px;line-height:1.21}.text-title-2{font-size:22px;font-weight:700;letter-spacing:.35px;line-height:1.27}.text-title-3{font-size:20px;font-weight:600;letter-spacing:.38px;line-height:1.25}.text-headline{font-size:17px;font-weight:600;letter-spacing:-.41px;line-height:1.29}.text-body{font-size:17px;font-weight:400;letter-spacing:-.41px;line-height:1.29}.text-callout{font-size:16px;font-weight:400;letter-spacing:-.31px;line-height:1.31}.text-subheadline{font-size:15px;font-weight:400;letter-spacing:-.23px;line-height:1.33}.text-footnote{font-size:13px;font-weight:400;letter-spacing:-.08px;line-height:1.38}.text-caption-1{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.33}.text-caption-2{font-size:11px;font-weight:400;letter-spacing:.07px;line-height:1.18}.text-secondary{color:var(--ios-text-secondary)}.text-tertiary{color:var(--ios-text-tertiary)}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:16px;padding-top:calc(16px + var(--safe-area-top));padding-bottom:calc(16px + var(--safe-area-bottom));width:100%;max-width:500px;margin:0 auto}@media (min-width: 768px){.screen{padding:24px;padding-top:calc(24px + var(--safe-area-top));padding-bottom:calc(24px + var(--safe-area-bottom))}}.ios-card{background-color:var(--ios-card);border-radius:16px;padding:20px;box-shadow:var(--shadow-card)}.ios-button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ios-blue);color:#fff;font-size:17px;font-weight:600;letter-spacing:-.41px;padding:14px 20px;border-radius:14px;border:none;cursor:pointer;transition:opacity .15s ease,transform .1s ease;width:100%;min-height:50px;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ios-button:active{opacity:.7;transform:scale(.98)}.ios-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.ios-button-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ios-fill);color:var(--ios-blue);font-size:17px;font-weight:600;letter-spacing:-.41px;padding:14px 20px;border-radius:14px;border:none;cursor:pointer;transition:background-color .15s ease,transform .1s ease;width:100%;min-height:50px;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ios-button-secondary:active{background-color:var(--ios-fill-secondary);transform:scale(.98)}.ios-link-button{background:none;border:none;color:var(--ios-blue);font-size:17px;font-weight:400;letter-spacing:-.41px;cursor:pointer;padding:8px 0;-webkit-tap-highlight-color:transparent}.ios-link-button:active{opacity:.6}.spinner{width:28px;height:28px;border:3px solid var(--ios-fill);border-radius:50%;border-top-color:var(--ios-blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}