:root{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-2: #242440;--color-primary: #6c63ff;--color-primary-light: #8b83ff;--color-accent: #00d4aa;--color-text: #e8e8f0;--color-text-secondary: #9a9ab0;--color-border: #2d2d4a;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}a{color:var(--color-primary-light);text-decoration:none}button{font-family:var(--font-body);font-size:1rem;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:12px 24px;font-weight:600;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}button:active{transform:scale(.97)}input{font-family:var(--font-body);font-size:1rem;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;min-height:44px}input:focus{outline:none;border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff}.btn-error{background:var(--color-error);color:#fff}.page{max-width:393px;margin:0 auto;padding:16px;padding-bottom:calc(80px + var(--safe-bottom));min-height:100dvh}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-header h1{font-size:24px;font-weight:700}.card{background:var(--color-surface);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:1px solid var(--color-border)}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-2) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;background:var(--color-surface-2);color:var(--color-text-secondary)}.chip-primary{background:var(--color-primary);color:#fff}.chip-success{background:#22c55e26;color:var(--color-success)}