.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-logo{font-size:18px;font-weight:600;color:var(--color-text);text-decoration:none}.header-nav{display:flex;align-items:center;gap:16px}.header-link{font-size:14px;color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit}.header-link:hover{color:var(--color-text)}.header-cta{background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:8px;font-weight:500}.header-cta:hover{background:var(--color-primary-hover);color:#fff}.header-button{padding:0;font-size:14px}.app-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;background:var(--color-surface);border-radius:16px;text-decoration:none;box-shadow:0 1px 3px var(--color-card-shadow);transition:transform .15s,box-shadow .15s;cursor:pointer;border:none;width:100%;position:relative}.app-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px var(--color-card-shadow-hover)}.app-card-icon{width:96px;height:96px;border-radius:20px;margin-bottom:12px}.app-card-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.app-card-name{font-size:15px;font-weight:600;color:var(--color-text);line-height:1.3}.app-card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.landing{max-width:800px;margin:0 auto;padding:24px}.landing-hero{text-align:center;padding:48px 0}.landing-hero h1{font-size:32px;font-weight:700;color:var(--color-text);margin-bottom:12px}.landing-hero p{font-size:16px;color:var(--color-text-muted);max-width:500px;margin:0 auto 24px;line-height:1.5}.landing-cta{display:flex;gap:12px;justify-content:center}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.landing-apps{padding:32px 0}.landing-apps h2{font-size:22px;font-weight:600;color:var(--color-text);margin-bottom:16px}.landing-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:600px){.landing-apps-grid{grid-template-columns:1fr}}.landing-status{color:var(--color-text-muted);font-size:14px;text-align:center;padding:24px 0}.landing-error{text-align:center;padding:24px;background:var(--color-error-bg);border-radius:12px}.landing-error p{color:var(--color-error);font-size:14px;margin-bottom:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.auth-form-container{display:flex;justify-content:center;padding:48px 24px}.auth-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.auth-form h2{font-size:24px;font-weight:600;text-align:center;margin-bottom:8px;color:var(--color-text)}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;color:var(--color-text)}.auth-form input{padding:10px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:15px;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.auth-submit{width:100%;padding:12px;font-size:15px}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:13px;position:relative}.auth-divider span{background:var(--color-bg);padding:0 12px;position:relative;z-index:1}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--color-border)}.auth-google{width:100%;padding:12px}.auth-apple{width:100%;padding:12px;background:var(--color-apple-bg);color:var(--color-apple-text);border:1px solid var(--color-apple-bg)}.auth-apple:hover{background:var(--color-apple-bg-hover)}.auth-error{background:var(--color-error-bg);color:var(--color-error);padding:10px 12px;border-radius:8px;font-size:14px}.auth-forgot-link{font-size:13px;color:var(--color-primary);text-align:right;text-decoration:none;margin-top:-8px}.auth-forgot-link:hover{text-decoration:underline}.auth-success{background:var(--color-success-bg);color:var(--color-success-text);padding:10px 12px;border-radius:8px;font-size:14px}.auth-back-link{text-align:center;font-size:14px;color:var(--color-primary);text-decoration:none}.auth-back-link:hover{text-decoration:underline}.account{max-width:700px;margin:0 auto;padding:32px 24px}.account h1{font-size:28px;font-weight:700;margin-bottom:32px;color:var(--color-text)}.account-section{margin-bottom:32px}.account-section h2{font-size:18px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.account-empty{color:var(--color-text-muted);font-size:14px}.account-loading{text-align:center;padding:48px;color:var(--color-text-muted)}.account-error{text-align:center;padding:24px;background:var(--color-error-bg);border-radius:12px}.account-error p{color:var(--color-error);font-size:14px;margin-bottom:12px}.profile-field{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-label{font-size:14px;font-weight:500;color:var(--color-text-muted);min-width:60px}.profile-value{font-size:14px;color:var(--color-text)}.profile-success{font-size:14px;color:var(--color-success)}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:14px;font-weight:500;color:var(--color-text)}.toggle-desc{font-size:12px;color:var(--color-text-muted)}.toggle{width:44px;height:24px;border-radius:12px;background:var(--color-toggle-off);border:none;cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0;transition:background .2s}.toggle-on{background:var(--color-primary)}.toggle-thumb{width:20px;height:20px;border-radius:10px;background:#fff;transition:transform .2s}.toggle-thumb-on{transform:translate(20px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.all-access-card{padding:20px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.all-access-card p{font-size:14px;color:var(--color-text-muted);margin-bottom:12px;line-height:1.5}.all-access-price{font-size:20px;font-weight:700;color:var(--color-primary);margin-bottom:12px}.all-access-active{border-color:var(--color-success);background:var(--color-success-bg)}.all-access-active p{color:var(--color-success-text)}.sessions-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--color-text)}.sessions-table th{text-align:left;font-weight:500;color:var(--color-text-muted);padding:8px;border-bottom:1px solid var(--color-border)}.sessions-table td{padding:8px;border-bottom:1px solid var(--color-surface-alt)}.account-danger h2{color:var(--color-error);border-bottom-color:var(--color-error-border)}.danger-desc{font-size:14px;color:var(--color-text-muted);margin-bottom:16px}.danger-confirm p{font-size:14px;color:var(--color-error);font-weight:500;margin-bottom:12px}.danger-buttons{display:flex;gap:8px}.btn-danger{background:var(--color-error);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;font-family:inherit}.btn-danger:hover{background:var(--color-error-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:transparent;color:var(--color-error);border:1px solid var(--color-error);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.btn-danger-outline:hover{background:var(--color-error-bg)}.account-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.account-banner-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.account-banner-canceled{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.account-banner-close{background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;color:inherit;padding:0 4px}:root{color-scheme:light;--color-bg: #f9fafb;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-footer-text: #888888;--color-footer-text-hover: #555555;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-text: #166534;--color-input-border: #d1d5db;--color-input-focus-ring: rgba(37, 99, 235, .1);--color-card-shadow: rgba(0, 0, 0, .08);--color-card-shadow-hover: rgba(0, 0, 0, .12);--color-toggle-off: #d1d5db;--color-apple-bg: #000000;--color-apple-bg-hover: #1a1a1a;--color-apple-text: #ffffff}[data-theme=dark]{color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #334155;--color-text: #f1f5f9;--color-text-muted: #cbd5e1;--color-border: #334155;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-footer-text: #94a3b8;--color-footer-text-hover: #cbd5e1;--color-error: #f87171;--color-error-hover: #fca5a5;--color-error-bg: #3f1d1d;--color-error-border: #7f1d1d;--color-success: #4ade80;--color-success-bg: #14352a;--color-success-text: #bbf7d0;--color-input-border: #475569;--color-input-focus-ring: rgba(96, 165, 250, .2);--color-card-shadow: rgba(0, 0, 0, .4);--color-card-shadow-hover: rgba(0, 0, 0, .55);--color-toggle-off: #475569;--color-apple-bg: #f1f5f9;--color-apple-bg-hover: #cbd5e1;--color-apple-text: #0f172a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #334155;--color-text: #f1f5f9;--color-text-muted: #cbd5e1;--color-border: #334155;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-footer-text: #94a3b8;--color-footer-text-hover: #cbd5e1;--color-error: #f87171;--color-error-hover: #fca5a5;--color-error-bg: #3f1d1d;--color-error-border: #7f1d1d;--color-success: #4ade80;--color-success-bg: #14352a;--color-success-text: #bbf7d0;--color-input-border: #475569;--color-input-focus-ring: rgba(96, 165, 250, .2);--color-card-shadow: rgba(0, 0, 0, .4);--color-card-shadow-hover: rgba(0, 0, 0, .55);--color-toggle-off: #475569;--color-apple-bg: #f1f5f9;--color-apple-bg-hover: #cbd5e1;--color-apple-text: #0f172a}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}.app-footer{text-align:center;padding:32px 24px;margin-top:48px;font-size:12px;color:var(--color-footer-text)}.app-footer p{margin:4px 0}.app-footer a{color:var(--color-footer-text);text-decoration:underline}.app-footer a:hover{color:var(--color-footer-text-hover)}