@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;--brand-50: #fff7ed;--brand-100: #ffedd5;--brand-200: #fed7aa;--brand-300: #fdba74;--brand-400: #fb923c;--brand-500: #f97316;--brand-600: #ea580c;--brand-700: #c2410c;--brand-800: #9a3412;--brand-900: #7c2d12;--brand-950: #431407;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--stone-950: #0c0a09;--color-bg: #0c0a09;--color-bg-2: #111110;--color-surface: rgba(28, 25, 23, .9);--color-surface-bright: rgba(41, 37, 36, .95);--color-text: #fafaf9;--color-muted: #a8a29e;--color-dim: #78716c;--color-line: rgba(255, 255, 255, .08);--color-line-bright: rgba(255, 255, 255, .15);--color-brand: #f97316;--color-brand-dark: #ea580c;--color-brand-light: #fed7aa;--color-brand-glow: rgba(249, 115, 22, .25);--color-brand-glow-strong: rgba(249, 115, 22, .4);--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .12);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .12);--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .12);--color-info: #60a5fa;--color-info-soft: rgba(96, 165, 250, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-w: 1160px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);--shadow-brand: 0 0 32px rgba(249, 115, 22, .2);--shadow-brand-strong: 0 0 48px rgba(249, 115, 22, .35);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .18s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(249,115,22,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(234,88,12,.06),transparent);background-attachment:fixed;color:var(--color-text);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.1;letter-spacing:-.018em}p{margin:0}.skip-link{position:absolute;top:-60px;left:16px;z-index:9999;background:var(--color-brand);color:#fff;font-weight:700;padding:10px 16px;border-radius:var(--radius-sm);transition:top var(--duration) var(--ease)}.skip-link:focus-visible{top:16px}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.site-header{position:sticky;top:0;z-index:100;background:#0c0a09d1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--color-line);padding:0 24px}.site-header-inner{display:flex;align-items:center;gap:24px;max-width:var(--max-w);margin:0 auto;height:60px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #f9731659}.brand-icon svg{width:18px;height:18px;fill:#fff}.brand-name{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--color-brand) 0%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-nav{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:6px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--color-muted);transition:all var(--duration) var(--ease);white-space:nowrap}.nav-link:hover{color:var(--color-text);background:#ffffff0f}.nav-link.active{color:var(--color-brand);background:#f973161a}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.lang-btn{background:none;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.04em;padding:5px 10px;transition:all var(--duration) var(--ease)}.lang-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.burger-btn{display:none;background:none;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;padding:6px 8px;transition:all var(--duration) var(--ease)}.burger-btn:hover{border-color:var(--color-brand)}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:12px 24px 16px;border-top:1px solid var(--color-line)}.mobile-nav.open{display:flex}.mobile-nav .nav-link{font-size:1rem;padding:10px 14px}.site-footer{border-top:1px solid var(--color-line);padding:48px 24px;margin-top:80px}.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand .brand{align-items:flex-start}.footer-tagline{color:var(--color-muted);font-size:.88rem}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--color-dim)}.footer-links a:hover{color:var(--color-brand)}.footer-note{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-line);font-size:.8rem;color:var(--color-dim);text-align:center}.page{max-width:var(--max-w);margin:0 auto;padding:40px 24px 80px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--duration) var(--ease);border:none;white-space:nowrap;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-dark) 100%);color:#fff;box-shadow:0 4px 24px #f9731659}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #f9731673}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0f;border:1px solid var(--color-line-bright);color:var(--color-text)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.btn-ghost{background:none;border:1px solid var(--color-brand);color:var(--color-brand)}.btn-ghost:hover{background:#f973161a}.btn-sm{padding:7px 14px;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--duration) var(--ease)}.card:hover{border-color:var(--color-line-bright)}.card-brand{border-color:#f9731640;box-shadow:0 0 32px #f9731614}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-brand{background:#f9731626;border:1px solid rgba(249,115,22,.3);color:var(--color-brand)}.badge-success{background:var(--color-success-soft);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);border:1px solid rgba(245,158,11,.3);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.hero{display:grid;grid-template-columns:1fr 480px;gap:64px;align-items:center;padding:72px 0 48px}.hero-copy{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;width:fit-content}.hero-title{font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;white-space:pre-line}.hero-title span{background:linear-gradient(135deg,var(--color-brand) 0%,#fbbf24 60%,#f97316 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--color-muted);font-size:1.1rem;line-height:1.7;max-width:520px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{font-size:.82rem;color:var(--color-dim)}.upload-card{background:var(--color-surface);border:1.5px dashed rgba(249,115,22,.35);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;gap:20px;transition:all var(--duration) var(--ease);cursor:pointer;position:relative}.upload-card:hover,.upload-card.drag-over{border-color:var(--color-brand);background:#f973160a;box-shadow:var(--shadow-brand)}.upload-card.has-image{cursor:default}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.upload-icon{width:56px;height:56px;background:#f973161f;border:1px solid rgba(249,115,22,.2);border-radius:16px;display:flex;align-items:center;justify-content:center}.upload-icon svg{color:var(--color-brand)}.upload-title{font-size:1.05rem;font-weight:700;color:var(--color-text)}.upload-hint{font-size:.82rem;color:var(--color-dim);max-width:280px;line-height:1.5}.upload-input{display:none}.image-preview{width:100%;border-radius:var(--radius);overflow:hidden;position:relative}.image-preview img{width:100%;max-height:260px;object-fit:cover;display:block}.preview-remove{position:absolute;top:8px;right:8px;background:#000000b3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:background var(--duration)}.preview-remove:hover{background:#000000e6}.level-selector{display:flex;flex-direction:column;gap:8px}.level-label{font-size:.85rem;font-weight:600;color:var(--color-muted)}.level-pills{display:flex;gap:8px}.level-pill{flex:1;background:#ffffff0a;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;padding:8px 4px;text-align:center;transition:all var(--duration) var(--ease)}.level-pill:hover{border-color:var(--color-brand);color:var(--color-text)}.level-pill.selected{background:#f973161f;border-color:var(--color-brand);color:var(--color-brand)}.desc-field{display:flex;flex-direction:column;gap:6px}.desc-field label{font-size:.85rem;font-weight:600;color:var(--color-muted)}.desc-field textarea{background:#ffffff0a;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:.9rem;line-height:1.5;padding:10px 12px;resize:vertical;transition:border-color var(--duration)}.desc-field textarea::placeholder{color:var(--color-dim)}.desc-field textarea:focus{border-color:var(--color-brand);outline:none}.analyze-btn{width:100%;justify-content:center}.result-section{display:flex;flex-direction:column;gap:32px;padding:40px 0}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.result-title{font-size:1.6rem;font-weight:800}.result-problem{font-size:1rem;color:var(--color-muted);margin-top:6px;line-height:1.6}.result-actions-row{display:flex;gap:10px;flex-wrap:wrap}.demo-notice{background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:var(--radius-sm);color:var(--color-info);font-size:.82rem;padding:8px 14px;display:flex;align-items:center;gap:8px}.guide-steps{counter-reset:step;display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.guide-step{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:flex-start;padding:18px 20px;counter-increment:step;transition:border-color var(--duration)}.guide-step:hover{border-color:var(--color-line-bright)}.step-num{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-dark) 100%);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:36px;justify-content:center;width:36px;flex-shrink:0}.step-text{font-size:.95rem;line-height:1.65;color:var(--color-text);padding-top:6px}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.part-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--duration)}.part-card:hover{border-color:var(--color-line-bright)}.part-name{font-size:.95rem;font-weight:700;color:var(--color-text)}.part-desc{font-size:.85rem;color:var(--color-muted);line-height:1.5}.part-links{display:flex;gap:8px;flex-wrap:wrap}.part-link{align-items:center;background:#ffffff0d;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:5px 10px;text-decoration:none;transition:all var(--duration) var(--ease)}.part-link:hover{border-color:var(--color-brand);color:var(--color-brand);background:#f9731614}.video-list{display:flex;flex-direction:column;gap:12px}.video-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);display:flex;gap:16px;padding:16px 20px;text-decoration:none;transition:all var(--duration) var(--ease)}.video-item:hover{border-color:#ef444466;background:#ef44440a}.video-thumb{width:48px;height:36px;background:#ef444426;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-thumb svg{color:#ef4444}.video-info{flex:1;min-width:0}.video-query{font-size:.92rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-channel{font-size:.78rem;color:var(--color-dim);margin-top:2px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px}.spinner{width:48px;height:48px;border:3px solid rgba(249,115,22,.2);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-muted);font-size:.95rem;font-weight:600}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.section-title{font-size:1.2rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-icon{width:32px;height:32px;background:#f973161f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-brand);flex-shrink:0}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px}.history-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration) var(--ease)}.history-card:hover{border-color:var(--color-line-bright);transform:translateY(-2px);box-shadow:var(--shadow)}.history-thumb{width:100%;height:140px;object-fit:cover;display:block;background:var(--color-surface-bright)}.history-thumb-placeholder{width:100%;height:140px;background:linear-gradient(135deg,#f9731614,#1c1917e6);display:flex;align-items:center;justify-content:center;color:var(--color-dim);font-size:2rem}.history-body{padding:16px 20px}.history-date{font-size:.78rem;color:var(--color-dim);margin-bottom:6px}.history-problem{font-size:.95rem;font-weight:700;margin-bottom:8px}.history-card-actions{display:flex;gap:8px;margin-top:12px}.history-empty{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.history-empty-icon{font-size:3rem;opacity:.4}.history-empty p{color:var(--color-muted);font-size:1rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:32px}.tip-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:all var(--duration) var(--ease)}.tip-card:hover{border-color:#f973164d;box-shadow:0 0 24px #f973160f}.tip-emoji{font-size:2rem}.tip-title{font-size:1.05rem;font-weight:800}.tip-desc{font-size:.88rem;color:var(--color-muted);line-height:1.6}.tip-difficulty{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--color-dim)}.faq-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;margin-top:32px}.faq-item{border-top:1px solid var(--color-line)}.faq-item:first-child{border-top:none}.faq-q{width:100%;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font:inherit;font-size:.95rem;font-weight:600;justify-content:space-between;align-items:center;padding:18px 20px;text-align:left;transition:background var(--duration)}.faq-q:hover{background:#ffffff08}.faq-q.open{color:var(--color-brand)}.faq-chevron{flex-shrink:0;transition:transform var(--duration) var(--ease);color:var(--color-dim)}.faq-q.open .faq-chevron{transform:rotate(180deg)}.faq-a{display:none;padding:0 20px 18px;font-size:.9rem;color:var(--color-muted);line-height:1.7}.faq-a.open{display:block}.pricing-header{text-align:center;padding:48px 0 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.pricing-header h1{font-size:2.5rem}.pricing-header p{color:var(--color-muted);font-size:1.05rem;max-width:480px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;gap:24px;position:relative}.pricing-card.popular{border-color:#f9731666;box-shadow:0 0 48px #f973161a}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-dark) 100%);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;border-radius:99px}.plan-name{font-size:1rem;font-weight:700;color:var(--color-muted)}.plan-price{font-size:2.4rem;font-weight:800;line-height:1}.plan-period{font-size:.9rem;color:var(--color-dim);margin-top:4px}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.plan-feature{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-muted)}.feature-check{width:20px;height:20px;background:var(--color-success-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check svg{color:var(--color-success)}.feature-dash{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-dim)}.affiliate-note{background:#60a5fa0f;border:1px solid rgba(96,165,250,.15);border-radius:var(--radius);color:var(--color-dim);font-size:.82rem;line-height:1.6;max-width:720px;margin:32px auto 0;padding:14px 18px;text-align:center}.legal-page{max-width:760px}.legal-page h1{font-size:2rem;margin-bottom:24px}.legal-page h2{font-size:1.2rem;margin-top:32px;margin-bottom:12px;color:var(--color-text)}.legal-page p{color:var(--color-muted);line-height:1.75;font-size:.95rem;margin-bottom:16px}.ad-slot-wrapper{max-width:var(--max-w);margin:0 auto;padding:16px 24px}.ad-slot-inner{background:var(--color-surface);border:1px dashed var(--color-line);border-radius:var(--radius);min-height:90px;overflow:hidden}.page-header{padding:48px 0 32px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--color-line);margin-bottom:32px}.page-header h1{font-size:2rem;font-weight:800}.page-header p{color:var(--color-muted);font-size:1rem;line-height:1.6}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.upload-card{max-width:100%}.pricing-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width: 680px){.site-nav{display:none}.burger-btn{display:flex}.footer-inner{grid-template-columns:1fr}.footer-links{gap:12px}.hero-title{font-size:2.4rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{justify-content:center}.parts-grid,.tips-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-muted)}.text-brand{color:var(--color-brand)}.mt-auto{margin-top:auto}.flex-col{display:flex;flex-direction:column}.gap-4{gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;border:1px dashed var(--color-line);border-radius:var(--radius);background:var(--color-surface-2)}.ui-empty__icon{font-size:2rem;line-height:1}.ui-empty__title{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.ui-empty__body{margin:0;max-width:46ch;color:var(--color-muted)}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-muted)}.ui-spinner__ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-line);border-top-color:var(--color-brand);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{display:grid;gap:var(--space-2)}.ui-skeleton__line{height:12px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-line) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s ease infinite}.ui-skeleton__line:last-child{width:60%}@keyframes ui-shimmer{to{background-position:-200% 0}}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a0e1673;display:grid;place-items:center;padding:var(--space-4)}.ui-modal{width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-line)}.ui-modal__title{margin:0;font-size:var(--font-size-lg)}.ui-modal__close{border:0;background:transparent;cursor:pointer;color:var(--color-muted);font-size:var(--font-size-base);padding:var(--space-1)}.ui-modal__close:hover{color:var(--color-text)}.ui-modal__body{padding:var(--space-6);display:grid;gap:var(--space-4)}.ui-tabs__bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-4);overflow-x:auto}.ui-tabs__tab{border:0;background:transparent;cursor:pointer;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-weight:600;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap}.ui-tabs__tab:hover{color:var(--color-text)}.ui-tabs__tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.ui-table__scroll{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius)}.ui-table__grid{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.ui-table__grid th{text-align:left;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-line)}.ui-table__grid td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);color:var(--color-text)}.ui-table__grid tbody tr:last-child td{border-bottom:0}.ui-table__grid tbody tr:hover td{background:var(--color-surface-2)}.ui-table__grid .is-right{text-align:right}.ui-table__pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);color:var(--color-muted)}.ui-table__page{border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1) var(--space-3)}.ui-table__page:disabled{opacity:.4;cursor:default}.tips-search{position:relative;display:flex;align-items:center;max-width:520px;margin:0 auto var(--space-8)}.tips-search-icon{position:absolute;left:16px;display:flex;color:var(--color-dim);pointer-events:none}.tips-search-input{width:100%;padding:14px 18px 14px 46px;font:inherit;font-size:.98rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-line-bright);border-radius:var(--radius);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.tips-search-input::placeholder{color:var(--color-dim)}.tips-search-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-glow)}.tips-empty{text-align:center;color:var(--color-muted);padding:40px 20px;font-size:1rem}.onboarding{margin-top:var(--space-16)}.onboarding-title{text-align:center;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-8)}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.onboarding-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.onboarding-step:hover{transform:translateY(-4px);border-color:var(--color-brand);box-shadow:var(--shadow-brand)}.onboarding-num{position:absolute;top:var(--space-4);right:var(--space-5);font-size:2.25rem;font-weight:800;line-height:1;color:var(--color-line-bright)}.onboarding-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));box-shadow:var(--shadow-brand)}.onboarding-step-title{font-size:1.1rem;font-weight:700}.onboarding-step-desc{color:var(--color-muted);font-size:.92rem;line-height:1.6}@media (max-width: 720px){.onboarding-grid{grid-template-columns:1fr}}