.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, white);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .15s}.theme-toggle:hover{background:var(--bg-hover, #f1f5f9);color:var(--accent-color, #2980b9);border-color:var(--accent-color, #2980b9)}.style-badge{display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--accent-light);border:1px solid var(--accent-color);border-radius:6px;font-size:12px;color:var(--text-primary);animation:badgeFadeIn .3s ease-out}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.style-badge-info{display:flex;align-items:center;gap:5px}.style-badge-icon{color:var(--accent-color);flex-shrink:0}.style-badge-label{white-space:nowrap}.style-badge-confidence{color:var(--text-muted);font-size:11px}.style-badge-btn{display:flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--accent-color);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.style-badge-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media(max-width:600px){.style-badge{flex-direction:column;align-items:flex-start;gap:4px}}.app{--vk-offset: 0px;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-tertiary);transition:background .3s}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{color:var(--accent-color)}.app-title{font-size:18px;font-weight:700;color:var(--accent-dark);margin:0}.header-actions{display:flex;gap:8px;align-items:center;min-width:0;flex:1 1 0;overflow-x:auto;scrollbar-width:none;justify-content:flex-end}.header-actions::-webkit-scrollbar{display:none}.header-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif;white-space:nowrap}.header-btn-labeled{padding-inline:12px 16px}.header-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.header-btn.btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.header-btn.btn-primary:hover{background:var(--accent-dark)}.settings-menu{position:relative}.settings-dropdown{position:fixed;min-width:190px;display:grid;gap:4px;padding:6px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);box-shadow:var(--shadow-md);max-height:min(70vh,380px);overflow-y:auto;z-index:1100}.settings-menu-item{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;text-align:left;cursor:pointer;padding:8px 10px;font-family:Inter,sans-serif}.settings-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-menu-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.settings-menu-item:disabled{opacity:.6;cursor:not-allowed}.settings-menu-item svg{flex-shrink:0}.settings-menu-group{margin-top:4px;padding-top:6px;border-top:1px solid var(--border-color)}.settings-menu-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:2px 10px 6px}.settings-menu-item.settings-menu-item-compact{padding:6px 10px;font-size:11px}.settings-menu-item.is-active{background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--text-primary)}.settings-menu-hint{font-size:10px;line-height:1.35;color:var(--text-secondary);padding:5px 10px 2px}.mode-switch{display:inline-flex;align-items:center;gap:6px;padding:2px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color)}.mode-switch .header-btn{min-width:58px;justify-content:center;padding:6px 10px}.step-indicator{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:12px;flex-shrink:0}.step-item{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;font-weight:500}.step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-muted)}.step-item.active .step-number{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.step-item.active{color:var(--accent-dark);font-weight:600}.step-item.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-item.completed{color:#22c55e}.step-arrow{color:#cbd5e1}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.flow-toolbar::-webkit-scrollbar{display:none}.flow-toolbar-group{display:flex;align-items:center;gap:8px;min-width:0}.flow-toolbar-right{margin-left:auto}.flow-btn{flex-shrink:0}.app-main{flex:1;overflow:hidden}.input-step{max-width:960px;margin:0 auto;padding:40px 24px;overflow-y:auto;height:100%;scrollbar-width:none;-ms-overflow-style:none}.input-step::-webkit-scrollbar{width:0;height:0}.input-hero{text-align:center;margin-bottom:32px}.input-hero h2{font-size:28px;font-weight:700;color:var(--accent-dark);margin:0 0 8px}.input-hero p{color:var(--text-secondary);font-size:15px;margin:0}.ats-source-choice{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 20px}.ats-source-note{margin:0 0 14px;text-align:center;font-size:12px;color:#0f766e;background:#ecfeff;border:1px solid #a5f3fc;border-radius:10px;padding:8px 12px}.mode-toast{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:1400;background:#0f172a;color:#f8fafc;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;box-shadow:0 12px 28px #0f172a40}.mobile-breadcrumb{display:none}.mobile-breadcrumb-home{border:none;background:transparent;color:var(--accent-dark);font-size:12px;font-weight:700;cursor:pointer;padding:0}.mobile-breadcrumb-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.mobile-breadcrumb-item.active,.mobile-breadcrumb-item.completed{color:var(--text-primary);font-weight:600}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.input-card{display:flex;flex-direction:column;gap:8px}.input-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.optional-tag{font-weight:400;font-size:12px;color:var(--text-secondary);opacity:.8}.self-score-tag{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.input-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.upload-actions{display:flex;align-items:center;gap:8px}.upload-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #2980b9;border-radius:6px;background:#fff;color:#2980b9;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif}.upload-btn:hover{background:#eff8ff}.upload-btn.disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.uploaded-file{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;color:#16a34a;font-size:11px;font-weight:500}.clear-upload{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:#16a34a;cursor:pointer;border-radius:50%;transition:background .15s}.clear-upload:hover{background:#dcfce7}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;border:2px dashed #e2e8f0;border-radius:10px;color:#64748b;font-size:13px}.input-textarea{flex:1;min-height:300px;padding:14px;border:2px solid var(--border-color);border-radius:10px;font-family:Inter,sans-serif;font-size:13px;line-height:1.6;resize:none;transition:border-color .2s;background:var(--bg-primary);color:var(--text-primary)}.input-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.input-textarea::placeholder{color:#94a3b8}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:280px;margin:0 auto;padding:14px 28px;background:var(--accent-color);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.analyze-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.analyze-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.analyzing-step{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:#475569;padding:24px}.analyzing-step h2{font-size:20px;margin:0;color:#1a5276}.analyzing-step p{margin:0;color:#94a3b8}.loading-progress-number{font-size:30px;font-weight:800;color:var(--accent-dark);line-height:1}.loading-progress-track{width:min(360px,90%);height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.loading-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#2563eb);transition:width .25s ease}.score-step{display:flex;height:100%;overflow:hidden}.score-left{width:min(46vw,520px);min-width:360px;overflow-y:auto;padding:24px;background:var(--bg-primary);border-right:1px solid var(--border-color)}.score-right{flex:1;overflow-y:auto;padding:20px;display:flex;justify-content:center}.score-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.score-meter{position:relative;display:inline-flex;flex-shrink:0}.score-meter-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:36px;font-weight:800;display:block;line-height:1}.score-label{font-size:14px;color:#94a3b8}.score-verdict h3{margin:0 0 6px;font-size:18px;color:#1a5276}.score-verdict p{margin:0;font-size:13px;color:#64748b;line-height:1.5}.improvement-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#16a34a;font-size:13px;font-weight:600}.keywords-section{margin-bottom:20px}.keywords-section h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.keyword-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500}.tag-match{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.tag-missing{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.breakdown-section{margin-bottom:20px}.breakdown-section h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.breakdown-bar{margin-bottom:10px}.breakdown-info{display:flex;justify-content:space-between;margin-bottom:4px}.breakdown-label{font-size:12px;color:#475569;font-weight:500}.breakdown-score{font-size:12px;color:#64748b}.breakdown-score small{color:#94a3b8}.breakdown-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .6s ease}.feedback-section{margin-bottom:20px}.feedback-section h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feedback-card{border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;padding:14px}.feedback-card-good{border-color:#bbf7d0;background:#f0fdf4}.feedback-card-warning{border-color:#fde68a;background:#fffbeb}.feedback-card-critical{border-color:#fecaca;background:#fef2f2}.feedback-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.feedback-card-title{display:flex;align-items:center;gap:8px;color:#0f172a}.feedback-card-title h5{margin:0;font-size:14px;font-weight:700}.feedback-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.feedback-badge-good{background:#dcfce7;color:#166534}.feedback-badge-warning{background:#fef3c7;color:#92400e}.feedback-badge-critical{background:#fee2e2;color:#991b1b}.feedback-card p{margin:0 0 8px;font-size:13px;line-height:1.5;color:#475569}.feedback-card ul{margin:0;padding-left:18px}.feedback-card li{font-size:12px;line-height:1.55;color:#475569;margin-bottom:4px}.suggestions-section{margin-bottom:20px}.suggestions-section h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.suggestions-section ul{margin:0;padding-left:18px}.suggestions-section li{font-size:13px;color:#475569;line-height:1.6;margin-bottom:4px}.optimize-progress{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:16px}.optimize-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;color:#1a5276;margin-bottom:12px}.optimize-header strong{font-size:13px;color:#0f766e;white-space:nowrap}.optimize-timeline{margin-bottom:12px}.timeline-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:#475569}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#2980b9;flex-shrink:0}.score-actions{display:flex;gap:12px;margin-top:8px}.mobile-resume-trigger-row{display:none;margin-top:12px}.mobile-resume-trigger-row-top{margin-top:0;margin-bottom:12px}.mobile-resume-trigger{width:100%;justify-content:center}.mobile-resume-overlay{position:fixed;inset:0;z-index:1200;background:#020617b8;display:flex;align-items:flex-end}.mobile-resume-sheet{width:100%;max-height:86dvh;background:var(--bg-primary);border-radius:14px 14px 0 0;border-top:1px solid var(--border-color);box-shadow:0 -16px 50px #02061759;display:flex;flex-direction:column}.mobile-resume-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-color)}.mobile-resume-sheet-header h3{margin:0;font-size:15px;color:var(--text-primary)}.mobile-resume-close{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.mobile-resume-close:hover{background:var(--bg-secondary)}.mobile-resume-sheet-body{padding:12px;overflow:auto}.input-actions-row-sticky,.score-actions-sticky{position:sticky;bottom:var(--vk-offset);z-index:6;margin-top:16px;padding:10px;background:linear-gradient(180deg,#f8fafc00,#f8fafcf2 26%,#f8fafc);border-top:1px solid var(--border-color);backdrop-filter:blur(3px)}.app.keyboard-open .input-actions-row-sticky,.app.keyboard-open .score-actions-sticky{position:static;border-top:none;background:transparent;backdrop-filter:none;padding:0}.btn-optimize{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif}.btn-optimize:hover{background:#d97706}.btn-edit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#2980b9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif}.btn-edit:hover{background:#1a5276}.btn-secondary{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#475569;font-size:12px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.btn-secondary:hover{background:#f8fafc}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--error-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--error-text);font-size:13px;margin-bottom:16px}.editor-step{display:flex;height:100%;overflow:hidden}.editor-left{width:min(46vw,520px);min-width:360px;overflow-y:auto;background:var(--bg-primary);border-right:1px solid var(--border-color)}.editor-right{flex:1;overflow-y:auto;padding:20px;display:flex;justify-content:center}.preview-container{box-shadow:0 4px 20px #0000001f;border-radius:4px;overflow:hidden;height:fit-content;background:#fff}@media(max-width:900px){.mobile-breadcrumb{display:flex;position:sticky;top:0;z-index:9;gap:6px;align-items:center;overflow-x:auto;padding:8px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);scrollbar-width:none}.mobile-breadcrumb::-webkit-scrollbar{display:none}.input-grid{grid-template-columns:1fr}.score-step,.editor-step{flex-direction:column}.score-left,.editor-left{width:100%;min-width:0;max-height:none;border-right:none;border-bottom:1px solid var(--border-color)}.score-left{border-bottom:none}.score-right,.editor-right{padding:10px}.header-actions{gap:4px;flex-wrap:nowrap;padding-bottom:2px}.flow-toolbar{padding:8px 12px}.flow-toolbar-group{gap:6px}.header-btn{padding:5px 8px;font-size:11px}.step-indicator{gap:8px}.step-item span{display:none}.input-hero h2{font-size:22px}.input-hero p{font-size:13px}.score-header{flex-direction:column;align-items:flex-start;gap:12px}.score-actions{flex-direction:column}.feedback-grid{grid-template-columns:1fr}.mobile-resume-trigger-row{display:block}}@media(max-width:600px){.mode-switch{gap:4px}.mode-switch .header-btn{min-width:44px}.app-header{padding:6px 12px}.app-title{font-size:14px}.header-btn span{display:none}.header-btn{padding:0;min-width:40px;min-height:40px;justify-content:center;border-radius:10px}.header-btn.header-btn-labeled{padding:0 12px;min-width:max-content;gap:6px}.header-btn.header-btn-labeled span{display:inline}.flow-toolbar .header-btn{min-width:0;min-height:36px;padding:6px 10px;border-radius:8px}.flow-toolbar .header-btn span{display:inline}.flow-toolbar .header-btn.header-btn-labeled{padding:6px 10px;min-width:max-content}.settings-dropdown{min-width:170px}.settings-menu-item{padding:10px}.input-step{padding:20px 12px}.app.keyboard-open .input-step{padding-bottom:calc(16px + var(--vk-offset))}.input-textarea{min-height:180px}.score-left{padding:16px}.auth-card{padding:32px 20px}.auth-card h2{font-size:18px}.analyze-btn{max-width:100%;padding:12px 20px;font-size:14px}.input-actions-row{flex-direction:column;gap:8px}.input-actions-row-sticky,.score-actions-sticky{left:0;right:0;margin-left:-4px;margin-right:-4px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-radius:10px 10px 0 0}.input-actions-row .analyze-btn,.input-actions-row .btn-secondary{max-width:100%;width:100%}.preview-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-indicator{padding:8px 12px;gap:6px}.mode-toast{top:66px}.step-number{width:24px;height:24px;font-size:11px}.error-banner{font-size:12px;padding:10px 12px}.mobile-resume-sheet{max-height:90dvh}.app.keyboard-open .step-indicator{display:none}}@media(max-width:480px){.app-header{padding:6px 8px}.logo-icon{display:none}.app-title{font-size:13px}.input-step{padding:16px 8px}.input-hero{margin-bottom:20px}.input-hero h2{font-size:18px}.input-hero p{font-size:12px}.score-left{padding:12px}.keyword-tags{gap:4px}.tag{font-size:11px;padding:3px 8px}.auth-card{padding:24px 16px;border-radius:12px}.save-indicator{font-size:10px;padding:2px 4px}}.auth-gate{display:flex;align-items:center;justify-content:center;min-height:60vh}.auth-card{text-align:center;background:var(--bg-primary);padding:48px 40px;border-radius:16px;box-shadow:var(--shadow-md);max-width:420px}.auth-icon{color:var(--accent-color);margin-bottom:16px}.auth-card h2{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--accent-dark)}.auth-card p{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.auth-signin-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#2980b9,#1a5276);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.auth-signin-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2980b966}.save-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;font-style:italic;padding:4px 8px;transition:opacity .4s ease}.save-indicator:before{content:"";width:7px;height:7px;border-radius:50%;background:#f59e0b;animation:save-pulse 1.2s ease-in-out infinite;flex-shrink:0}.save-indicator.saved{color:#22c55e;animation:save-fade 3s ease forwards}.save-indicator.saved:before{background:#22c55e;animation:none}.save-indicator.unsaved{color:#f59e0b}.save-indicator.unsaved:before{background:#f59e0b;animation:none}@keyframes save-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes save-fade{0%,60%{opacity:1}to{opacity:.35}}.export-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:1500;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#0f172a;color:#f1f5f9;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 12px 40px #0000004d;animation:export-toast-enter .3s ease}.export-toast-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#38bdf8;border-radius:50%;animation:export-spin .7s linear infinite}@keyframes export-toast-enter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes export-spin{to{transform:rotate(360deg)}}.floating-feedback-cta{position:fixed;right:20px;bottom:calc(20px + var(--vk-offset));z-index:90;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:999px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 14px 30px #2563eb59;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.floating-feedback-cta:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 18px 34px #2563eb6b}.floating-feedback-cta:active{transform:translateY(0)}.floating-feedback-cta:focus-visible{outline:3px solid rgba(191,219,254,.95);outline-offset:2px}@supports (bottom: env(safe-area-inset-bottom)){.floating-feedback-cta{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--vk-offset))}}@media(max-width:900px){.floating-feedback-cta{right:14px;bottom:calc(14px + var(--vk-offset));padding:10px 14px;font-size:12px}}@media(max-width:480px){.floating-feedback-cta{right:10px;bottom:calc(10px + var(--vk-offset));padding:9px 12px;gap:6px}}.mobile-export-row{display:flex;gap:8px;margin-top:10px}.mobile-export-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.mobile-export-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary-mobile{background:var(--accent-color);color:#fff;border:none}.btn-primary-mobile:hover:not(:disabled){background:var(--accent-dark)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-grid-single{grid-template-columns:1fr!important;max-width:640px;margin:0 auto}.input-actions-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:#fff;color:#334155;border:1px solid #d1d5db;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-accent{background:#f0f9ff!important;color:#0369a1!important;border-color:#7dd3fc!important}.btn-accent:hover{background:#e0f2fe!important}.char-count{display:block;text-align:right;font-size:11px;color:#94a3b8;margin-top:4px;font-family:Inter,sans-serif}.lazy-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b;font-size:14px;font-family:Inter,sans-serif}.backup-restore-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s;margin-top:8px}.backup-restore-btn:hover{background:#fef3c7;border-color:#f59e0b}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none;box-shadow:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-content h3{margin:16px 0 8px;color:#1e293b;font-size:18px;font-weight:600}.error-boundary-message{color:#64748b;font-size:14px;margin-bottom:16px;line-height:1.5}.error-boundary-retry{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s}.error-boundary-retry:hover{background:#1d4ed8}.landing-step{max-width:960px;margin:0 auto;padding:60px 24px 40px;overflow-y:auto;height:100%;scrollbar-width:none;-ms-overflow-style:none}.landing-step::-webkit-scrollbar{width:0;height:0}.landing-hero{text-align:center;margin-bottom:48px}.landing-hero-icon{color:var(--accent-color);margin-bottom:16px}.landing-hero h2{font-size:32px;font-weight:800;color:var(--accent-dark);margin:0 0 10px}.landing-hero p{color:var(--text-secondary);font-size:16px;margin:0}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.landing-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.landing-card:hover,.landing-card:focus-visible{border-color:var(--accent-color);box-shadow:0 8px 30px #2980b926;transform:translateY(-4px);outline:none}.landing-card:focus-visible{box-shadow:0 0 0 3px #2980b966}.landing-card-selected{border-color:var(--accent-color);background:color-mix(in srgb,var(--bg-primary) 88%,var(--accent-color) 12%);box-shadow:0 12px 32px #2980b92e;transform:translateY(-4px)}.landing-card-selected .landing-card-hint{color:var(--accent-dark);background:#2980b924}.landing-card-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.landing-card-icon-ats{background:#fef3c7;color:#d97706}.landing-card-icon-edit{background:#dbeafe;color:#2563eb}.landing-card-icon-create{background:#dcfce7;color:#16a34a}.landing-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.landing-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 20px;flex:1}.landing-card-hint{display:inline-flex;align-items:center;justify-content:center;min-width:156px;padding:10px 18px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:13px;font-weight:600}.landing-shared-action{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.landing-shared-action-signed-in{margin-bottom:12px}.landing-selection-copy{margin:0;color:var(--text-secondary);font-size:14px;text-align:center}.landing-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:12px 28px;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.landing-primary-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.landing-primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.landing-auth-pending{margin-top:10px;color:var(--accent-color);font-size:13px;font-weight:600}.landing-backup{text-align:center;margin-top:8px}@media(max-width:900px){.landing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto 32px}.landing-hero h2{font-size:24px}.landing-step{padding:32px 16px}}@media(max-width:600px){.landing-card{padding:24px 16px}.landing-card-icon{width:56px;height:56px}.landing-card h3{font-size:16px}.landing-hero h2{font-size:20px}.landing-hero p{font-size:13px}.landing-step{padding:24px 12px}.landing-hero{margin-bottom:28px}}@media(max-width:480px){.landing-card{padding:20px 12px}.landing-card-icon{width:48px;height:48px;margin-bottom:14px}.landing-card h3{font-size:15px}.landing-card p{font-size:13px}.landing-card-hint,.landing-primary-btn{width:100%;justify-content:center;padding:10px 16px;font-size:13px}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f0f2f5;--bg-hover: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--accent-color: #2980b9;--accent-dark: #1a5276;--accent-light: rgba(41, 128, 185, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--error-bg: #fef2f2;--error-text: #dc2626;--success-bg: #f0fdf4;--success-text: #16a34a;--warning-bg: #fffbeb;--warning-text: #d97706}[data-theme=dark]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-tertiary: #11111b;--bg-hover: #313244;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--border-color: #313244;--accent-color: #89b4fa;--accent-dark: #74c7ec;--accent-light: rgba(137, 180, 250, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--error-bg: #302020;--error-text: #f87171;--success-bg: #1a2e1a;--success-text: #4ade80;--warning-bg: #2e2a1a;--warning-text: #fbbf24}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-tertiary);color:var(--text-primary);transition:background .3s,color .3s}#root{height:100vh;height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{body{background:#fff}.app-header,.left-panel,.panel-tabs{display:none!important}.app-content{display:block}.right-panel{padding:0;overflow:visible}.preview-container{box-shadow:none;border-radius:0}}.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}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:var(--accent-color);color:#fff;border-radius:0 0 6px 6px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(max-width:600px){input,textarea,select{font-size:16px!important}}@supports (padding: env(safe-area-inset-bottom)){.app{padding-bottom:env(safe-area-inset-bottom)}.app-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.app-main,.score-left,.editor-left,.score-right,.editor-right{-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}