@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap";@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalContentPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(14px);background:#000000d1;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out modalOverlayFade;display:flex;position:fixed;inset:0;z-index:100000!important}body[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(12px);background:#0f172a73}.modal-content{scrollbar-width:thin;scrollbar-color:#00f0ff4d #ffffff0a;width:92%;max-width:580px;max-height:90vh;color:var(--text-primary);text-align:left;background:#121622f7;border:1px solid #00f0ff4d;border-radius:16px;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalContentPop;position:relative;overflow-y:auto;box-shadow:0 20px 50px #000000bf,0 0 30px #00f0ff1f;z-index:100001!important}.modal-content::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.modal-content::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00f0ff99}body[data-theme=light] .modal-content{color:var(--text-primary);scrollbar-color:#008eb359 #f1f5f9;border:1px solid #008eb340;box-shadow:0 25px 60px #0f172a29,0 0 25px #008eb314;background:#fff!important}body[data-theme=light] .modal-content::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] .modal-content::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .modal-content::-webkit-scrollbar-thumb:hover{background:#008eb399}.modal-content .modal-close{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}body[data-theme=light] .modal-content .modal-close{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.modal-content .modal-close:hover{color:#ef4444;background:#ef444433;border-color:#ef444480;transform:none}body[data-theme=light] .modal-content .modal-close:hover{color:#dc2626;background:#ef44441f;border-color:#ef4444}.modal-content .modal-title{font-family:var(--font-heading);color:var(--accent-cyan);letter-spacing:.5px;text-shadow:0 0 14px #00f0ff59;margin-bottom:.35rem;font-size:1.6rem;font-weight:700;line-height:1.25}body[data-theme=light] .modal-content .modal-title{color:var(--accent-cyan);text-shadow:none}.modal-content .modal-subtitle{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.88rem;line-height:1.45}body[data-theme=light] .modal-content .modal-subtitle{color:var(--text-secondary)}.modal-title{font-family:var(--font-heading);color:var(--accent-cyan);letter-spacing:.5px;text-shadow:0 0 14px #00f0ff59;margin-bottom:.35rem;font-size:1.6rem;font-weight:700;line-height:1.25}body[data-theme=light] .modal-title{color:var(--accent-cyan);text-shadow:none}.add-entity-form,.social-add-form,.add-language-form{flex-direction:column;gap:14px;width:100%;display:flex}.form-group,.channel-input-wrapper{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:var(--accent-cyan);letter-spacing:.3px;font-size:.82rem;font-weight:600;display:block}.modal-input,.channel-search-input{box-sizing:border-box;width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#0b0f19d9;border:1px solid #00f0ff40;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;box-shadow:inset 0 2px 4px #00000040}.modal-input::placeholder,.channel-search-input::placeholder{color:var(--text-secondary);opacity:.65}.modal-input:hover,.channel-search-input:hover{border-color:#00f0ff73}.modal-input:focus,.channel-search-input:focus{border-color:var(--accent-cyan);background:#0b0f19fa;box-shadow:0 0 14px #00f0ff4d,inset 0 2px 4px #00000040}body[data-theme=light] .modal-input,body[data-theme=light] .channel-search-input{box-shadow:inset 0 1px 3px #0000000d;color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}body[data-theme=light] .modal-input::placeholder,body[data-theme=light] .channel-search-input::placeholder{color:#94a3b8;opacity:1}body[data-theme=light] .modal-input:hover,body[data-theme=light] .channel-search-input:hover{border-color:#008eb380!important}body[data-theme=light] .modal-input:focus,body[data-theme=light] .channel-search-input:focus{border-color:var(--accent-cyan)!important;background:#fff!important;box-shadow:0 0 0 3px #008eb32e!important}select.modal-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select.modal-input option{color:#fff;background:#141422}body[data-theme=light] select.modal-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23008eb3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body[data-theme=light] select.modal-input option{color:#1a202c;background:#fff}textarea.modal-input,.modal-textarea{resize:vertical;min-height:75px;font-family:inherit;line-height:1.45}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-row{grid-template-columns:1fr}}.modal-actions-bar,.form-actions-bar{border-top:1px solid var(--glass-border);justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex;flex-flow:row!important}body[data-theme=light] .modal-actions-bar,body[data-theme=light] .form-actions-bar{border-top-color:#e2e8f0}.modal-actions-bar .btn-primary-confirm,.form-actions-bar .btn-primary-confirm{color:#fff;letter-spacing:.3px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:1px solid #00f0ffa6;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:inherit;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0072ff59,0 0 10px #00f0ff33}.modal-actions-bar .btn-primary-confirm:hover,.form-actions-bar .btn-primary-confirm:hover{filter:brightness(1.14);transform:none;box-shadow:0 6px 22px #0072ff8c,0 0 18px #00f0ff73}.modal-actions-bar .btn-primary-confirm:active,.form-actions-bar .btn-primary-confirm:active{filter:brightness(.95);transform:none}.modal-actions-bar .btn-primary-confirm svg,.form-actions-bar .btn-primary-confirm svg{color:#fff;flex-shrink:0;width:15px;height:15px}.modal-actions-bar .btn-secondary,.form-actions-bar .btn-secondary{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}body[data-theme=light] .modal-actions-bar .btn-secondary,body[data-theme=light] .form-actions-bar .btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.modal-actions-bar .btn-secondary:hover,.form-actions-bar .btn-secondary:hover{color:var(--text-primary);background:#ffffff29;border-color:#ffffff4d;transform:none}body[data-theme=light] .modal-actions-bar .btn-secondary:hover,body[data-theme=light] .form-actions-bar .btn-secondary:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.modal-actions-bar .btn-secondary:active,.form-actions-bar .btn-secondary:active{transform:none}.tag-input-container{cursor:text;flex-wrap:wrap;align-items:center;min-height:44px;padding:6px 10px!important;display:flex!important}.tag-input-container:focus-within{border-color:var(--accent-cyan);background:#0b0f19fa;box-shadow:0 0 14px #00f0ff4d,inset 0 2px 4px #00000040}body[data-theme=light] .tag-input-container:focus-within{border-color:var(--accent-cyan)!important;background:#fff!important;box-shadow:0 0 0 3px #008eb32e!important}.tag-input-container .tag-badges-list{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.tag-input-container .input-tag-badge{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px 3px 10px;font-size:.82rem;font-weight:600;line-height:1.2;animation:.18s ease-out tagBadgePop;display:inline-flex;box-shadow:0 1px 4px #00f0ff26}body[data-theme=light] .tag-input-container .input-tag-badge{color:#008eb3;background:#008eb31f;border-color:#008eb359;box-shadow:0 1px 3px #008eb31a}.tag-input-container .input-tag-badge .tag-text{white-space:nowrap}.tag-input-container .input-tag-badge .btn-tag-remove{width:16px;height:16px;color:inherit;cursor:pointer;box-sizing:border-box;transition:all var(--transition-fast);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex;padding:0!important}.tag-input-container .input-tag-badge .btn-tag-remove:hover{color:#fff;background:#ef4444;transform:scale(1.12)}body[data-theme=light] .tag-input-container .input-tag-badge .btn-tag-remove{background:#00000014}body[data-theme=light] .tag-input-container .input-tag-badge .btn-tag-remove:hover{color:#fff;background:#ef4444}.tag-input-container .tag-bare-input{flex:1;min-width:130px;padding:4px 6px;font-family:inherit;font-size:.9rem;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.tag-input-container .tag-bare-input::placeholder{color:var(--text-secondary);opacity:.65}body[data-theme=light] .tag-input-container .tag-bare-input{color:#1a202c!important;-webkit-text-fill-color:#1a202c!important}body[data-theme=light] .tag-input-container .tag-bare-input::placeholder{color:#94a3b8;opacity:1}@keyframes tagBadgePop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.level-select-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.level-select-grid .level-choice-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:#ffffff0a;border-radius:8px;padding:9px 6px;font-size:.84rem;font-weight:600}body[data-theme=light] .level-select-grid .level-choice-btn{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.level-select-grid .level-choice-btn:hover{color:var(--text-primary);background:#00f0ff1a;border-color:#00f0ff66}body[data-theme=light] .level-select-grid .level-choice-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.level-select-grid .level-choice-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff2e;box-shadow:0 0 10px #00f0ff40}body[data-theme=light] .level-select-grid .level-choice-btn.active{color:#008eb3;background:#008eb326;border-color:#008eb3;box-shadow:0 0 8px #008eb333}.modal-input-lang-row{background:color-mix(in srgb, var(--accent-cyan) 6%, transparent);border:1px solid color-mix(in srgb, var(--accent-cyan) 22%, transparent);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:8px 14px;display:flex}body[data-theme=light] .modal-input-lang-row{background:#008eb30f;border-color:#008eb338}.modal-input-lang-row .modal-input-lang-label{color:var(--accent-cyan);white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:600;display:inline-flex}.modal-input-lang-row .modal-input-lang-selector{align-items:center;display:inline-flex;position:relative}.modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown{appearance:none;background:var(--surface-color);color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent-cyan) 30%, transparent);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:6px;outline:none;padding:5px 28px 5px 12px;font-family:inherit;font-size:.82rem;font-weight:600}.modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown:hover{border-color:var(--accent-cyan)}.modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px color-mix(in srgb, var(--accent-cyan) 30%, transparent)}body[data-theme=light] .modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown{color:#1a202c;background:#fff;border-color:#cbd5e1}body[data-theme=light] .modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown:hover,body[data-theme=light] .modal-input-lang-row .modal-input-lang-selector .modal-lang-dropdown:focus{border-color:var(--accent-cyan)}.modal-input-lang-row .modal-input-lang-selector .modal-lang-chevron{pointer-events:none;color:var(--accent-cyan);position:absolute;right:9px}.app-container{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:clip}header{padding-top:4rem;padding-bottom:2rem}header h1{color:var(--accent-cyan);text-shadow:0 0 10px #00f0ff4d;font-size:3rem;font-weight:700}.bottom-create-portfolio-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:flex;margin-top:3rem!important}.bottom-create-portfolio-section.container{margin-top:3rem!important}.bottom-create-portfolio-section .ai-disclaimer-text{color:var(--text-secondary);opacity:.75;max-width:600px;margin:0;font-size:.95rem;font-style:italic;line-height:1.5}.btn-create-portfolio{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 2px #0006;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;border-radius:50px;outline:none;align-items:center;gap:.65rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #0072ff59,0 0 12px #00f0ff40}body[data-theme=light] .btn-create-portfolio{background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);box-shadow:0 4px 16px #008eb359}.btn-create-portfolio .sparkle-icon{color:#fff;flex-shrink:0;animation:4s linear infinite gentleSpin}.btn-create-portfolio:hover{filter:brightness(1.12);box-shadow:0 6px 26px #0072ff8c,0 0 20px #00f0ff73}.btn-create-portfolio:active{filter:brightness(.95)}@media (width<=600px){.btn-create-portfolio{padding:.65rem 1.25rem;font-size:.85rem}}.app-container.has-floating-bar{padding-bottom:95px}@keyframes gentleSpin{0%,to{transform:none}}.add-language-modal-overlay{-webkit-backdrop-filter:blur(16px);background:#000000bf;justify-content:center;align-items:center;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0;z-index:100000!important}.add-language-modal-content{box-sizing:border-box;background:#0f1420f2;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:620px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3,0 0 35px #00f0ff1f}body[data-theme=light] .add-language-modal-content{background:#fffffffa;border-color:#0000001a;box-shadow:0 20px 40px #0f172a26}.modal-header-section{text-align:center;margin-bottom:1.5rem}.modal-header-section .modal-icon-badge{width:48px;height:48px;color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:14px;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.modal-header-section .modal-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.45rem;font-weight:700}.modal-header-section .modal-subtitle{color:var(--text-secondary);max-width:460px;margin:0 auto;font-size:.88rem;line-height:1.45}.form-group{margin-bottom:1.25rem}.form-group .form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.65rem;font-size:.8rem;font-weight:600;display:block}.add-lang-preset-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;max-height:240px;padding:2px;display:grid;overflow-y:auto}.add-lang-preset-grid::-webkit-scrollbar{width:5px}.add-lang-preset-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.lang-option-card{color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:.6rem .75rem;display:flex;position:relative}.lang-option-card:hover:not(:disabled){background:#00f0ff0f;border-color:#00f0ff4d}.lang-option-card.is-selected{border-color:var(--accent-cyan);background:#00f0ff1f;box-shadow:0 0 12px #00f0ff33}.lang-option-card.is-disabled{opacity:.45;cursor:not-allowed;background:#ffffff04;border-color:#ffffff0a}.lang-option-card .lang-flag{flex-shrink:0;font-size:1.15rem}.lang-option-card .lang-names{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.lang-option-card .lang-names .lang-name-en{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.lang-option-card .lang-names .lang-name-native{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.lang-option-card .lang-code-tag{font-size:.68rem;font-family:var(--font-mono,monospace);color:var(--text-muted);background:#ffffff0f;border-radius:4px;flex-shrink:0;padding:2px 5px;font-weight:700}.lang-option-card .lang-added-badge{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px}body[data-theme=light] .lang-option-card{background:#f1f5f9b3;border-color:#00000014}body[data-theme=light] .lang-option-card:hover:not(:disabled){background:#008eb314;border-color:#008eb359}body[data-theme=light] .lang-option-card.is-selected{background:#008eb31f;border-color:#008eb3}.custom-language-toggle{margin-bottom:1.25rem}.custom-language-toggle .btn-toggle-custom{color:var(--accent-cyan);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.8rem;font-weight:600;display:inline-flex}.custom-language-toggle .btn-toggle-custom:hover{color:#38bdf8;text-decoration:underline}.custom-language-toggle .custom-language-fields{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:100px 1fr;gap:.75rem;margin-top:.65rem;padding:.85rem;display:grid}.custom-language-toggle .custom-language-fields .sub-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;display:block}.custom-language-toggle .custom-language-fields .text-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.45rem .65rem;font-size:.86rem}.custom-language-toggle .custom-language-fields .text-input:focus{border-color:var(--accent-cyan);outline:none}.custom-language-toggle .custom-language-fields .code-input{font-family:var(--font-mono,monospace);text-transform:uppercase;text-align:center;font-weight:700}.proficiency-levels-row{flex-wrap:wrap;gap:.5rem;display:flex}.proficiency-levels-row .level-pill{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:.35rem .75rem;font-size:.78rem;font-weight:500}.proficiency-levels-row .level-pill:hover{color:var(--text-primary);background:#ffffff14}.proficiency-levels-row .level-pill.is-active{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf680;font-weight:600;box-shadow:0 0 10px #8b5cf633}body[data-theme=light] .proficiency-levels-row .level-pill{background:#f1f5f9cc;border-color:#00000014}body[data-theme=light] .proficiency-levels-row .level-pill.is-active{color:#6d28d9;background:#7c3aed1f;border-color:#7c3aed}.translation-info-note{color:var(--text-secondary);background:#00f0ff0d;border:1px solid #00f0ff26;border-radius:10px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.65rem .85rem;font-size:.78rem;display:flex}.translation-info-note .note-sparkle{color:var(--accent-cyan);flex-shrink:0}.modal-actions-row{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.modal-actions-row .btn-cancel{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:.6rem 1.25rem;font-size:.86rem;font-weight:600}.modal-actions-row .btn-cancel:hover{color:var(--text-primary);background:#ffffff17}.modal-actions-row .btn-submit-add{background:linear-gradient(135deg, var(--accent-cyan), #3b82f6);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:8px;padding:.65rem 1.45rem;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #00f0ff4d}.modal-actions-row .btn-submit-add:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px #00f0ff66}.modal-actions-row .btn-submit-add:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.translating-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.translating-state .translating-spinner-box{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;position:relative}.translating-state .translating-spinner-box .spinner-ring{border:3px solid #00f0ff26;border-top-color:var(--accent-cyan);border-right-color:#8b5cf6;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.translating-state .translating-spinner-box .translating-sparkle{color:var(--accent-cyan);animation:1.5s ease-in-out infinite pulse}.translating-state .translating-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.translating-state .translating-subtitle{color:var(--text-secondary);max-width:440px;font-size:.92rem;line-height:1.5}.translating-state .translating-subtitle strong{color:var(--accent-cyan)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.narrator-sections-popover{-webkit-backdrop-filter:blur(20px);z-index:10000;box-sizing:border-box;background:#0d111af5;border:1px solid #00f0ff59;border-radius:12px;width:270px;padding:8px;animation:.15s ease-out narratorPopoverFadeIn;position:absolute;box-shadow:0 12px 35px #000000bf,0 0 20px #00f0ff33}.header-narrator-wrapper .narrator-sections-popover{width:264px;max-width:calc(100vw - 24px)}@media (width<=768px){.header-narrator-wrapper .narrator-sections-popover.placement-bottom{width:264px!important;max-width:calc(100vw - 24px)!important}}.hero-player-row .narrator-sections-popover{width:295px;max-width:calc(100vw - 24px)}@media (width<=768px){.hero-player-row .narrator-sections-popover.placement-bottom{width:min(290px,100vw - 32px);max-width:calc(100vw - 32px)}}.narrator-sections-popover.placement-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.narrator-sections-popover.placement-bottom:before{content:"";pointer-events:auto;background:0 0;height:10px;position:absolute;top:-8px;left:0;right:0}.narrator-sections-popover.placement-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.narrator-sections-popover.placement-top:before{content:"";pointer-events:auto;background:0 0;height:10px;position:absolute;bottom:-8px;left:0;right:0}.narrator-sections-popover.placement-right{top:0;left:calc(100% + 12px)}.narrator-sections-popover.placement-right:before{content:"";pointer-events:auto;background:0 0;width:14px;position:absolute;top:0;bottom:0;left:-12px}.narrator-sections-popover.placement-left{top:0;right:calc(100% + 12px);transform:none}.narrator-sections-popover.placement-left:before{content:"";pointer-events:auto;background:0 0;width:14px;position:absolute;top:0;bottom:0;right:-12px}@media (hover:none),(pointer:coarse){.narrator-sections-popover:before{display:none!important}}.narrator-sections-popover .popover-arrow-decor{pointer-events:none;z-index:-1;background:#0d111af5;border:1px solid #00f0ff59;width:8px;height:8px;position:absolute;transform:rotate(45deg)}body[data-theme=light] .narrator-sections-popover .popover-arrow-decor{background:#fff;border-color:#008eb359}.narrator-sections-popover.placement-left .popover-arrow-decor{border-bottom:none;border-left:none;top:14px;right:-5px}.narrator-sections-popover.placement-bottom .popover-arrow-decor{border-bottom:none;border-right:none;margin-left:-4px;top:-5px;left:50%}@media (width<=768px){.narrator-sections-popover.placement-left,.narrator-sections-popover.placement-right,.narrator-sections-popover.placement-top{width:min(310px,100vw - 32px);max-width:calc(100vw - 32px);inset:48px auto auto 50%;transform:translate(-50%);box-shadow:0 16px 40px #000000d9,0 0 25px #00f0ff40}.narrator-sections-popover .popover-arrow-decor{margin-left:-4px;border-bottom:none!important;border-right:none!important;border-top:inherit!important;border-left:inherit!important;inset:-5px auto auto 50%!important}}body[data-theme=light] .narrator-sections-popover{background:#fff;border-color:#008eb359;box-shadow:0 12px 35px #0f172a2e,0 0 18px #008eb31f}.narrator-sections-popover .narrator-popover-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 8px 8px;display:flex}body[data-theme=light] .narrator-sections-popover .narrator-popover-header{border-bottom-color:#f1f5f9}.narrator-sections-popover .narrator-popover-header .header-left{align-items:center;gap:6px;display:flex}.narrator-sections-popover .narrator-popover-header .header-left .popover-audio-icon{color:var(--accent-cyan)}.narrator-sections-popover .narrator-popover-header .header-left .popover-title{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-cyan);font-size:.76rem;font-weight:700}.narrator-sections-popover .narrator-popover-header .btn-popover-stop{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex;transform:none!important}.narrator-sections-popover .narrator-popover-header .btn-popover-stop:hover{background:#ef444438;border-color:#ef444480;transform:none!important}.narrator-sections-popover .popover-speech-unavailable-banner{color:#f59e0b;text-align:left;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:8px;align-items:flex-start;gap:8px;margin:3px 4px 10px;padding:8px 11px;font-size:.8125rem;font-weight:500;line-height:1.42;display:flex}.narrator-sections-popover .popover-speech-unavailable-banner .warning-banner-icon{color:#f59e0b;flex-shrink:0;width:16px;height:16px;margin-top:1.5px}body[data-theme=light] .narrator-sections-popover .popover-speech-unavailable-banner{color:#b45309;background:#d977061a;border-color:#d9770640}body[data-theme=light] .narrator-sections-popover .popover-speech-unavailable-banner .warning-banner-icon{color:#b45309}.narrator-sections-popover .narrator-sections-list{scrollbar-width:thin;scrollbar-color:#00f0ff4d transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}@media (width<=768px){.narrator-sections-popover .narrator-sections-list{gap:6px;max-height:300px}}.narrator-sections-popover .narrator-section-item{width:100%;min-height:34px;color:var(--text-primary);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex;transform:none!important}@media (width<=768px){.narrator-sections-popover .narrator-section-item{min-height:44px;padding:10px 12px;font-size:.88rem}}body[data-theme=light] .narrator-sections-popover .narrator-section-item{color:#1e293b}.narrator-sections-popover .narrator-section-item .item-icon-box{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.narrator-sections-popover .narrator-section-item .item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.narrator-sections-popover .narrator-section-item .item-play-icon{color:var(--text-secondary);opacity:.6;flex-shrink:0;transition:opacity .15s}@media (hover:hover) and (pointer:fine){.narrator-sections-popover .narrator-section-item .item-play-icon{opacity:0}}.narrator-sections-popover .narrator-section-item:hover{background:#ffffff0f;border-color:#ffffff1f;transform:none!important}body[data-theme=light] .narrator-sections-popover .narrator-section-item:hover{background:#f8fafc;border-color:#e2e8f0}.narrator-sections-popover .narrator-section-item:hover .item-play-icon{opacity:.8}.narrator-sections-popover .narrator-section-item.is-disabled{opacity:.55;cursor:not-allowed}.narrator-sections-popover .narrator-section-item.is-disabled:hover{background:0 0;border-color:#0000}.narrator-sections-popover .narrator-section-item.is-disabled:hover .item-play-icon{opacity:0}.narrator-sections-popover .narrator-section-item.is-current{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1f;box-shadow:0 0 12px #00f0ff2e}body[data-theme=light] .narrator-sections-popover .narrator-section-item.is-current{color:#008eb3;background:#008eb31a;border-color:#008eb3}.narrator-sections-popover .narrator-section-item.is-current .item-icon-box{color:var(--accent-cyan)}body[data-theme=light] .narrator-sections-popover .narrator-section-item.is-current .item-icon-box{color:#008eb3}.narrator-sections-popover .narrator-section-item.is-current .now-reading-badge{text-transform:uppercase;letter-spacing:.4px;color:var(--accent-cyan);background:#00f0ff33;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-flex}body[data-theme=light] .narrator-sections-popover .narrator-section-item.is-current .now-reading-badge{color:#008eb3;background:#008eb32e}.narrator-sections-popover .narrator-section-item.is-current .now-reading-badge .reading-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotPulse}@keyframes narratorPopoverFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.card-delete-corner-wrapper{z-index:35;pointer-events:auto;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:-10px;right:-10px;transform:none!important}.card-delete-corner-wrapper:hover .btn-card-delete-corner,.card-delete-corner-wrapper:focus-within .btn-card-delete-corner{opacity:1;pointer-events:auto}.card-delete-corner-wrapper .btn-card-delete-corner{box-sizing:border-box;color:#ef4444;cursor:pointer;opacity:0;pointer-events:none;width:24px;height:24px;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:#151522;border:2px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex;box-shadow:0 2px 8px #00000080,0 0 6px #ef444440;padding:0!important;transform:none!important}.card-delete-corner-wrapper .btn-card-delete-corner svg{flex-shrink:0;margin:auto;display:block}body[data-theme=light] .card-delete-corner-wrapper .btn-card-delete-corner{background:#fff;box-shadow:0 2px 6px #00000026,0 0 4px #ef444433}.card-delete-corner-wrapper .btn-card-delete-corner:hover{opacity:1;color:#fff;background:#ef4444;box-shadow:0 0 12px #ef4444cc;transform:none!important}.card-delete-corner-wrapper.is-confirming{pointer-events:auto}.card-delete-corner-wrapper.is-confirming .btn-card-delete-corner{display:none}.card-delete-corner-wrapper .card-delete-inplace-confirm{-webkit-backdrop-filter:blur(10px);pointer-events:auto;z-index:40;background:#12121cfa;border:1.5px solid #ef4444e6;border-radius:20px;align-items:center;gap:4px;padding:3px 6px 3px 8px;animation:.15s ease-out inplaceFadeIn;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 4px 16px #000000b3,0 0 10px #ef444466}body[data-theme=light] .card-delete-corner-wrapper .card-delete-inplace-confirm{background:#fffffffa;box-shadow:0 4px 14px #0003}.card-delete-corner-wrapper .card-delete-inplace-confirm .confirm-prompt{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-right:2px;font-size:.72rem;font-weight:700}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-yes{color:#fff;cursor:pointer;box-sizing:border-box;width:20px;height:20px;transition:all var(--transition-fast);background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex;padding:0!important}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-yes svg{flex-shrink:0;margin:auto;display:block}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-yes:hover{background:#dc2626;transform:none;box-shadow:0 0 8px #ef4444cc}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-no{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;transition:all var(--transition-fast);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex;padding:0!important}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-no svg{flex-shrink:0;margin:auto;display:block}.card-delete-corner-wrapper .card-delete-inplace-confirm .btn-confirm-no:hover{color:#fff;background:#ffffff40;transform:none}.card-delete-corner-wrapper.lang-delete-corner{z-index:60;top:-5px;right:-5px}.card-delete-corner-wrapper.lang-delete-corner .btn-card-delete-corner{border-width:1.5px;width:16px;height:16px;box-shadow:0 1px 4px #0006}.card-delete-corner-wrapper.lang-delete-corner .btn-card-delete-corner svg{width:9px;height:9px}.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm{z-index:70;border-radius:12px;gap:3px;padding:2px 4px 2px 6px;top:-3px;right:-3px}.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm .confirm-prompt{margin-right:1px;font-size:.65rem}.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm .btn-confirm-yes,.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm .btn-confirm-no{width:17px;height:17px}.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm .btn-confirm-yes svg,.card-delete-corner-wrapper.lang-delete-corner .card-delete-inplace-confirm .btn-confirm-no svg{width:9px;height:9px}@keyframes inplaceFadeIn{0%{opacity:0}to{opacity:1}}.main-header{z-index:1000;background:rgba(var(--surface-color-rgb), .88);-webkit-backdrop-filter:blur(28px)saturate(180%);border-bottom:1px solid var(--glass-border);will-change:backdrop-filter, transform;width:100%;transition:background var(--transition-fast), box-shadow var(--transition-fast), backdrop-filter var(--transition-fast);padding:.45rem 0;position:sticky;top:0;transform:translateZ(0);box-shadow:0 4px 20px #00000040}@media (width>=769px){.main-header{background:rgba(var(--surface-color-rgb), .9);-webkit-backdrop-filter:blur(32px)saturate(180%)}}body[data-theme=light] .main-header{-webkit-backdrop-filter:blur(24px);background:#f1f5f9eb;box-shadow:0 4px 16px #0000000d}@media (width>=769px){body[data-theme=light] .main-header{-webkit-backdrop-filter:blur(28px);background:#f1f5f9eb}}.main-header.is-scrolled{background:rgba(var(--surface-color-rgb), .94);box-shadow:0 8px 30px #0006}@media (width>=769px){.main-header.is-scrolled{background:rgba(var(--surface-color-rgb), .95);-webkit-backdrop-filter:blur(36px)saturate(200%)}}body[data-theme=light] .main-header.is-scrolled{background:#f1f5f9f5;box-shadow:0 8px 24px #00000014}.header-container{justify-content:space-between;align-items:center;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}.header-nav{align-items:center;gap:1.5rem;display:flex}@media (width<=900px){.header-nav{gap:.85rem}}.header-nav.mobile-nav{display:none}@media (width<=768px){.header-nav.mobile-nav{background:rgba(var(--surface-color-rgb), .92);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:flex-start;gap:0;width:100%;display:flex;position:fixed;top:51px;left:0}body[data-theme=light] .header-nav.mobile-nav{background:#f1f5f9f2}.header-nav.mobile-nav{border-bottom:1px solid var(--glass-border);z-index:999;opacity:0;visibility:hidden;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-15px);box-shadow:0 30px 30px #00000080}.header-nav.mobile-nav.open{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(28px);background:rgba(var(--surface-color-rgb), .94);will-change:transform, backdrop-filter;transform:translateY(1px)translateZ(0)}.header-nav.desktop-nav{display:none}}.mobile-menu-backdrop{display:none}@media (width<=768px){.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;cursor:pointer;touch-action:manipulation;background:#00000073;animation:.2s forwards fadeInBackdrop;display:block;position:fixed;inset:51px 0 0}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.nav-link{color:var(--text-secondary);font-family:var(--font-heading);text-transform:uppercase;white-space:nowrap;transition:var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--accent-cyan)}@media (width<=768px){.nav-link{width:100%;padding:.75rem 0;display:block}}.btn-download-wrapper{display:inline-flex;position:relative}.btn-download{background:var(--btn-bg);border:1px solid var(--btn-border);height:36px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);white-space:nowrap;background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;transform:none!important}.btn-download:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff40;transform:none!important}.btn-download .btn-download-text{white-space:nowrap;display:inline-block}.header-right-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.header-narrator-wrapper{align-items:center;display:inline-flex;position:relative}.header-narrator-btn-group{align-items:center;gap:5px;display:inline-flex}.btn-header-narrator{background:var(--btn-bg);border:1px solid var(--btn-border);height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;transform:none!important}.btn-header-narrator:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff40;transform:none!important}.btn-header-narrator.is-playing{color:#ef4444;background:#ef444426;border-color:#ef4444;box-shadow:0 0 14px #ef444459}.btn-header-narrator.is-playing:hover{background:#ef444440}.btn-header-narrator.has-voice-warning{border-color:#f59e0b59}.btn-header-narrator.has-voice-warning:hover{border-color:#f59e0bb3;box-shadow:0 0 12px #f59e0b40}body[data-theme=light] .btn-header-narrator.has-voice-warning{border-color:#d977064d}body[data-theme=light] .btn-header-narrator.has-voice-warning:hover{border-color:#d97706a6;box-shadow:0 0 10px #d9770633}@media (width<=980px){.btn-download{padding:0 9px}.btn-download .btn-download-text{display:none}.btn-download:hover:after{opacity:1;visibility:visible}.btn-header-narrator{padding:0 9px}.btn-header-narrator .narrator-label{display:none}}.btn-theme-toggle{background:var(--btn-bg);border:1px solid var(--btn-border);width:36px;height:36px;color:var(--text-primary);transition:var(--transition-fast);background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.btn-theme-toggle:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff4d}.lang-switcher{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);scrollbar-width:none;border-radius:8px;align-items:center;gap:.25rem;max-width:100%;height:36px;padding:.15rem;display:flex;overflow:visible}@media (width<=600px){.lang-switcher{overflow-x:auto}}.lang-switcher::-webkit-scrollbar{display:none}.lang-item-wrap{align-items:center;height:100%;display:inline-flex;position:relative}.lang-item-wrap:hover .card-delete-corner-wrapper .btn-card-delete-corner,.lang-item-wrap:focus-within .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.lang-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.2rem;height:100%;padding:.25rem .5rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex;position:relative}.lang-btn .lang-code-text{line-height:1;display:inline-block}.lang-btn .default-lang-star{color:#facc15;filter:drop-shadow(0 0 4px #facc1573);flex-shrink:0;transition:transform .2s}.lang-btn:hover{color:var(--text-primary)}.lang-btn:hover .default-lang-star{transform:scale(1.15)}.lang-btn.active{background:var(--progress-bg);color:var(--accent-cyan);border-color:#06b6d44d}.lang-btn.is-draggable{cursor:grab}.lang-btn.is-draggable:active{cursor:grabbing}.lang-btn.is-dragging{opacity:.35;border-style:dashed;border-color:var(--accent-cyan);transform:scale(.92)}.lang-btn.is-drag-over{border-color:var(--accent-cyan);background:#06b6d426;transform:scale(1.06);box-shadow:0 0 10px #06b6d44d}.lang-btn.btn-add-lang{border:1px dashed var(--btn-border);color:var(--text-secondary);background:0 0;border-radius:6px;padding:0 .45rem}.lang-btn.btn-add-lang:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#06b6d41f;box-shadow:0 0 8px #06b6d44d;transform:none!important}.lang-btn.btn-add-lang:active{transform:none!important}.editable-text-wrapper{vertical-align:middle;align-items:center;max-width:100%;transition:outline .15s,background-color .15s;display:inline-flex;position:relative}.editable-text-wrapper.is-hoverable{cursor:pointer;border-radius:4px}.editable-text-wrapper.is-hoverable:hover{outline:1px dashed var(--accent-cyan);outline-offset:3px;background-color:#00f0ff0f}.editable-text-wrapper.is-hoverable:hover .editable-pencil-btn{opacity:1;pointer-events:auto}.editable-text-wrapper.is-editing{z-index:50;width:100%;display:block}.editable-text-wrapper.is-editing .editable-input{border:1px solid var(--accent-cyan);width:100%;caret-color:var(--accent-cyan);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;transition:border-color var(--transition-fast);border-radius:6px;outline:none;padding:6px 10px;box-shadow:0 0 12px #00f0ff40;background:var(--surface-color)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.editable-text-wrapper.is-editing .editable-input.editable-textarea{resize:none;min-height:44px;display:block;overflow-y:hidden}.editable-text-wrapper.is-editing .editable-input:focus{border-color:var(--accent-magenta);box-shadow:0 0 14px #ff007f4d}body[data-theme=light] .editable-text-wrapper.is-editing .editable-input{border:1px solid var(--accent-cyan)!important;color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;background:#fff!important;box-shadow:0 0 0 3px #008eb326!important}body[data-theme=light] .editable-text-wrapper.is-editing .editable-input:focus{border-color:#d946ef!important;box-shadow:0 0 0 3px #d946ef33!important}.editable-content{max-width:100%;display:inline-block}.editable-pencil-btn{background:var(--surface-color);border:1px solid var(--accent-cyan);color:var(--accent-cyan);opacity:0;pointer-events:none;z-index:30;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s,color .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0006;flex-shrink:0!important;width:22px!important;height:22px!important;position:absolute!important;top:-14px!important;right:-14px!important}.editable-pencil-btn:hover{background:var(--accent-cyan);color:#050505;box-shadow:0 0 10px #00f0ff73}.editable-text-wrapper.no-pencil .editable-pencil-btn{display:none!important}.editable-actions-bar{z-index:100;background:var(--surface-color);border:1px solid var(--glass-border);border-radius:8px;align-items:center;gap:6px;padding:3px 6px;animation:.15s forwards editableTextFadeIn;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #00000073}body[data-theme=light] .editable-actions-bar{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 8px 20px #0f172a1f!important}.editable-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:filter .15s,background .15s;display:inline-flex}.editable-btn:hover{filter:brightness(1.15)}.editable-btn:active{filter:brightness(.95)}.editable-btn.editable-btn-save{color:#fff;background:#10b981}.editable-btn.editable-btn-cancel{color:#fff;background:#ef4444}@keyframes editableTextFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pixel-alien-container{border:4px solid var(--surface-color);-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);background:#06060c;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 25px #000000e6,0 0 20px #00f0ff33}.pixel-alien-container .pixel-alien-svg{width:100%;height:100%;display:block}.pixel-alien-container .alien-sprite{transform-origin:50%;animation:3.5s ease-in-out infinite alternate alienFloat}.pixel-alien-container .alien-eye-pixel{animation:4s infinite eyeBlink}@keyframes alienFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}to{transform:translateY(2px)scale(.98)}}@keyframes eyeBlink{0%,94%,98%,to{opacity:1}96%{opacity:.1}}.editable-avatar-root{vertical-align:middle;display:inline-block;position:relative}.editable-avatar-root:hover .editable-avatar-actions-bar,.editable-avatar-root.has-staged .editable-avatar-actions-bar{opacity:1;pointer-events:auto}.avatar-hover-container{cursor:pointer;outline:2px dashed color-mix(in srgb, var(--accent-cyan) 75%, transparent);outline-offset:4px;box-shadow:0 0 18px color-mix(in srgb, var(--accent-cyan) 25%, transparent);transition:outline-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;display:inline-block;position:relative}.avatar-hover-container:hover{outline-color:var(--accent-cyan);box-shadow:0 0 28px color-mix(in srgb, var(--accent-cyan) 50%, transparent)}.avatar-hover-container:hover .avatar-hover-overlay{opacity:1;pointer-events:auto;background:#05050ab3}.avatar-hover-container.is-drag-over{outline:3px solid var(--accent-magenta);outline-offset:6px;box-shadow:0 0 35px color-mix(in srgb, var(--accent-magenta) 60%, transparent)}.avatar-hover-container.is-drag-over .avatar-hover-overlay{opacity:1;pointer-events:auto;background:color-mix(in srgb, var(--accent-magenta) 35%, #05050ab3)}.avatar-hover-container.is-staged{outline:2px solid var(--accent-cyan);outline-offset:4px;box-shadow:0 0 30px color-mix(in srgb, var(--accent-cyan) 50%, transparent)}.avatar-display-frame{border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-hover-overlay{-webkit-backdrop-filter:blur(2px);color:#fff;opacity:0;pointer-events:none;transition:background-color var(--transition-fast), opacity var(--transition-fast);z-index:10;background:#05050a73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.avatar-hover-overlay .overlay-icon{color:var(--accent-cyan);margin-bottom:2px}.avatar-hover-overlay .overlay-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;color:var(--accent-cyan);font-size:.85rem;font-weight:700}.avatar-hover-overlay .overlay-subtext{color:#ffffffd9;font-size:.7rem}.editable-avatar-pencil-btn{background:var(--surface-color);border:2px solid var(--accent-cyan);width:38px;height:38px;color:var(--accent-cyan);opacity:1;pointer-events:auto;box-shadow:0 4px 15px #000000b3, 0 0 14px color-mix(in srgb, var(--accent-cyan) 45%, transparent);z-index:60;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;position:absolute!important;inset:10px 10px auto auto!important}.editable-avatar-pencil-btn:hover{background:var(--accent-cyan);color:#050505;box-shadow:0 0 22px color-mix(in srgb, var(--accent-cyan) 75%, transparent)}.editable-avatar-actions-bar{z-index:50;background:var(--surface-color);border:1px solid var(--glass-border);opacity:0;pointer-events:none;white-space:nowrap;border-radius:24px;align-items:center;gap:8px;padding:4px 8px;transition:opacity .15s;display:flex;box-shadow:0 8px 24px #000000a6;position:absolute!important;bottom:14px!important;left:50%!important;transform:translate(-50%)!important}.editable-avatar-actions-bar .avatar-bar-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff14;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.editable-avatar-actions-bar .avatar-bar-btn:hover{background:var(--accent-cyan);color:#050505;border-color:var(--accent-cyan)}.editable-avatar-actions-bar .avatar-bar-btn.btn-reset-alien:hover{background:var(--accent-magenta);color:#fff;border-color:var(--accent-magenta)}.editable-avatar-actions-bar .editable-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .15s,box-shadow .15s;display:inline-flex}.editable-avatar-actions-bar .editable-btn:hover{box-shadow:0 0 10px}.editable-avatar-actions-bar .editable-btn.editable-btn-save{color:#fff;background:#10b981}.editable-avatar-actions-bar .editable-btn.editable-btn-cancel{color:#fff;background:#ef4444}.avatar-error-toast{color:#fff;z-index:70;text-align:center;background:#dc2626;border-radius:8px;align-items:center;gap:6px;max-width:280px;padding:6px 12px;font-size:.75rem;font-weight:500;animation:.2s forwards fadeInFast;display:flex;position:absolute;top:calc(100% + 24px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.avatar-error-toast .btn-toast-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;margin-left:4px;padding:0;display:flex}.avatar-error-toast .btn-toast-close:hover{opacity:1}.editable-badge-list{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.editable-badge-list .badge-item-view{justify-content:center;align-items:center;display:inline-flex}.editable-badge-list .meta-tag{color:var(--text-primary);background:rgba(var(--surface-color-rgb), .5);border:1px solid var(--glass-border);box-sizing:border-box;height:26px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:0 .65rem;font-size:.8rem;font-weight:500;line-height:1;display:inline-flex}.editable-badge-list .meta-tag:hover{background:rgba(var(--surface-color-rgb), .8);border-color:#fff3}body[data-theme=light] .editable-badge-list .meta-tag{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.editable-badge-list.is-edit-mode .badge-item-edit{box-sizing:border-box;justify-content:center;align-items:center;gap:.35rem;height:26px;display:inline-flex;position:relative;padding:0 .35rem 0 .55rem!important}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper,.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper .editable-content{align-items:center;line-height:1;display:inline-flex}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper .editable-pencil-btn{display:none!important}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-hoverable:hover{background-color:#0000!important;outline:none!important}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-editing{align-items:center;width:auto;display:inline-flex}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-editing .editable-input{field-sizing:content;box-sizing:border-box;width:auto;min-width:40px;max-width:220px;height:20px;font-size:inherit;font-weight:inherit;border:1px solid var(--accent-cyan);border-radius:3px;padding:1px 5px;line-height:1;box-shadow:0 0 6px #00f0ff4d;background:var(--surface-color)!important}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-editing .editable-actions-bar{gap:4px;padding:2px 5px;top:calc(100% + 5px);left:50%;right:auto;transform:translate(-50%)}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-editing .editable-actions-bar .editable-btn{width:20px;height:20px;padding:0}.editable-badge-list.is-edit-mode .badge-item-edit .editable-text-wrapper.is-editing .editable-actions-bar .editable-btn svg{width:12px;height:12px}.editable-badge-list.is-edit-mode .badge-item-edit .badge-remove-btn{width:15px;height:15px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.editable-badge-list.is-edit-mode .badge-item-edit .badge-remove-btn svg{display:block}.editable-badge-list.is-edit-mode .badge-item-edit .badge-remove-btn:hover{color:#fff;background:#ef4444;transform:none!important}.editable-badge-list .badge-add-inline{box-sizing:border-box;border-radius:4px;align-items:center;gap:.3rem;height:26px;display:inline-flex;border:1px dashed var(--accent-cyan)!important;background:rgba(var(--surface-color-rgb), .95)!important;padding:0 .35rem 0 .55rem!important}.editable-badge-list .badge-add-inline .badge-add-input{background:0 0;border:none;outline:none;width:75px;padding:0;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.editable-badge-list .badge-add-inline .badge-add-input::placeholder{color:var(--text-secondary);opacity:.7}.editable-badge-list .badge-add-inline .badge-inline-action-btn{cursor:pointer;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin:0;padding:0;line-height:1;display:inline-flex}.editable-badge-list .badge-add-inline .badge-inline-action-btn svg{display:block}.editable-badge-list .badge-add-inline .badge-inline-action-btn.confirm{color:#fff;background:#10b981}.editable-badge-list .badge-add-inline .badge-inline-action-btn.cancel{color:var(--text-secondary);background:#ffffff26}.editable-badge-list .badge-add-inline .badge-inline-action-btn.cancel:hover{color:#fff;background:#ef4444;transform:none!important}.editable-badge-list .badge-add-trigger-btn{box-sizing:border-box;height:26px;color:var(--accent-cyan);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#00f0ff14;border:1px dashed #00f0ff73;border-radius:4px;justify-content:center;align-items:center;gap:.3rem;padding:0 .55rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.editable-badge-list .badge-add-trigger-btn svg{display:block}.editable-badge-list .badge-add-trigger-btn:hover{border-color:var(--accent-cyan);background:#00f0ff29;transform:none!important}.hero-section{max-width:100%;padding-top:4rem;padding-bottom:6rem;scroll-margin-top:calc(52px + 3rem);overflow:visible}@media (width<=900px){.hero-section{padding-top:0!important}}@media (width<=768px){.hero-section{padding-bottom:3rem;padding-left:20px;padding-right:20px;padding-top:0!important}}.hero-content{justify-content:space-between;align-items:center;gap:4rem;display:flex}@media (width<=900px){.hero-content{text-align:center;flex-direction:column-reverse;gap:3rem}}.hero-text{z-index:2;flex:1;position:relative}.hero-name{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1.1;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-cyan) 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.hero-name::selection{background:0 0!important}.hero-name .editable-text-wrapper.is-editing{-webkit-text-fill-color:initial}.hero-name .editable-text-wrapper.is-editing .editable-input{text-transform:uppercase;-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important;background:var(--surface-color)!important}@media (width<=768px){.hero-name{font-size:2.5rem}}.hero-title{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.hero-summary{color:var(--text-secondary);max-width:600px;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}@media (width<=900px){.hero-summary{margin:0 auto 1.5rem}}.hero-hobbies{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;max-width:600px;margin-bottom:2.5rem;display:flex}@media (width<=900px){.hero-hobbies{justify-content:center;margin:0 auto 2.5rem}}.hobby-tag{color:var(--text-primary);background:rgba(var(--surface-color-rgb), .5);border:1px solid var(--glass-border);box-sizing:border-box;letter-spacing:.02em;height:26px;transition:var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:0 .55rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.hobby-tag:hover{background:rgba(var(--surface-color-rgb), .75);border-color:#ffffff26}.hero-links-wrapper{width:100%;position:relative}.hero-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}@media (width<=900px){.hero-links{justify-content:center}}@media (width<=480px){.hero-links{gap:.85rem;padding:.5rem .25rem}}.social-button-container{display:inline-flex;position:relative}.social-icon-btn{cursor:pointer;position:relative}.social-icon-btn.is-inactive{opacity:.38;filter:grayscale();border:1px dashed var(--btn-border);background:0 0}.social-icon-btn.is-inactive:hover{opacity:.85;filter:none;border-color:var(--accent-cyan)}.social-icon-btn .edit-pencil-badge{background:var(--surface-color);border:1px solid var(--accent-cyan);width:18px;height:18px;color:var(--accent-cyan);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0006}.social-icon-btn .edit-pencil-badge.is-inactive-badge{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.social-popover-card{background:var(--surface-color);border:1px solid var(--accent-cyan);z-index:500;border-radius:10px;flex-direction:column;gap:8px;width:295px;padding:12px;animation:.15s forwards popoverFadeIn;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009,0 0 15px #00f0ff33}.social-popover-card:after{content:"";border-style:solid;border-width:6px;border-color:var(--accent-cyan) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}body[data-theme=light] .social-popover-card{border:1px solid var(--accent-cyan)!important;background:#fff!important;box-shadow:0 12px 32px #0f172a29,0 0 15px #008eb326!important}body[data-theme=light] .social-popover-card:after{border-color:var(--accent-cyan) transparent transparent transparent!important}.social-popover-card .popover-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.social-popover-card .popover-header .popover-title-icon{color:var(--accent-cyan);align-items:center;display:flex}.social-popover-card .popover-header .popover-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:700;overflow:hidden}.social-popover-card .popover-header .popover-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.social-popover-card .popover-header .popover-status-badge .status-dot{border-radius:50%;width:5px;height:5px}.social-popover-card .popover-header .popover-status-badge.status-active{color:#10b981;background:#10b98126}.social-popover-card .popover-header .popover-status-badge.status-active .status-dot{background:#10b981}.social-popover-card .popover-header .popover-status-badge.status-inactive{color:#f59e0b;background:#f59e0b26}.social-popover-card .popover-header .popover-status-badge.status-inactive .status-dot{background:#f59e0b}.social-popover-card .popover-header .popover-status-badge.status-empty{color:var(--text-secondary);background:#ffffff14}.social-popover-card .popover-header .popover-status-badge.status-empty .status-dot{background:var(--text-secondary)}body[data-theme=light] .social-popover-card .popover-header .popover-status-badge.status-empty{color:#64748b;background:#0000000f}body[data-theme=light] .social-popover-card .popover-header .popover-status-badge.status-empty .status-dot{background:#64748b}.social-popover-card .popover-header .popover-btn-close{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.social-popover-card .popover-header .popover-btn-close:hover{color:var(--text-primary);background:#ffffff1a}body[data-theme=light] .social-popover-card .popover-header .popover-btn-close{color:#64748b}body[data-theme=light] .social-popover-card .popover-header .popover-btn-close:hover{color:#0f172a;background:#0000000d}.social-popover-card .popover-input{box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#0b0f19d9;border:1px solid #00f0ff59;border-radius:6px;outline:none;padding:8px 10px;font-size:.85rem;box-shadow:inset 0 2px 4px #0000004d;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.social-popover-card .popover-input::placeholder{color:var(--text-secondary);opacity:.65}.social-popover-card .popover-input:hover{border-color:#00f0ff8c}.social-popover-card .popover-input:focus{border-color:var(--accent-cyan);background:#0b0f19fa;box-shadow:0 0 10px #00f0ff4d,inset 0 2px 4px #00000040}body[data-theme=light] .social-popover-card .popover-input{box-shadow:inset 0 1px 3px #0000000d;color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}body[data-theme=light] .social-popover-card .popover-input::placeholder{opacity:1;color:#94a3b8!important}body[data-theme=light] .social-popover-card .popover-input:hover{border-color:#008eb380!important}body[data-theme=light] .social-popover-card .popover-input:focus{border-color:var(--accent-cyan)!important;background:#fff!important;box-shadow:0 0 0 3px #008eb32e!important}.social-popover-card .popover-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.social-popover-card .popover-actions .popover-btn-save{color:#fff;cursor:pointer;white-space:nowrap;transition:filter var(--transition-fast), transform var(--transition-fast);background:#10b981;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.social-popover-card .popover-actions .popover-btn-save:hover{filter:brightness(1.1)}.social-popover-card .popover-actions .popover-btn-toggle-active{cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.social-popover-card .popover-actions .popover-btn-toggle-active.is-deactivating{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.social-popover-card .popover-actions .popover-btn-toggle-active.is-deactivating:hover{color:#111827;background:#f59e0b}.social-popover-card .popover-actions .popover-btn-toggle-active.is-activating{color:#10b981;background:#10b98126;border-color:#10b98166}.social-popover-card .popover-actions .popover-btn-toggle-active.is-activating:hover{color:#fff;background:#10b981}.social-popover-card .popover-actions .popover-btn-delete{color:#ef4444;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);background:#ef444426;border:1px solid #ef444466;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.social-popover-card .popover-actions .popover-btn-delete:hover{color:#fff;background:#ef4444}.btn-add-social-trigger{height:45px;color:var(--accent-cyan);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#00f0ff14;border:1px dashed #00f0ff80;border-radius:50px;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;display:inline-flex}.btn-add-social-trigger:hover{border-color:var(--accent-cyan);background:#00f0ff2e}body[data-theme=light] .btn-add-social-trigger{color:var(--accent-cyan);background:#008eb314;border:1px dashed #008eb373}body[data-theme=light] .btn-add-social-trigger:hover{border-color:var(--accent-cyan);background:#008eb329}.social-add-modal-overlay{z-index:100000!important;-webkit-backdrop-filter:blur(8px)!important;background:#0a0a0fd1!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.social-add-modal-content{z-index:100001!important;width:92%!important;max-width:540px!important}.social-add-modal-content .channel-search-bar{margin-top:10px;margin-bottom:14px;position:relative}.social-add-modal-content .channel-search-bar .search-icon{color:var(--accent-cyan);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.social-add-modal-content .channel-search-bar .channel-search-input{box-sizing:border-box;width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#0b0f19d9;border:1px solid #00f0ff4d;border-radius:8px;outline:none;padding:10px 14px 10px 38px;font-size:.9rem;box-shadow:inset 0 2px 4px #00000040}.social-add-modal-content .channel-search-bar .channel-search-input::placeholder{color:var(--text-secondary);opacity:.55}.social-add-modal-content .channel-search-bar .channel-search-input:focus{border-color:var(--accent-cyan);background:#0b0f19fa;box-shadow:0 0 14px #00f0ff4d}body[data-theme=light] .social-add-modal-content .channel-search-bar .channel-search-input{box-shadow:inset 0 1px 3px #0000000d;color:#1a202c!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}body[data-theme=light] .social-add-modal-content .channel-search-bar .channel-search-input::placeholder{color:#94a3b8;opacity:1}body[data-theme=light] .social-add-modal-content .channel-search-bar .channel-search-input:focus{border-color:var(--accent-cyan)!important;background:#fff!important;box-shadow:0 0 0 3px #008eb32e!important}.social-add-modal-content .channel-types-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:250px;margin:12px 0;padding-right:4px;display:grid;overflow-y:auto}@media (width<=480px){.social-add-modal-content .channel-types-grid{grid-template-columns:repeat(2,1fr)}}.social-add-modal-content .channel-type-card{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.social-add-modal-content .channel-type-card .channel-icon{color:var(--accent-cyan);flex-shrink:0;align-items:center;display:flex}.social-add-modal-content .channel-type-card .channel-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.social-add-modal-content .channel-type-card:hover{color:var(--text-primary);background:#ffffff14}.social-add-modal-content .channel-type-card.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1f}body[data-theme=light] .social-add-modal-content .channel-type-card{color:#4a5568;background:#f8fafc;border:1px solid #e2e8f0}body[data-theme=light] .social-add-modal-content .channel-type-card:hover{color:#0f172a;background:#f1f5f9}body[data-theme=light] .social-add-modal-content .channel-type-card.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#008eb31a}.social-add-modal-content .channel-input-wrapper{margin-top:12px;margin-bottom:20px}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.btn-link{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:45px;min-width:45px;height:45px;color:var(--text-primary);transition:var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-link:hover{box-shadow:0 0 20px color-mix(in srgb, var(--accent-cyan) 30%, transparent);border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .85);color:var(--accent-cyan)}.hero-avatar-column{flex-direction:column;flex-shrink:0;align-items:center;gap:1.25rem;display:flex;position:relative;overflow:visible}@media (width<=900px){.hero-avatar-column{gap:1rem;padding-top:0}}.hero-narrator-hover-anchor{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-player-row{z-index:100;justify-content:center;width:100%;margin-top:18px;display:flex;position:relative;margin-bottom:1.5rem!important}.hero-player-row.has-open-popover,.hero-player-row:hover,.hero-player-row:focus-within{z-index:500}@media (width<=900px){.hero-player-row{margin-top:18px!important;margin-bottom:1.5rem!important}}.hero-narrator-pill{transition:all var(--transition-fast);background:#00f0ff14;border:1px solid #00f0ff59;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 14px;display:inline-flex;box-shadow:0 4px 14px #00000040}.hero-narrator-pill.is-playing{background:#ef44441f;border-color:#ef444473;box-shadow:0 0 16px #ef44444d}.hero-narrator-pill.has-voice-warning{background:#f59e0b0f;border-color:#f59e0b59}body[data-theme=light] .hero-narrator-pill.has-voice-warning{background:#d977060d;border-color:#d977064d}body[data-theme=light] .hero-narrator-pill{background:#008eb314;border-color:#008eb359;box-shadow:0 4px 12px #00000014}body[data-theme=light] .hero-narrator-pill:hover{background:#008eb31f;border-color:#008eb38c}body[data-theme=light] .hero-narrator-pill.is-playing{background:#ef44441a;border-color:#ef444466}body[data-theme=light] .hero-narrator-pill.is-playing:hover{background:#ef444426;border-color:#ef44448c}.btn-hero-topics{height:26px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:.86rem;font-weight:700;display:inline-flex;position:relative;transform:none!important}@media (width<=768px){.btn-hero-topics:after{content:"";pointer-events:auto;background:0 0;position:absolute;inset:-6px}}.btn-hero-topics:hover,.btn-hero-topics.is-active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff24;box-shadow:0 0 10px #00f0ff40;transform:none!important}.btn-hero-topics .topics-icon{flex-shrink:0}.btn-hero-topics .topics-chevron{transition:transform .2s}.btn-hero-topics .topics-chevron.is-open{transform:rotate(180deg)}body[data-theme=light] .btn-hero-topics{color:var(--text-secondary);background:#0000000a;border-color:#0000001a}body[data-theme=light] .btn-hero-topics:hover,body[data-theme=light] .btn-hero-topics.is-active{color:#008eb3;background:#008eb31f;border-color:#008eb3}.btn-hero-narrator{color:var(--accent-cyan);cursor:pointer;box-shadow:none;transition:color var(--transition-fast);background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:4px 8px 4px 0;font-family:inherit;font-size:.86rem;font-weight:700;display:inline-flex;transform:none!important}.btn-hero-narrator:hover{color:#fff;transform:none!important}.btn-hero-narrator.is-playing{color:#ef4444}.btn-hero-narrator.is-playing:hover{color:#f87171}body[data-theme=light] .btn-hero-narrator{color:var(--accent-cyan)}body[data-theme=light] .btn-hero-narrator:hover{color:#005d75}body[data-theme=light] .btn-hero-narrator.is-playing{color:#dc2626}body[data-theme=light] .btn-hero-narrator.is-playing:hover{color:#b91c1c}.btn-hero-narrator .sound-wave-bars{align-items:flex-end;gap:2px;height:14px;margin-right:4px;display:inline-flex}.btn-hero-narrator .sound-wave-bars .bar{background:currentColor;border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate soundWave}.btn-hero-narrator .sound-wave-bars .bar.bar-1{height:6px;animation-delay:0s}.btn-hero-narrator .sound-wave-bars .bar.bar-2{height:14px;animation-delay:.2s}.btn-hero-narrator .sound-wave-bars .bar.bar-3{height:9px;animation-delay:.4s}.hero-speed-selector{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:2px;padding:2px;display:inline-flex}body[data-theme=light] .hero-speed-selector{background:#0000000d;border-color:#0000001a}.btn-hero-speed{letter-spacing:.3px;cursor:pointer;min-width:25px;height:22px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex;transform:none!important}.btn-hero-speed:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:none!important}.btn-hero-speed.is-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff40;box-shadow:0 0 8px #00f0ff66}.btn-hero-speed.is-inactive{opacity:.65}.btn-hero-speed.is-inactive:hover{opacity:1}body[data-theme=light] .btn-hero-speed{color:var(--text-secondary)}body[data-theme=light] .btn-hero-speed.is-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#008eb333}@keyframes soundWave{0%{height:4px}to{height:14px}}.hero-create-portfolio-block{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:250px;display:flex}.hero-btn-create-portfolio{justify-content:center;width:100%}.hero-interview-text{color:var(--text-secondary);opacity:.8;letter-spacing:.01em;margin:0;font-size:.82rem;font-style:italic;line-height:1.35}.hero-image-wrapper{z-index:10;flex-shrink:0;position:relative;overflow:visible}@media (width<=768px){.hero-image-wrapper{padding-top:0}}.hero-image-wrapper:before{content:"";background:conic-gradient(from 0deg, var(--accent-cyan), var(--accent-purple), var(--accent-magenta), var(--accent-cyan));z-index:-1;filter:blur(25px);opacity:.6;transform:translate(var(--mouse-x,0px), var(--mouse-y,0px));pointer-events:none;border-radius:50%;transition:transform .1s ease-out;animation:6s ease-in-out infinite alternate chaoticGlow,12s linear infinite spinBackground;position:absolute;inset:-10px}@keyframes spinBackground{0%{transform:translate(var(--mouse-x,0px), var(--mouse-y,0px)) rotate(0deg)}to{transform:translate(var(--mouse-x,0px), var(--mouse-y,0px)) rotate(360deg)}}@keyframes chaoticGlow{0%{opacity:.4;filter:blur(15px);scale:.95}33%{opacity:.8;filter:blur(25px);scale:1.03}66%{opacity:.5;filter:blur(20px);scale:.98}to{opacity:.9;filter:blur(30px);scale:1.05}}.hero-image{object-fit:cover;border:4px solid var(--surface-color);border-radius:50%;width:250px;height:250px}@media (width<=768px){.hero-image{width:200px;height:200px}}.global-search-section{z-index:50;margin-bottom:-1rem;padding-bottom:0;position:relative;margin-top:50px!important}.global-search-section.has-dropdown-open{z-index:500}body.modal-open .global-search-section,html.modal-open .global-search-section,.global-search-section.is-modal-open{z-index:0!important;pointer-events:none!important}body.modal-open .global-search-section .autocomplete-dropdown,html.modal-open .global-search-section .autocomplete-dropdown,.global-search-section.is-modal-open .autocomplete-dropdown{display:none!important}.global-search-wrapper{width:100%;position:relative}.search-input-container{background:var(--card-bg);border:1px solid var(--glass-border);height:50px;min-height:50px;max-height:50px;transition:var(--transition-fast);background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:var(--transition-normal);border-radius:12px;align-items:center;padding:0 1.25rem;display:flex}.search-input-container:hover{box-shadow:0 0 20px color-mix(in srgb, var(--accent-cyan) 30%, transparent);border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .85)}.search-input-container{box-sizing:border-box;max-width:100%}@media (width<=768px){.search-input-container{height:46px;min-height:46px;max-height:46px;padding:0 .75rem}}.search-input-container:focus-within{border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .8)}.search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:.75rem}@media (width<=480px){.search-icon{margin-right:.4rem}}.search-tags-container{scrollbar-width:none;flex-wrap:nowrap;flex:1;align-items:center;gap:.4rem;min-width:0;height:100%;display:flex;overflow-x:auto}.search-tags-container::-webkit-scrollbar{display:none}.search-badge{height:26px;color:var(--accent-cyan);white-space:nowrap;box-sizing:border-box;background:#00f0ff1a;border:1px solid #00f0ff59;border-radius:4px;flex-shrink:0;align-items:center;max-width:160px;padding:0 .55rem;font-size:.8rem;font-weight:500;line-height:1;display:inline-flex}.search-badge .badge-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=480px){.search-badge{max-width:110px;height:24px;padding:0 .45rem;font-size:.75rem}}.remove-badge-btn{color:var(--accent-cyan);cursor:pointer;opacity:.75;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:.35rem;padding:0;display:inline-flex}.remove-badge-btn:hover{opacity:1;color:#ef4444}.global-search-input{min-width:80px;height:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}@media (width<=768px){.global-search-input{min-width:50px;font-size:16px}}.global-search-input::placeholder{color:var(--text-secondary);opacity:.7}.clear-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex}.clear-btn:hover{color:var(--accent-magenta);background:#ff00ff1a}.autocomplete-dropdown{border:1px solid var(--accent-cyan);z-index:9999;border-radius:12px;flex-direction:column;width:100%;max-height:250px;margin-top:.5rem;padding:.5rem;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 16px 40px #000000d9;-webkit-backdrop-filter:blur(24px)!important;background-color:#151b2b!important}body[data-theme=light] .autocomplete-dropdown{border-color:var(--accent-cyan);box-shadow:0 16px 40px #0000002e;background-color:#fff!important}.suggestion-item{text-align:left;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.suggestion-item:hover,.suggestion-item.selected{color:var(--accent-cyan);background:#00f0ff1a}.search-submit-btn{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);color:#050505;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;flex-shrink:0;margin-left:.75rem;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600}@media (width<=480px){.search-submit-btn{margin-left:.4rem;padding:.45rem .75rem;font-size:.85rem}}.search-submit-btn:hover{filter:brightness(1.15);box-shadow:0 4px 18px #00f0ff80}.search-submit-btn:active{filter:brightness(.95)}.section-header-wrap{justify-content:center;align-items:center;width:100%;margin-top:3.5rem;margin-bottom:2.5rem;display:flex;position:relative}.section-header-wrap.is-creating{background:#00f0ff08;border:1px dashed #00f0ff59;border-radius:12px;padding:1rem}.section-header-wrap .section-title-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:auto;margin:0 auto;display:inline-flex;position:relative}.section-header-wrap .section-title-main-row{justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}@media (width<=992px){.section-header-wrap .section-title-main-row{flex-direction:column}}.section-header-wrap .section-title-main-row .section-title{text-align:center;margin:0!important;line-height:1.15!important}.section-header-wrap .section-title-main-row .section-title:after{display:none!important}.section-header-wrap .section-title-main-row .section-title.editable-section-title{cursor:pointer}.section-header-wrap .section-title-decor-line{background:var(--accent-purple);border-radius:2px;flex-shrink:0;width:60px;height:4px;margin:.85rem auto 0}.section-header-wrap .section-title-input-wrap{align-items:center;gap:.6rem;display:inline-flex;position:relative}.section-header-wrap .section-title-inline-input{font-family:var(--font-heading);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;border:2px solid var(--accent-cyan);box-sizing:border-box;text-align:center;vertical-align:middle;background:#00f0ff0f;border-radius:8px;outline:none;min-width:280px;max-width:85vw;height:52px;margin:0;padding:0 1.25rem;font-size:1.75rem;font-weight:700;line-height:normal;box-shadow:0 0 16px #00f0ff40}body[data-theme=light] .section-header-wrap .section-title-inline-input{color:#008eb3;background:#f0fdfa;border-color:#008eb3;box-shadow:0 0 12px #008eb326}.section-header-wrap .section-title-inline-input::placeholder{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:#00f0ff73;vertical-align:middle;opacity:1;font-size:1.75rem;font-weight:600;line-height:normal}body[data-theme=light] .section-header-wrap .section-title-inline-input::placeholder{color:#008eb380}.section-header-wrap .btn-title-action{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.section-header-wrap .btn-title-action.btn-title-confirm{background:var(--accent-cyan);color:#0d1117;border:1px solid var(--accent-cyan)}body[data-theme=light] .section-header-wrap .btn-title-action.btn-title-confirm{color:#fff;background:#008eb3;border-color:#008eb3}.section-header-wrap .btn-title-action.btn-title-confirm:hover{filter:brightness(1.15);box-shadow:0 0 12px #00f0ff66}.section-header-wrap .btn-title-action.btn-title-cancel{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff14}body[data-theme=light] .section-header-wrap .btn-title-action.btn-title-cancel{background:#f1f5f9;border-color:#cbd5e1}.section-header-wrap .btn-title-action.btn-title-cancel:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.section-header-wrap .section-actions-toolbar-wrapper{z-index:100;white-space:nowrap;align-items:center;display:inline-flex;position:absolute;top:50%;left:calc(100% + 1.25rem);transform:translateY(-50%)}@media (width<=992px){.section-header-wrap .section-actions-toolbar-wrapper{margin-top:.85rem;position:static;top:auto;left:auto;transform:none}}.category-type-picker-popover{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--accent-cyan);z-index:200;background:#0d1117f2;border-radius:12px;width:360px;max-width:calc(100vw - 32px);padding:.85rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #000000b3,0 0 20px #00f0ff40;white-space:normal!important}body[data-theme=light] .category-type-picker-popover{background:#fff;border-color:#008eb3;box-shadow:0 10px 25px #00000026}.category-type-picker-popover .type-picker-header,.category-type-picker-popover .type-picker-footer{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex;white-space:normal!important}body[data-theme=light] .category-type-picker-popover .type-picker-header,body[data-theme=light] .category-type-picker-popover .type-picker-footer{color:#008eb3}.category-type-picker-popover .type-picker-header .btn-close-picker,.category-type-picker-popover .type-picker-footer .btn-close-picker{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;transform:none!important}.category-type-picker-popover .type-picker-header .btn-close-picker:hover,.category-type-picker-popover .type-picker-footer .btn-close-picker:hover{color:var(--text-primary);transform:none!important}.category-type-picker-popover .type-picker-header{border-bottom:1px solid #ffffff14;margin-bottom:.5rem;padding-bottom:.5rem}body[data-theme=light] .category-type-picker-popover .type-picker-header{border-bottom-color:#e2e8f0}.category-type-picker-popover .type-picker-footer{border-top:1px solid #ffffff14;margin-top:.65rem;padding-top:.65rem}body[data-theme=light] .category-type-picker-popover .type-picker-footer{border-top-color:#e2e8f0}.category-type-picker-popover .type-options-list{flex-direction:column;gap:.5rem;display:flex;white-space:normal!important}.category-type-picker-popover .type-option-btn{border:1px solid var(--glass-border);cursor:pointer;text-align:left;transition:all var(--transition-fast);box-sizing:border-box;background:#ffffff08;border-radius:8px;align-items:flex-start;gap:.75rem;width:100%;padding:.65rem .75rem;display:flex;white-space:normal!important}.category-type-picker-popover .type-option-btn:hover{border-color:var(--accent-cyan);background:#00f0ff14;transform:none!important}.category-type-picker-popover .type-option-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.7)}.category-type-picker-popover .type-option-btn.is-disabled:hover{border-color:var(--glass-border);background:#ffffff08;transform:none}body[data-theme=light] .category-type-picker-popover .type-option-btn{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .category-type-picker-popover .type-option-btn:hover{background:#f0fdfa;border-color:#008eb3}body[data-theme=light] .category-type-picker-popover .type-option-btn.is-disabled{background:#f1f5f9;border-color:#e2e8f0}.category-type-picker-popover .type-option-btn .option-icon-box{width:32px;height:32px;color:var(--accent-cyan);background:#00f0ff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.category-type-picker-popover .type-option-btn .option-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;white-space:normal!important}.category-type-picker-popover .type-option-btn .option-meta .option-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.category-type-picker-popover .type-option-btn .option-meta .option-title{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.25;white-space:normal!important}.category-type-picker-popover .type-option-btn .option-meta .option-already-badge{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:600}body[data-theme=light] .category-type-picker-popover .type-option-btn .option-meta .option-already-badge{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}.category-type-picker-popover .type-option-btn .option-meta .option-desc{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;font-size:.74rem;line-height:1.35;white-space:normal!important}.category-type-picker-popover .type-group-divider{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-top:1px dashed #ffffff1f;align-items:center;margin:.35rem 0 .15rem;padding-top:.4rem;font-size:.72rem;font-weight:700;display:flex}body[data-theme=light] .category-type-picker-popover .type-group-divider{color:#94a3b8;border-top-color:#e2e8f0}.btn-category-action{cursor:pointer;transition:all var(--transition-fast);position:relative}.skills-section{padding-top:4rem;padding-bottom:8rem}@media (width<=768px){.skills-section{padding-top:2rem;padding-bottom:6rem}}.section-title{font-family:var(--font-heading);text-align:center;text-transform:uppercase;color:var(--text-primary);margin-top:3rem;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.section-title:after{content:"";background:var(--accent-purple);border-radius:2px;width:60px;height:4px;margin:1rem auto 0;display:block}.skills-categories-wrapper{flex-direction:column;gap:3rem;display:flex}.skill-category{padding:1rem 0}.category-header-block{transition:all var(--transition-fast);border-radius:10px;margin-bottom:1.5rem}.category-header-block.has-inline-add{background:#00f0ff08;border:1px dashed #00f0ff4d;margin-bottom:1.5rem;padding:.75rem 1rem}.category-header-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1.25rem;padding-bottom:.5rem;display:flex}.has-inline-add .category-header-row{border-bottom:none;padding-bottom:0}body[data-theme=light] .category-header-row{border-bottom:1px solid #0000000f}.category-inline-add-row{border-top:1px solid #00f0ff26;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;padding:.65rem 0 .25rem;animation:.2s ease-in-out fadeIn;display:flex}.category-inline-add-row .inline-add-label{color:var(--accent-cyan);white-space:nowrap;font-size:.82rem;font-weight:600}.category-inline-add-row .inline-add-input{background:var(--card-bg);border:1px solid var(--glass-border);min-width:180px;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.4rem .75rem;font-size:.88rem}.category-inline-add-row .inline-add-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff33}.category-inline-add-row .inline-add-actions{align-items:center;gap:.4rem;display:flex}.category-inline-add-row .btn-inline-add-confirm{background:var(--accent-cyan);color:#0d1117;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.category-inline-add-row .btn-inline-add-confirm:hover:not(:disabled){filter:brightness(1.15)}.category-inline-add-row .btn-inline-add-confirm:disabled{opacity:.4;cursor:not-allowed}.category-inline-add-row .btn-inline-add-cancel{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .65rem;font-size:.8rem}.category-inline-add-row .btn-inline-add-cancel:hover{color:var(--text-primary);background:#ffffff14}.category-title-wrap{align-items:center;gap:.75rem;display:flex}.category-title-wrap .category-title{margin-bottom:0}.category-title{font-family:var(--font-heading);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;align-items:center;font-size:1.5rem;display:inline-flex;margin:0!important;line-height:1.25!important}.category-title .editable-text-wrapper{align-items:center;max-width:100%;display:inline-flex;position:relative}.category-title .editable-text-wrapper .editable-content{white-space:normal;word-break:break-word}.category-actions-toolbar{border:1px solid var(--glass-border);background:#ffffff08;border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex}body[data-theme=light] .category-actions-toolbar{background:#f8fafc;border-color:#e2e8f0}.btn-category-action{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.btn-category-action[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:10002;background:#0d121ef5;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:6px;height:6px;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)rotate(45deg)}.btn-category-action[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10001;background:#0d121ef5;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000008c}.btn-category-action:hover:not(:disabled)[data-tooltip]:before,.btn-category-action:hover:not(:disabled)[data-tooltip]:after{opacity:1;visibility:visible}body[data-theme=light] .btn-category-action[data-tooltip]:before{background:#fff;border-color:#0000001f}body[data-theme=light] .btn-category-action[data-tooltip]:after{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 6px 18px #0000001f}.btn-category-action:hover:not(:disabled){color:var(--text-primary);border-color:var(--glass-border);background:#ffffff14}.btn-category-action:disabled{opacity:.3;cursor:not-allowed}.btn-category-action.btn-category-move{padding:.3rem .4rem}.btn-category-action.btn-category-move:hover:not(:disabled){color:var(--accent-cyan);background:#00f0ff14;border-color:#00f0ff4d}.btn-category-action.btn-category-add-rel{color:var(--accent-cyan);border:1px dashed #00f0ff4d}.btn-category-action.btn-category-add-rel:hover:not(:disabled),.btn-category-action.btn-category-add-rel.is-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1f}.btn-category-action.btn-category-delete{padding:.3rem .45rem}.btn-category-action.btn-category-delete:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef444466}.category-delete-confirm{background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .5rem;display:inline-flex}.category-delete-confirm .confirm-label{color:#f87171;font-size:.72rem;font-weight:600}.category-delete-confirm .btn-confirm-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;align-items:center;padding:2px 5px;transition:background .15s;display:inline-flex}.category-delete-confirm .btn-confirm-yes:hover{background:#dc2626}.category-delete-confirm .btn-confirm-no{color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:2px 5px;display:inline-flex}.category-delete-confirm .btn-confirm-no:hover{color:var(--text-primary);background:#ffffff1a}.inline-add-category-bar{border:1px dashed var(--accent-cyan);background:#00f0ff0a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;animation:.2s ease-in-out fadeIn;display:flex}.inline-add-category-bar.bottom-inline-bar{border-color:var(--accent-purple);background:#b829f70a}.inline-add-category-bar .inline-add-label{color:var(--accent-cyan);white-space:nowrap;font-size:.85rem;font-weight:600}.inline-add-category-bar.bottom-inline-bar .inline-add-label{color:var(--accent-purple)}.inline-add-category-bar .inline-add-input{background:var(--card-bg);border:1px solid var(--glass-border);min-width:220px;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.45rem .85rem;font-size:.9rem}.inline-add-category-bar .inline-add-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff33}.inline-add-category-bar .inline-add-actions{align-items:center;gap:.5rem;display:flex}.inline-add-category-bar .btn-inline-add-confirm{background:var(--accent-cyan);color:#0d1117;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex}.inline-add-category-bar .btn-inline-add-confirm:hover:not(:disabled){filter:brightness(1.15)}.inline-add-category-bar .btn-inline-add-confirm:disabled{opacity:.4;cursor:not-allowed}.inline-add-category-bar.bottom-inline-bar .btn-inline-add-confirm{background:var(--accent-purple);color:#fff}.inline-add-category-bar .btn-inline-add-cancel{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .75rem;font-size:.82rem}.inline-add-category-bar .btn-inline-add-cancel:hover{color:var(--text-primary);background:#ffffff14}.bottom-add-category-wrapper{flex-direction:column;margin-top:1rem;display:flex}.btn-add-category-bottom{width:100%;color:var(--accent-purple);font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:#b829f708;border:2px dashed #b829f766;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem;font-size:1rem;font-weight:700;display:flex}.btn-add-category-bottom:hover{border-color:var(--accent-purple);background:#b829f714;box-shadow:0 0 25px #b829f733}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}@media (width>=992px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background:var(--card-bg);border:1px solid var(--glass-border);text-align:left;transition:var(--transition-normal);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;position:relative}.skill-card:hover{box-shadow:0 0 20px color-mix(in srgb, var(--accent-purple) 30%, transparent);border-color:var(--accent-purple);background:rgba(var(--surface-color-rgb), .85)}.skill-card{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.skill-card:hover{transform:none!important}.skill-card:hover .btn-card-delete-corner,.skill-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.skill-card .skill-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;display:flex;flex-wrap:nowrap!important}.skill-card .skill-name{word-break:break-word;min-width:0;color:var(--text-primary);flex:auto;font-size:1.1rem;font-weight:600}.skill-card .skill-years-pill-wrap{margin-left:auto;white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;display:inline-flex!important;position:relative!important}.skill-card .skill-years-pill-wrap:hover .skill-years{border-color:var(--accent-cyan);background:#00f0ff2e}.skill-card .skill-years-pill-wrap .pill-dropdown-overlay{appearance:none;opacity:0!important;cursor:pointer!important;z-index:5!important;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.skill-card .skill-years{color:var(--accent-cyan);white-space:nowrap;box-sizing:border-box;height:26px;transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;align-items:center;gap:4px;padding:0 .65rem;font-size:.82rem;font-weight:600;line-height:24px;display:inline-flex}.skill-card .skill-years .pill-chevron{opacity:.7;margin-left:1px}.skill-card .skill-preview{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.skill-card .skill-preview.is-edit-mode{min-height:2.8rem;-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important}.skill-card .skill-preview:has(.is-hoverable){min-height:2.8rem;-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important}.skill-card .skill-preview:has(.is-editing){min-height:2.8rem;-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important}.skill-card .skill-preview .editable-text-wrapper{width:100%;display:block;position:relative}.skill-card.narrator-reading-card .skill-preview{-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important}.modal-overlay{z-index:100000!important}.modal-content{border-top:4px solid var(--accent-magenta)}.modal-title-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;padding-right:2.5rem;display:flex;flex-wrap:nowrap!important}.modal-title-row .modal-title{flex:auto;align-items:center;min-width:0;line-height:1.25;display:inline-flex;margin:0!important}.modal-title-row .modal-title .editable-text-wrapper{vertical-align:middle;align-items:center;display:inline-flex}.modal-title-row .skill-years-pill-wrap{height:30px;white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;margin:0!important;display:inline-flex!important;position:relative!important}.modal-title-row .skill-years-pill-wrap .skill-years{color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-cyan) 30%, transparent);white-space:nowrap;box-sizing:border-box;height:28px;transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:4px;padding:0 .75rem;font-size:.85rem;font-weight:600;line-height:26px;display:inline-flex}body[data-theme=light] .modal-title-row .skill-years-pill-wrap .skill-years{color:var(--accent-cyan);background:#008eb31a;border-color:#008eb34d}.modal-title-row .skill-years-pill-wrap:hover .skill-years{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 20%, transparent)}.modal-title-row .skill-years-pill-wrap .pill-dropdown-overlay{appearance:none;opacity:0!important;cursor:pointer!important;z-index:5!important;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.modal-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-meta .meta-tag{color:var(--text-primary);background:var(--progress-bg);border-radius:20px;align-items:center;gap:4px;padding:.25rem .75rem;font-size:.85rem;display:inline-flex}body[data-theme=light] .modal-meta .meta-tag{color:#1a202c;background:#f1f5f9}.modal-meta .meta-tag.skill-category-tag{cursor:pointer;transition:all var(--transition-fast)}.modal-meta .meta-tag.skill-category-tag:hover{border-color:var(--accent-purple);background:rgba(var(--surface-color-rgb), .85)}.modal-meta .meta-tag.cyan-tag{color:var(--accent-cyan);background:#00f0ff1a}body[data-theme=light] .modal-meta .meta-tag.cyan-tag{color:var(--accent-cyan);background:#008eb31a}.modal-meta .category-select-trigger{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.modal-meta .category-select-trigger:hover{opacity:1}.modal-meta .skill-years-pill-wrap,.skill-years-pill-wrap{align-items:center!important;display:inline-flex!important;position:relative!important}.skill-years-pill-wrap:hover .skill-years{border-color:var(--accent-cyan);background:#00f0ff2e}.skill-years-pill-wrap .pill-dropdown-overlay{appearance:none;opacity:0!important;cursor:pointer!important;z-index:5!important;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.modal-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.modal-used-in h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.modal-used-in ul{margin:0;padding:0;list-style:none}.modal-used-in ul li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;line-height:1.5;position:relative}.modal-used-in ul li:before{content:"→";color:var(--accent-magenta);position:absolute;left:0}.companies-tags{flex-wrap:wrap;gap:.5rem;display:flex}.company-tag{color:var(--accent-cyan);letter-spacing:.02em;transition:all var(--transition-fast);background:#00f0ff14;border:1px solid #00f0ff40;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:500;line-height:1.3;display:inline-flex}.company-tag:hover{background:#00f0ff29;border-color:#00f0ff73;box-shadow:0 0 10px #00f0ff33}body[data-theme=light] .company-tag{color:var(--accent-cyan);background:#008eb314;border-color:#008eb340}body[data-theme=light] .company-tag:hover{background:#008eb329;border-color:#008eb373}.add-skill-card{cursor:pointer;min-height:140px;transition:all var(--transition-fast);background:#b829f705!important;border:2px dashed #b829f759!important;justify-content:center!important;align-items:center!important;display:flex!important}.add-skill-card:hover{box-shadow:0 0 20px #b829f726;border-color:var(--accent-purple)!important;background:#b829f70f!important;transform:none!important}.add-skill-card:hover .add-icon-circle{border-color:var(--accent-purple);color:var(--accent-purple);background:#b829f726}.add-skill-card .add-item-content{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.add-skill-card .add-icon-circle{width:40px;height:40px;color:var(--accent-purple);transition:all var(--transition-fast);background:#b829f70f;border:1px solid #b829f766;border-radius:50%;justify-content:center;align-items:center;display:flex}.add-skill-card .add-item-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.add-skill-card .add-item-subtitle{color:var(--text-secondary);font-size:.72rem}.skill-footer-actions{border-top:1px solid var(--glass-border);justify-content:flex-end;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.projects-section{padding-top:4rem;padding-bottom:4rem}@media (width<=768px){.projects-section{padding-top:2rem;padding-bottom:3rem}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}@media (width>=992px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--card-bg);border:1px solid var(--glass-border);text-align:left;transition:var(--transition-normal);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;position:relative}.project-card:hover{box-shadow:0 0 20px color-mix(in srgb, var(--accent-magenta) 30%, transparent);border-color:var(--accent-magenta);background:rgba(var(--surface-color-rgb), .85)}.project-card{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.project-card:hover{transform:none!important}.project-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.project-card .project-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.project-card .project-role{color:var(--accent-cyan);font-size:.9rem}.project-meta{margin-bottom:1.5rem}.project-meta h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.project-meta .role-text{color:var(--accent-cyan);font-size:1.1rem}.project-sphere-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.sphere-tag{color:var(--accent-magenta);text-transform:uppercase;letter-spacing:.05em;background:#ff00ff1a;border:1px solid #f0f3;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.stack-tag{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.project-responsibilities{margin-bottom:2rem}.project-responsibilities h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.project-responsibilities ul{margin:0;padding:0;list-style:none}.project-responsibilities ul li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;line-height:1.5;position:relative}.project-responsibilities ul li:before{content:"→";color:var(--accent-magenta);position:absolute;left:0}.btn-view-project{color:var(--accent-cyan);border:1px solid var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-view-project svg{flex-shrink:0;width:14px;height:14px}.btn-view-project:hover{background:var(--accent-cyan);color:var(--bg-color);transform:none;box-shadow:0 0 12px #00f0ff40}.no-results-banner{border-left:3px solid var(--accent-cyan);background:#00f0ff0d;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1.25rem}.no-results-text{color:var(--text-secondary);margin:0;font-size:.95rem}.project-card--promoted{border-color:var(--accent-cyan);box-shadow:0 0 18px #00f0ff26}.ai-disclaimer-inline{text-align:center;color:var(--text-secondary);opacity:.7;margin-top:2rem;font-size:.85rem;font-style:italic}.add-item-card{cursor:pointer;min-height:160px;transition:all var(--transition-fast);background:#00f0ff05!important;border:2px dashed #00f0ff59!important;justify-content:center!important;align-items:center!important;display:flex!important}.add-item-card .add-item-content{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.add-item-card .add-item-subtitle{color:var(--text-secondary);font-size:.75rem}.section-subtitle-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-subtitle-row h4{margin:0!important}.btn-add-inline{color:var(--accent-cyan);cursor:pointer;transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-add-inline:hover{border-color:var(--accent-cyan);background:#00f0ff33;transform:none}.responsibilities-list .responsibility-item{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.responsibilities-list .responsibility-item .resp-text-wrap{flex:1}.responsibilities-list .responsibility-item .btn-remove-inline{color:#ef4444;cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef44444d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.responsibilities-list .responsibility-item .btn-remove-inline:hover{background:#ef444438;border-color:#ef4444;transform:none}.project-footer-actions{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:1.5rem;padding-top:1.25rem;display:flex}body[data-theme=light] .project-footer-actions{border-top-color:#e2e8f0}.btn-delete-item{color:#ef4444;cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;line-height:1.2;display:inline-flex}body[data-theme=light] .btn-delete-item{color:#dc2626;background:#ef444414}.btn-delete-item svg{color:#ef4444;flex-shrink:0;width:14px;height:14px}body[data-theme=light] .btn-delete-item svg{color:#dc2626}.btn-delete-item:hover{background:#ef444433;border-color:#ef4444;transform:none;box-shadow:0 0 12px #ef444440}body[data-theme=light] .btn-delete-item:hover{background:#ef444426;border-color:#dc2626}.add-modal-content{width:92%!important;max-width:540px!important}.languages-section{margin-bottom:50px;padding-top:2rem;padding-bottom:0;max-height:none!important;overflow:visible!important}@media (width<=768px){.languages-section{margin-bottom:50px;padding-top:1rem;padding-bottom:0}}.languages-grid{grid-template-columns:1fr;gap:1.5rem;display:grid;max-height:none!important;overflow:visible!important}@media (width>=768px){.languages-grid{grid-template-columns:repeat(3,1fr)}}.language-card{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;height:100%;min-height:96px;padding:1.25rem 1.5rem;display:flex;position:relative}.language-card:hover{transform:none!important}.language-card:hover .btn-card-delete-corner,.language-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.language-level-pill-wrap:hover .language-level{border-color:var(--accent-cyan);background:#00f0ff2e}.language-level{color:var(--accent-cyan);white-space:nowrap;box-sizing:border-box;height:26px;transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;align-items:center;gap:4px;padding:0 .65rem;font-size:.82rem;font-weight:600;line-height:24px;display:inline-flex}.language-level .pill-chevron{opacity:.7;margin-left:1px}.language-level-pill-wrap{align-items:center;display:inline-flex;position:relative}.language-level-pill-wrap .pill-dropdown-overlay{opacity:0;cursor:pointer;z-index:10;appearance:none;width:100%;height:100%;position:absolute;top:0;left:0}.add-language-card{cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box!important;background:#00f0ff08!important;border:2px dashed #00f0ff59!important;justify-content:center!important;align-items:center!important;height:100%!important;min-height:96px!important;max-height:none!important;padding:1.25rem 1.5rem!important;display:flex!important}.add-language-card:hover{box-shadow:0 0 20px #00f0ff33;border-color:var(--accent-cyan)!important;background:#00f0ff14!important;transform:none!important}.add-language-card .add-item-content{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;display:flex}.add-language-card .add-icon-circle{border:1px solid var(--accent-cyan);width:32px;height:32px;color:var(--accent-cyan);background:#00f0ff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-language-card .add-item-title{color:var(--accent-cyan);font-size:.95rem;font-weight:600}.language-info{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.language-name{color:var(--text-primary);font-size:1.25rem;font-weight:600}.progress-bar-bg{background:var(--progress-bg);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));border-radius:3px;height:100%;transition:width 1s ease-in-out}.companies-section{padding-top:2rem;padding-bottom:8rem}@media (width<=768px){.companies-section{padding-top:1rem;padding-bottom:6rem}}.companies-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}@media (width>=992px){.companies-grid{grid-template-columns:repeat(3,1fr)}}.company-card{background:var(--card-bg);border:1px solid var(--glass-border);text-align:left;cursor:pointer;background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1.5rem;text-decoration:none;display:flex;position:relative}.company-card:hover{border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .8);box-shadow:0 0 15px #00f0ff33;transform:none!important}.company-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.company-header{justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;margin-bottom:.35rem;display:flex}.company-name{color:var(--text-primary);transition:var(--transition-fast);word-break:break-word;flex:1;min-width:0;margin-bottom:0;font-size:1.25rem;font-weight:700}.company-years-pill-wrap{flex-shrink:0;max-width:100%;margin-top:2px;align-items:center!important;display:inline-flex!important;position:relative!important}.company-years-pill-wrap:hover .company-years{border-color:var(--accent-cyan);background:#00f0ff2e}.company-years{color:var(--accent-cyan);white-space:nowrap;box-sizing:border-box;min-height:26px;transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;align-items:center;gap:4px;padding:.15rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}body[data-theme=light] .company-years{color:#008eb3;background:#008eb31a;border-color:#008eb340}.company-years .editable-text-wrapper{align-items:center;display:inline-flex}.company-years .editable-text-wrapper.is-hoverable:hover{background:0 0;outline:none}.company-years .editable-text-wrapper.is-editing{align-items:center;gap:4px;min-width:190px;display:inline-flex}.company-years .editable-text-wrapper.is-editing .editable-input{border:1px solid var(--accent-cyan);border-radius:12px;height:24px;padding:2px 8px;font-size:.8rem;font-weight:600;line-height:22px;color:var(--accent-cyan)!important;-webkit-text-fill-color:var(--accent-cyan)!important;background:rgba(var(--surface-color-rgb), .95)!important}.company-role{color:var(--accent-cyan);margin-bottom:.5rem;font-size:.9rem;line-height:1.4}body[data-theme=light] .company-role{color:#008eb3}.company-card:hover .company-name{color:var(--accent-cyan)}.add-company-card{cursor:pointer;min-height:140px;transition:all var(--transition-fast);background:#00f0ff05!important;border:2px dashed #00f0ff59!important;justify-content:center!important;align-items:center!important;display:flex!important}.add-company-card:hover{box-shadow:0 0 20px #00f0ff26;border-color:var(--accent-cyan)!important;background:#00f0ff0f!important;transform:none!important}.add-company-card:hover .add-icon-circle{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}.add-company-card .add-item-content{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.add-company-card .add-icon-circle{width:40px;height:40px;color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff0f;border:1px solid #00f0ff66;border-radius:50%;justify-content:center;align-items:center;display:flex}.add-company-card .add-item-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.add-company-card .add-item-subtitle{color:var(--text-secondary);font-size:.72rem}.company-footer-actions{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:1.5rem;padding-top:1.25rem;display:flex}body[data-theme=light] .company-footer-actions{border-top-color:#e2e8f0}.dynamic-field-manager{flex-direction:column;gap:1.25rem;width:100%;display:flex}.dynamic-field-manager .dynamic-inputs-container{flex-direction:column;gap:1rem;width:100%;display:flex}.dynamic-field-manager .field-customizer-section{transition:all var(--transition-fast);background:#ffffff05;border:1px dashed #00f0ff4d;border-radius:12px;margin-top:.75rem;overflow:hidden}body[data-theme=light] .dynamic-field-manager .field-customizer-section{background:#f8fafc;border-color:#008eb359}.dynamic-field-manager .field-customizer-section.is-open{background:#00f0ff08;border-style:solid;border-color:#00f0ff73}body[data-theme=light] .dynamic-field-manager .field-customizer-section.is-open{background:#f0fdfa;border-color:#008eb3}.dynamic-field-manager .field-customizer-section .customizer-toggle-row{width:100%}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer{width:100%;color:var(--accent-cyan);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer:hover{background:#00f0ff0f}body[data-theme=light] .dynamic-field-manager .field-customizer-section .btn-toggle-customizer:hover{background:#008eb314}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-left{align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-left .settings-icon{color:var(--accent-cyan)}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-left .customizer-label{color:var(--text-primary)}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-left .field-count-pill{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff40;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}body[data-theme=light] .dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-left .field-count-pill{color:#008eb3;background:#008eb31f;border-color:#008eb340}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-right{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-right .add-field-action-hint{color:var(--accent-cyan);font-size:.82rem;font-weight:600}body[data-theme=light] .dynamic-field-manager .field-customizer-section .btn-toggle-customizer .toggle-right .add-field-action-hint{color:#008eb3}.dynamic-field-manager .field-customizer-section .customizer-panel-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:.95rem;padding:0 1.15rem 1.15rem;display:flex}body[data-theme=light] .dynamic-field-manager .field-customizer-section .customizer-panel-body{border-top-color:#e2e8f0}.dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info{flex-direction:column;gap:.35rem;margin-top:.6rem;display:flex}.dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info .customizer-title-badge{color:var(--accent-cyan);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:inline-flex}body[data-theme=light] .dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info .customizer-title-badge{color:#008eb3}.dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info .customizer-title-badge .first-card-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);background:linear-gradient(135deg,#00f0ff33,#0062ff33);border:1px solid #00f0ff66;border-radius:4px;padding:1px 6px;font-size:.68rem}.dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info .customizer-hint{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.45}.dynamic-field-manager .field-customizer-section .customizer-panel-body .customizer-header-info .customizer-hint strong{color:var(--text-primary)}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .field-name-input{flex:2;min-width:170px;height:38px;padding:0 .75rem;font-size:.85rem}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .field-type-select{cursor:pointer;flex:1;min-width:140px;height:38px;padding:0 .75rem;font-size:.85rem}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .btn-add-field-action{background:var(--accent-cyan);color:#0d1117;border:1px solid var(--accent-cyan);cursor:pointer;white-space:nowrap;height:38px;transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.35rem;padding:0 1rem;font-size:.82rem;font-weight:700;display:inline-flex}body[data-theme=light] .dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .btn-add-field-action{color:#fff;background:#008eb3;border-color:#008eb3}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .btn-add-field-action:hover:not(:disabled){filter:brightness(1.15)}.dynamic-field-manager .field-customizer-section .customizer-panel-body .inline-add-field-bar .btn-add-field-action:disabled{opacity:.4;cursor:not-allowed}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-summary{flex-direction:column;gap:.45rem;margin-top:.2rem;display:flex}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-summary .summary-label{color:var(--text-secondary);font-size:.76rem;font-weight:600}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills{flex-wrap:wrap;gap:.45rem;display:flex}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0a;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;display:inline-flex}body[data-theme=light] .dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill{background:#fff;border-color:#e2e8f0}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill.is-system{opacity:.85;background:#ffffff05}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill.is-custom{background:#00f0ff0d;border-color:#00f0ff59}body[data-theme=light] .dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill.is-custom{background:#f0fdfa;border-color:#008eb366}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .field-pill-name{font-weight:600}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .field-pill-type{color:var(--text-secondary);font-size:.7rem}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-move-field-pill,.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-remove-field-pill{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0 1px;padding:1px;display:flex}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-move-field-pill:disabled,.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-remove-field-pill:disabled{opacity:.3;cursor:not-allowed}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-move-field-pill:hover:not(:disabled),.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-remove-field-pill:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a}.dynamic-field-manager .field-customizer-section .customizer-panel-body .active-fields-pills .field-pill .btn-remove-field-pill:hover:not(:disabled){color:#ef4444;background:#ef444426}.custom-plain-section{padding:2rem 0}.custom-plain-section .plain-items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.custom-plain-section .plain-item-card{background:var(--card-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative}.custom-plain-section .plain-item-card:hover{border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .85);box-shadow:0 0 18px #00f0ff33;transform:none!important}body[data-theme=light] .custom-plain-section .plain-item-card:hover{box-shadow:0 0 16px #008eb326}.custom-plain-section .plain-item-card:hover .btn-card-delete-corner,.custom-plain-section .plain-item-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.custom-plain-section .plain-item-card .card-top{margin-bottom:.75rem}.custom-plain-section .plain-item-card .card-top .item-title{color:var(--text-primary);margin:0 0 .3rem;font-size:1.25rem;font-weight:700}.custom-plain-section .plain-item-card .card-top .item-subtitle{color:var(--accent-cyan);font-size:.85rem;font-weight:600}.custom-plain-section .plain-item-card .item-desc{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.custom-plain-section .plain-item-card .item-tags{flex-wrap:wrap;gap:.5rem;display:flex}.custom-plain-section .plain-item-card .item-tags .item-tag{color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff33;border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.plain-detail-modal .modal-description-list{flex-direction:column;gap:.6rem;margin:1.25rem 0;display:flex}.plain-detail-modal .modal-description-list .modal-desc-item{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.plain-detail-modal .modal-tags-list{border-top:1px solid var(--glass-border);flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.plain-detail-modal .modal-tags-list .modal-tag-pill{color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}body[data-theme=light] .plain-detail-modal .modal-tags-list .modal-tag-pill{color:#008eb3;background:#008eb31a;border-color:#008eb34d}.plain-detail-modal .modal-link-wrap{margin-top:1.5rem}.plain-detail-modal .modal-link-wrap .modal-link-btn{color:#fff;transition:all var(--transition-fast);background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #0072ff59}.plain-detail-modal .modal-link-wrap .modal-link-btn:hover{filter:brightness(1.15);box-shadow:0 6px 20px #0072ff80}.custom-badges-section{margin-bottom:50px;padding-top:2rem;padding-bottom:0}@media (width<=768px){.custom-badges-section{margin-bottom:50px;padding-top:1rem;padding-bottom:0}}.custom-badges-section .badges-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}@media (width>=992px){.custom-badges-section .badges-grid{grid-template-columns:repeat(3,1fr)}}.custom-badges-section .badge-item-card{background:rgba(var(--surface-color-rgb), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:all var(--transition-fast);border-radius:12px;padding:1.5rem;position:relative}.custom-badges-section .badge-item-card:hover{border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .85);box-shadow:0 0 16px #00f0ff33;transform:none!important}body[data-theme=light] .custom-badges-section .badge-item-card:hover{box-shadow:0 0 14px #008eb326}.custom-badges-section .badge-item-card:hover .btn-card-delete-corner,.custom-badges-section .badge-item-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.custom-badges-section .badge-item-card .badge-info{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.custom-badges-section .badge-item-card .badge-info .badge-name{color:var(--text-primary);font-size:1.25rem;font-weight:600}.custom-badges-section .badge-item-card .badge-info .badge-level-pill-wrap{align-items:center;display:inline-flex;position:relative}.custom-badges-section .badge-item-card .badge-info .badge-level-pill-wrap:hover .badge-level{border-color:var(--accent-cyan);background:#00f0ff2e}.custom-badges-section .badge-item-card .badge-info .badge-level-pill-wrap .badge-level{color:var(--accent-cyan);white-space:nowrap;box-sizing:border-box;height:26px;transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:20px;align-items:center;gap:4px;padding:0 .65rem;font-size:.82rem;font-weight:600;line-height:24px;display:inline-flex}.custom-badges-section .badge-item-card .badge-info .badge-level-pill-wrap .badge-level .pill-chevron{opacity:.7;margin-left:1px}.custom-badges-section .badge-item-card .badge-info .badge-level-pill-wrap .pill-dropdown-overlay{opacity:0;cursor:pointer;z-index:10;appearance:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-badges-section .badge-item-card .badge-progress-bg{background:var(--progress-bg);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.custom-badges-section .badge-item-card .badge-progress-bg .badge-progress-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-cyan));border-radius:3px;height:100%;transition:width 1s ease-in-out}.custom-badges-section .add-badge-card{cursor:pointer;transition:all var(--transition-fast);background:#00f0ff08!important;border:2px dashed #00f0ff59!important;justify-content:center!important;align-items:center!important;min-height:100px!important;display:flex!important}body[data-theme=light] .custom-badges-section .add-badge-card{background:#008eb308!important;border-color:#008eb359!important}.custom-badges-section .add-badge-card:hover{box-shadow:0 0 20px #00f0ff33;border-color:var(--accent-cyan)!important;background:#00f0ff14!important;transform:none!important}body[data-theme=light] .custom-badges-section .add-badge-card:hover{box-shadow:0 0 15px #008eb326;background:#008eb314!important;border-color:#008eb3!important}.custom-badges-section .add-badge-card:hover .add-icon-circle{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}body[data-theme=light] .custom-badges-section .add-badge-card:hover .add-icon-circle{color:#008eb3;background:#008eb326;border-color:#008eb3}.custom-badges-section .add-badge-card .add-item-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.custom-badges-section .add-badge-card .add-icon-circle{color:var(--accent-cyan);transition:all var(--transition-fast);border:1.5px dashed #00f0ff66;border-radius:50%;justify-content:center;align-items:center;display:flex;width:32px!important;height:32px!important;margin-bottom:0!important}body[data-theme=light] .custom-badges-section .add-badge-card .add-icon-circle{color:#008eb3;border-color:#008eb366}.custom-badges-section .add-badge-card .add-item-title{color:var(--accent-cyan)!important;font-size:.95rem!important;font-weight:600!important}body[data-theme=light] .custom-badges-section .add-badge-card .add-item-title{color:#008eb3!important}.custom-badges-section .level-select-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.custom-badges-section .level-select-grid .level-choice-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:6px;padding:.5rem;font-size:.85rem;font-weight:600}.custom-badges-section .level-select-grid .level-choice-btn:hover{color:var(--text-primary);background:#00f0ff14}.custom-badges-section .level-select-grid .level-choice-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}.custom-subcat-section{padding:2rem 0}.custom-subcat-section .subcats-wrapper{flex-direction:column;gap:2.5rem;display:flex}.custom-subcat-section .subcat-block{padding:.5rem 0}.custom-subcat-section .subcat-block.is-creating-subcat{background:#00f0ff05;border:1px dashed #00f0ff4d;border-radius:10px;padding:1rem}.custom-subcat-section .subcat-header-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}body[data-theme=light] .custom-subcat-section .subcat-header-row{border-bottom-color:#0000000f}.custom-subcat-section .subcat-title-wrap{align-items:center;gap:.75rem;display:flex}.custom-subcat-section .subcat-title-wrap .subcat-title{margin-bottom:0}.custom-subcat-section .subcat-title{font-family:var(--font-heading);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;align-items:center;font-size:1.35rem;display:inline-flex;margin:0!important;line-height:1.25!important}.custom-subcat-section .subcat-title .editable-text-wrapper{align-items:center;max-width:100%;display:inline-flex;position:relative}.custom-subcat-section .subcat-title .editable-text-wrapper .editable-content{white-space:normal;word-break:break-word}.custom-subcat-section .subcat-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.custom-subcat-section .subcat-item-card{background:var(--card-bg);border:1px solid var(--glass-border);transition:all var(--transition-fast);border-radius:10px;padding:1.25rem;position:relative}.custom-subcat-section .subcat-item-card:hover{border-color:var(--accent-cyan);background:rgba(var(--surface-color-rgb), .85);box-shadow:0 0 16px #00f0ff33;transform:none!important}body[data-theme=light] .custom-subcat-section .subcat-item-card:hover{box-shadow:0 0 14px #008eb326}.custom-subcat-section .subcat-item-card:hover .btn-card-delete-corner,.custom-subcat-section .subcat-item-card:hover .card-delete-corner-wrapper .btn-card-delete-corner{opacity:1;pointer-events:auto}.custom-subcat-section .subcat-item-card .item-header{margin-bottom:.5rem}.custom-subcat-section .subcat-item-card .item-header .item-name{color:var(--text-primary);font-size:1.05rem;font-weight:600}.custom-subcat-section .subcat-item-card .item-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.print-resume-container{display:none}@media print{@page{margin:1.2cm;size:A4 portrait}html,body{color:#000!important;background:#fff!important;height:auto!important;min-height:0!important;font-family:Arial,Calibri,Times New Roman,sans-serif!important;font-size:10.5pt!important;line-height:1.4!important;overflow:visible!important}#root,.app-container{background:0 0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body>:not(#root),#initial-loader,[id*=ai-chat],[class*=ai-chat],[id*=chat-widget],[class*=chat-widget],#ai-chat-safari-bottom-hack,#ai-chat-toggle-button,#ai-chat-tooltip,.ai-chat-widget,.ai-chat-open-mobile-body,.ai-chat-open-mobile-body:after{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;top:-99999px!important;left:-99999px!important}.app-container>:not(.print-resume-container){display:none!important}.print-resume-container{color:#000!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.ats-brand-footer{color:#4b5563!important;break-inside:avoid!important;page-break-inside:avoid!important;border-top:1px solid #e5e7eb!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6pt!important;margin-top:18pt!important;padding-top:8pt!important;font-size:8.5pt!important;line-height:1.3!important;display:flex!important}.ats-brand-footer .ats-brand-title{color:#374151!important;font-weight:600!important}.ats-brand-footer .ats-portfolio-link{color:#0284c7!important;word-break:break-all!important;font-weight:500!important;text-decoration:underline!important}.ats-header{text-align:left;margin-bottom:14pt}.ats-header .ats-candidate-name{color:#000;text-transform:uppercase;letter-spacing:.5px;margin:0 0 3pt;font-size:18pt;font-weight:700}.ats-header .ats-target-title{color:#111827;margin:0 0 5pt;font-size:12pt;font-weight:700}.ats-header .ats-contact-row{color:#222;margin:0 0 6pt;font-size:10pt;line-height:1.35}.ats-header .ats-summary-text{color:#111827;text-align:justify;margin:4pt 0 0;font-size:10pt;line-height:1.4}.ats-section{break-inside:avoid;margin-bottom:12pt}.ats-section .ats-section-title{text-transform:uppercase;letter-spacing:.6px;color:#000;border-bottom:1.5px solid #000;margin:0 0 6pt;padding-bottom:2pt;font-size:11pt;font-weight:700}.ats-section .ats-skills-line,.ats-section .ats-languages-line,.ats-section .ats-hobbies-line{color:#111827;margin:0;font-size:10pt;line-height:1.4}.ats-section .ats-experience-block,.ats-section .ats-project-block{break-inside:avoid;margin-bottom:8pt}.ats-section .ats-experience-block .ats-role-header,.ats-section .ats-project-block .ats-role-header{color:#000;margin-bottom:3pt;font-size:10.5pt;line-height:1.35}.ats-section .ats-experience-block .ats-role-header strong,.ats-section .ats-project-block .ats-role-header strong{font-weight:700}.ats-section .ats-experience-block .ats-bullets-list,.ats-section .ats-project-block .ats-bullets-list{margin:0;padding-left:18pt;list-style-type:disc}.ats-section .ats-experience-block .ats-bullets-list .ats-bullet-item,.ats-section .ats-project-block .ats-bullets-list .ats-bullet-item{color:#111827;text-align:left;margin-bottom:2.5pt;font-size:10pt;line-height:1.38}}.main-footer{text-align:center;border-top:1px solid var(--glass-border);width:100%;margin-top:50px;padding-top:3rem;padding-bottom:3rem}.footer-container{flex-direction:column;align-items:center;gap:.85rem;display:flex}.footer-container .footer-copyright{color:var(--text-secondary);margin:0;font-size:.9rem}.footer-container .footer-legal-links{align-items:center;gap:.75rem;font-size:.82rem;display:flex}.footer-container .footer-legal-links .footer-legal-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-container .footer-legal-links .footer-legal-link:hover{color:var(--accent-cyan)}.footer-container .footer-legal-links .footer-separator{color:var(--text-secondary);opacity:.4}.footer-container .ai-disclaimer-text{color:var(--text-secondary);opacity:.7;max-width:600px;margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.upload-modal-overlay{z-index:100000}.upload-modal-content{text-align:center;max-width:540px!important}.upload-header{margin-bottom:1.5rem}.upload-icon-badge{background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:inline-flex;box-shadow:0 0 20px #00f0ff33}.upload-icon-badge .sparkle-icon{color:var(--accent-cyan)}body[data-theme=light] .upload-icon-badge{background:#008eb31a;border-color:#008eb34d;box-shadow:0 0 20px #008eb326}.upload-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem;line-height:1.5}.upload-dropzone{cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00f0ff0a;border:2px dashed #00f0ff73;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2.2rem 1.5rem;display:flex;box-shadow:0 0 20px #00f0ff1a}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--accent-cyan);background:#00000059;box-shadow:0 0 25px #00f0ff38}body[data-theme=light] .upload-dropzone{background:#f8fafc;border-color:#008eb373;box-shadow:0 0 20px #008eb314}body[data-theme=light] .upload-dropzone:hover,body[data-theme=light] .upload-dropzone.drag-active{border-color:var(--accent-cyan);background:#f1f5f9;box-shadow:0 0 20px #008eb333}.upload-dropzone .dropzone-icon-circle{width:64px;height:64px;color:var(--accent-cyan);transition:background-color var(--transition-fast), color var(--transition-fast);background:#00f0ff14;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}body[data-theme=light] .upload-dropzone .dropzone-icon-circle{color:var(--accent-cyan);background:#008eb31a}.upload-dropzone:hover .dropzone-icon-circle{color:var(--accent-cyan);background:#00f0ff26}body[data-theme=light] .upload-dropzone:hover .dropzone-icon-circle{background:#008eb32e}.upload-dropzone .dropzone-primary-text{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.upload-dropzone .dropzone-primary-text strong{color:var(--accent-cyan)}.upload-dropzone .dropzone-secondary-text{color:var(--text-secondary);font-size:.8rem}.upload-dropzone .hidden-file-input{display:none}.upload-error-banner{color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.upload-or-divider{color:var(--text-secondary);letter-spacing:1px;align-items:center;margin:1.25rem 0;font-size:.8rem;display:flex}.upload-or-divider:before,.upload-or-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.upload-or-divider span{opacity:.7;padding:0 1rem}body[data-theme=light] .upload-or-divider{color:#64748b}body[data-theme=light] .upload-or-divider:before,body[data-theme=light] .upload-or-divider:after{background:#e2e8f0}.btn-demo-profile{width:100%;color:var(--accent-magenta);cursor:pointer;transition:all var(--transition-fast);background:#ff007f1a;border:1px solid #ff007f4d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-demo-profile:hover{border-color:var(--accent-magenta);filter:brightness(1.1);background:#ff007f33;box-shadow:0 0 15px #ff007f4d}body[data-theme=light] .btn-demo-profile{color:var(--accent-magenta);background:#d53f8c14;border:1px solid #d53f8c59}body[data-theme=light] .btn-demo-profile:hover{border-color:var(--accent-magenta);background:#d53f8c29;box-shadow:0 0 15px #d53f8c40}.ai-processing-state{flex-direction:column;align-items:center;padding:1.5rem 0;display:flex}.ai-processing-state .ai-spinner-wrapper{color:var(--accent-cyan);margin-bottom:1rem}.ai-processing-state .ai-spinner-wrapper .ai-spinner{animation:1.2s linear infinite spin}.ai-processing-state .processing-heading{color:var(--accent-cyan);font-size:1.35rem;font-family:var(--font-heading);letter-spacing:.5px;text-shadow:0 0 12px #00f0ff59;margin-bottom:1.5rem}body[data-theme=light] .ai-processing-state .processing-heading{text-shadow:none}.ai-processing-state .processing-stages-list{text-align:left;flex-direction:column;gap:.85rem;width:100%;display:flex}.ai-processing-state .stage-item{color:var(--text-secondary);transition:color var(--transition-fast);border-radius:6px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.4rem .6rem;font-size:.9rem;display:flex}.ai-processing-state .stage-item.active{color:var(--accent-cyan);background:#00f0ff0d;font-weight:600}.ai-processing-state .stage-item.done{color:#10b981}.ai-processing-state .stage-item .stage-row{align-items:center;gap:.75rem;width:100%;line-height:1.4;display:flex}.ai-processing-state .stage-item .stage-row span{flex:1}.ai-processing-state .stage-item .done-icon{color:#10b981;flex-shrink:0}.ai-processing-state .stage-item .stage-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.ai-processing-state .stage-item .stage-dot.pulsing{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:1s infinite alternate pulseDot}.ai-processing-state .stage-item .detected-langs-chips{flex-wrap:wrap;gap:.45rem;margin-top:.2rem;margin-left:1.5rem;display:flex}.ai-processing-state .stage-item .detected-lang-chip{color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff59;border-radius:20px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;animation:.35s fadeInScale;display:inline-flex;box-shadow:0 0 10px #00f0ff26}.ai-processing-state .stage-item .detected-lang-chip .chip-code{color:#fff;background:#00f0ff40;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:700}body[data-theme=light] .ai-processing-state .stage-item .detected-lang-chip{color:var(--accent-cyan);background:#008eb31a;border-color:#008eb359;box-shadow:0 0 10px #008eb31a}body[data-theme=light] .ai-processing-state .stage-item .detected-lang-chip .chip-code{background:var(--accent-cyan);color:#fff}body[data-theme=light] .ai-processing-state .stage-item{color:#475569}body[data-theme=light] .ai-processing-state .stage-item.active{color:var(--accent-cyan);background:#008eb314}body[data-theme=light] .ai-processing-state .stage-item .stage-dot{background:#cbd5e1}body[data-theme=light] .ai-processing-state .stage-item .stage-dot.pulsing{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulseDot{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.3)}}.upload-saved-drafts-wrapper{text-align:left;margin-top:1.25rem}.upload-saved-drafts-header{flex-direction:column;gap:.2rem;margin-bottom:.75rem;display:flex}.upload-saved-drafts-header .upload-saved-drafts-title{color:var(--text-primary);align-items:center;gap:.4rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.upload-saved-drafts-header .upload-saved-drafts-hint{color:var(--text-secondary);font-size:.8rem}.upload-saved-drafts-list{scrollbar-width:thin;scrollbar-color:#00f0ff59 transparent;flex-direction:column;gap:.75rem;padding-right:4px;display:flex}.upload-saved-drafts-list::-webkit-scrollbar{width:6px}.upload-saved-drafts-list::-webkit-scrollbar-track{background:0 0}.upload-saved-drafts-list::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:6px}.upload-saved-drafts-list::-webkit-scrollbar-thumb:hover{background:#00f0ff99}body[data-theme=light] .upload-saved-drafts-list{scrollbar-color:#008eb359 transparent}body[data-theme=light] .upload-saved-drafts-list::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .upload-saved-drafts-list::-webkit-scrollbar-thumb:hover{background:#008eb399}.upload-saved-draft-card{text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:#00f0ff0a;border:1px solid #00f0ff38;border-radius:12px;padding:1rem 1.15rem;box-shadow:0 4px 16px #0003}.upload-saved-draft-card:hover{border-color:#00f0ff73;box-shadow:0 4px 20px #00f0ff1f}.upload-saved-draft-card.is-active-draft{border-color:var(--accent-cyan);background:#00f0ff14;box-shadow:0 0 16px #00f0ff2e}.upload-saved-draft-card .draft-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.upload-saved-draft-card .draft-card-header .draft-card-badges{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.upload-saved-draft-card .draft-card-header .draft-badge{text-transform:uppercase;letter-spacing:.5px;color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.upload-saved-draft-card .draft-card-header .draft-badge.active-badge{color:var(--accent-cyan);background:#00f0ff26;border-color:#00f0ff59}.upload-saved-draft-card .draft-card-header .draft-file-badge{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--glass-border);background:#ffffff0f;border-radius:6px;max-width:180px;padding:.15rem .5rem;font-size:.72rem;overflow:hidden}.upload-saved-draft-card .draft-card-header .draft-card-date{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.upload-saved-draft-card .draft-card-body{margin-bottom:.75rem}.upload-saved-draft-card .draft-card-body .draft-card-title{color:var(--text-primary);margin:0 0 .2rem;font-size:1rem;font-weight:700}.upload-saved-draft-card .draft-card-body .draft-card-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.upload-saved-draft-card .draft-card-actions{align-items:center;gap:.6rem;display:flex}.upload-saved-draft-card .draft-card-actions .btn-continue-editing-draft{box-sizing:border-box;background:linear-gradient(135deg, var(--accent-cyan), #08f);color:#0b0f19;cursor:pointer;height:36px;transition:box-shadow var(--transition-fast), filter var(--transition-fast);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:0 .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.upload-saved-draft-card .draft-card-actions .btn-continue-editing-draft:hover{filter:brightness(1.08);box-shadow:0 0 16px #00f0ff66}.upload-saved-draft-card .draft-card-actions .btn-discard-draft-icon{color:#fca5a5;cursor:pointer;width:36px;height:36px;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.upload-saved-draft-card .draft-card-actions .btn-discard-draft-icon:hover{color:#fff;background:#ef444440;border-color:#ef444499}body[data-theme=light] .upload-saved-draft-card{background:#008eb30a;border-color:#008eb340}body[data-theme=light] .upload-saved-draft-card.is-active-draft{border-color:var(--accent-cyan);background:#008eb31a}body[data-theme=light] .upload-saved-draft-card .btn-discard-draft-icon{color:#dc2626;border-color:#dc26264d}.floating-buy-bar-container{z-index:10005;box-sizing:border-box;width:max-content;max-width:calc(100vw - 20px);animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFloat;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media print{.floating-buy-bar-container{display:none!important}}.floating-buy-bar{background:rgba(var(--surface-color-rgb), .92);-webkit-backdrop-filter:blur(24px);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;box-sizing:border-box;border:1px solid #00f0ff73;border-radius:50px;flex-wrap:nowrap;align-items:center;gap:.75rem;max-width:100%;padding:.45rem .55rem .45rem .85rem;display:flex;box-shadow:0 12px 40px #000000a6,0 0 24px #00f0ff33}@media (width<=640px){.floating-buy-bar{gap:.45rem;padding:.35rem .45rem .35rem .55rem}}body[data-theme=light] .floating-buy-bar{background:#fffffff2;border:1px solid #008eb34d;box-shadow:0 12px 40px #0f172a26,0 0 20px #008eb31a}.floating-info{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.65rem;display:flex}@media (width<=640px){.floating-info{gap:.4rem}}.floating-actions-group,.demo-actions-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:.65rem;display:flex}@media (width<=640px){.floating-actions-group,.demo-actions-group{gap:.45rem}}.pulse-indicator-wrapper{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.pulse-indicator-wrapper .pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;min-width:8px;max-width:8px;height:8px;min-height:8px;max-height:8px;animation:1.5s ease-in-out infinite livePulse;display:block;box-shadow:0 0 8px #10b981;transform:none!important}.pulse-indicator-wrapper .floating-title{color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem;font-size:.8rem;font-weight:700}.pulse-indicator-wrapper .floating-title .title-prefix{display:inline}@media (width<=750px){.pulse-indicator-wrapper .floating-title{display:none}}.btn-text-short{display:none}.btn-text-full{display:inline}.save-status-wrapper,.floating-btn-wrapper{flex-shrink:0;justify-content:center;align-items:center;height:38px;display:inline-flex;position:relative}.save-status-wrapper{width:38px}.save-status-wrapper:hover .save-status-popover,.save-status-wrapper:focus-within .save-status-popover,.floating-btn-wrapper:hover .floating-btn-popover,.floating-btn-wrapper:focus-within .floating-btn-popover{opacity:1;visibility:visible;pointer-events:auto}.save-status-badge{box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0;font-size:0;line-height:0;display:flex;transform:none!important}.save-status-badge svg{transform-origin:50%;flex-shrink:0;width:18px;height:18px;margin:0 auto;padding:0;display:block}.save-status-badge svg:not(.spinner-spin){transform:none!important}.save-status-badge.status-saving{color:var(--accent-cyan);background:#00f0ff26;border:1px solid #00f0ff80;animation:.8s ease-in-out infinite syncBadgeGlowPulse;box-shadow:0 0 10px #00f0ff33}.save-status-badge.status-saving svg{color:var(--accent-cyan)}.save-status-badge.status-saving:hover{background:#00f0ff40;box-shadow:0 0 22px #00f0ffa6}.save-status-badge.status-saved,.save-status-badge.status-idle{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff73;box-shadow:0 0 10px #00f0ff26}.save-status-badge.status-saved svg,.save-status-badge.status-idle svg{color:var(--accent-cyan)}.save-status-badge.status-saved:hover,.save-status-badge.status-idle:hover{border-color:var(--accent-cyan);color:#fff;background:#00f0ff38;box-shadow:0 0 16px #00f0ff66}.save-status-badge.status-saved:hover svg,.save-status-badge.status-idle:hover svg{color:#fff}.save-status-badge.status-error{color:#ef4444;background:#ef444426;border:1px solid #ef44448c;box-shadow:0 0 14px #ef44444d}.save-status-badge.status-error:hover{box-shadow:0 0 18px #ef444480}.save-status-badge:hover{filter:brightness(1.12);transform:none!important}.save-status-badge:hover svg:not(.spinner-spin),.save-status-badge:active{transform:none!important}.save-status-badge .sync-pulse-circle{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;line-height:0;animation:.8s ease-in-out infinite syncCirclePulse;display:inline-flex}.save-status-badge .spinner-spin{transform-origin:50%;will-change:transform;display:block;animation:.55s linear infinite syncSmoothFastSpin!important}body[data-theme=light] .save-status-badge.status-saving{color:#008eb3;background:#008eb31f;border-color:#008eb373;animation:.8s ease-in-out infinite syncBadgeGlowPulseLight}body[data-theme=light] .save-status-badge.status-saving svg{color:#008eb3}body[data-theme=light] .save-status-badge.status-saving:hover{background:#008eb333;box-shadow:0 0 16px #008eb380}body[data-theme=light] .save-status-badge.status-saved,body[data-theme=light] .save-status-badge.status-idle{color:#008eb3;background:#008eb314;border-color:#008eb366}body[data-theme=light] .save-status-badge.status-saved svg,body[data-theme=light] .save-status-badge.status-idle svg{color:#008eb3}body[data-theme=light] .save-status-badge.status-saved:hover,body[data-theme=light] .save-status-badge.status-idle:hover{color:#00708f;background:#008eb32e;border-color:#008eb3;box-shadow:0 0 14px #008eb359}body[data-theme=light] .save-status-badge.status-saved:hover svg,body[data-theme=light] .save-status-badge.status-idle:hover svg{color:#00708f}body[data-theme=light] .save-status-badge.status-error{color:#dc2626;background:#ef44441f;border-color:#ef444466}.save-status-popover,.floating-btn-popover{opacity:0;visibility:hidden;pointer-events:none;z-index:10010;white-space:nowrap;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%)}.save-status-popover.is-visible,.floating-btn-popover.is-visible{opacity:1;visibility:visible;pointer-events:auto}.save-status-popover .popover-content,.floating-btn-popover .popover-content{-webkit-backdrop-filter:blur(16px);letter-spacing:.2px;color:var(--text-primary);background:#0d121ef5;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:.78rem;font-weight:500;line-height:1.3;display:flex;box-shadow:0 10px 25px #000000a6,0 2px 8px #0006}.save-status-popover .popover-arrow,.floating-btn-popover .popover-arrow{pointer-events:none;background:#0d121ef5;border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.save-status-popover .popover-row,.floating-btn-popover .popover-row{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.save-status-popover .popover-icon,.floating-btn-popover .popover-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.save-status-popover .popover-text,.floating-btn-popover .popover-text{font-family:inherit}.save-status-popover.status-saved .popover-content,.save-status-popover.status-idle .popover-content,.save-status-popover.status-saving .popover-content,.save-status-popover.variant-cyan .popover-content,.floating-btn-popover.status-saved .popover-content,.floating-btn-popover.status-idle .popover-content,.floating-btn-popover.status-saving .popover-content,.floating-btn-popover.variant-cyan .popover-content{color:var(--accent-cyan);border-color:#00f0ff73;box-shadow:0 10px 25px #000000a6,0 0 16px #00f0ff40}.save-status-popover.status-saved .popover-arrow,.save-status-popover.status-idle .popover-arrow,.save-status-popover.status-saving .popover-arrow,.save-status-popover.variant-cyan .popover-arrow,.floating-btn-popover.status-saved .popover-arrow,.floating-btn-popover.status-idle .popover-arrow,.floating-btn-popover.status-saving .popover-arrow,.floating-btn-popover.variant-cyan .popover-arrow{border-color:#00f0ff73}.save-status-popover.variant-green .popover-content,.floating-btn-popover.variant-green .popover-content{color:#34d399;border-color:#10b98166;box-shadow:0 10px 25px #000000a6,0 0 16px #10b98133}.save-status-popover.variant-green .popover-arrow,.floating-btn-popover.variant-green .popover-arrow{border-color:#10b98166}.save-status-popover.variant-purple .popover-content,.floating-btn-popover.variant-purple .popover-content{color:#d68cff;border-color:#9d4edd73;box-shadow:0 10px 25px #000000a6,0 0 16px #9d4edd40}.save-status-popover.variant-purple .popover-arrow,.floating-btn-popover.variant-purple .popover-arrow{border-color:#9d4edd73}.save-status-popover.variant-blue .popover-content,.floating-btn-popover.variant-blue .popover-content{color:#60a5fa;border-color:#008eff73;box-shadow:0 10px 25px #000000a6,0 0 16px #008eff40}.save-status-popover.variant-blue .popover-arrow,.floating-btn-popover.variant-blue .popover-arrow{border-color:#008eff73}.save-status-popover.status-error .popover-content,.save-status-popover.variant-red .popover-content,.floating-btn-popover.status-error .popover-content,.floating-btn-popover.variant-red .popover-content{color:#f87171;border-color:#ef444480;box-shadow:0 10px 25px #000000a6,0 0 18px #ef44444d}.save-status-popover.status-error .popover-arrow,.save-status-popover.variant-red .popover-arrow,.floating-btn-popover.status-error .popover-arrow,.floating-btn-popover.variant-red .popover-arrow{border-color:#ef444480}.save-status-popover.status-error .popover-reload-btn,.save-status-popover.variant-red .popover-reload-btn,.floating-btn-popover.status-error .popover-reload-btn,.floating-btn-popover.variant-red .popover-reload-btn{color:#fff;text-underline-offset:2px;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline;transition:color .2s}.save-status-popover.status-error .popover-reload-btn:hover,.save-status-popover.variant-red .popover-reload-btn:hover,.floating-btn-popover.status-error .popover-reload-btn:hover,.floating-btn-popover.variant-red .popover-reload-btn:hover{color:#fca5a5}body[data-theme=light] .save-status-popover .popover-content,body[data-theme=light] .floating-btn-popover .popover-content{color:#1e293b;background:#fffffffa;border-color:#0000001f;box-shadow:0 8px 24px #00000026}body[data-theme=light] .save-status-popover .popover-arrow,body[data-theme=light] .floating-btn-popover .popover-arrow{background:#fffffffa;border-color:#0000001f}body[data-theme=light] .save-status-popover.status-saved .popover-content,body[data-theme=light] .save-status-popover.status-idle .popover-content,body[data-theme=light] .save-status-popover.status-saving .popover-content,body[data-theme=light] .save-status-popover.variant-cyan .popover-content,body[data-theme=light] .floating-btn-popover.status-saved .popover-content,body[data-theme=light] .floating-btn-popover.status-idle .popover-content,body[data-theme=light] .floating-btn-popover.status-saving .popover-content,body[data-theme=light] .floating-btn-popover.variant-cyan .popover-content{color:#008eb3;border-color:#008eb366}body[data-theme=light] .save-status-popover.status-saved .popover-arrow,body[data-theme=light] .save-status-popover.status-idle .popover-arrow,body[data-theme=light] .save-status-popover.status-saving .popover-arrow,body[data-theme=light] .save-status-popover.variant-cyan .popover-arrow,body[data-theme=light] .floating-btn-popover.status-saved .popover-arrow,body[data-theme=light] .floating-btn-popover.status-idle .popover-arrow,body[data-theme=light] .floating-btn-popover.status-saving .popover-arrow,body[data-theme=light] .floating-btn-popover.variant-cyan .popover-arrow{border-color:#008eb366}body[data-theme=light] .save-status-popover.variant-green .popover-content,body[data-theme=light] .floating-btn-popover.variant-green .popover-content{color:#059669;border-color:#10b98166}body[data-theme=light] .save-status-popover.variant-green .popover-arrow,body[data-theme=light] .floating-btn-popover.variant-green .popover-arrow{border-color:#10b98166}body[data-theme=light] .save-status-popover.variant-purple .popover-content,body[data-theme=light] .floating-btn-popover.variant-purple .popover-content{color:#6b21a8;border-color:#6b21a859}body[data-theme=light] .save-status-popover.variant-purple .popover-arrow,body[data-theme=light] .floating-btn-popover.variant-purple .popover-arrow{border-color:#6b21a859}body[data-theme=light] .save-status-popover.variant-blue .popover-content,body[data-theme=light] .floating-btn-popover.variant-blue .popover-content{color:#2563eb;border-color:#2563eb66}body[data-theme=light] .save-status-popover.variant-blue .popover-arrow,body[data-theme=light] .floating-btn-popover.variant-blue .popover-arrow{border-color:#2563eb66}body[data-theme=light] .save-status-popover.status-error .popover-content,body[data-theme=light] .save-status-popover.variant-red .popover-content,body[data-theme=light] .floating-btn-popover.status-error .popover-content,body[data-theme=light] .floating-btn-popover.variant-red .popover-content{color:#dc2626;border-color:#ef444466}body[data-theme=light] .save-status-popover.status-error .popover-arrow,body[data-theme=light] .save-status-popover.variant-red .popover-arrow,body[data-theme=light] .floating-btn-popover.status-error .popover-arrow,body[data-theme=light] .floating-btn-popover.variant-red .popover-arrow{border-color:#ef444466}body[data-theme=light] .save-status-popover.status-error .popover-reload-btn,body[data-theme=light] .save-status-popover.variant-red .popover-reload-btn,body[data-theme=light] .floating-btn-popover.status-error .popover-reload-btn,body[data-theme=light] .floating-btn-popover.variant-red .popover-reload-btn{color:#b91c1c}body[data-theme=light] .save-status-popover.status-error .popover-reload-btn:hover,body[data-theme=light] .save-status-popover.variant-red .popover-reload-btn:hover,body[data-theme=light] .floating-btn-popover.status-error .popover-reload-btn:hover,body[data-theme=light] .floating-btn-popover.variant-red .popover-reload-btn:hover{color:#991b1b}.btn-mode-toggle,.btn-open-live-site,.btn-back-portfolio,.btn-edit-subscription,.btn-reset-portfolio,.btn-cancel-demo,.btn-upload-my-resume,.btn-buy-subscription,.btn-theme-colors{box-sizing:border-box;height:38px;min-height:38px;max-height:38px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), filter var(--transition-fast);border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.84rem;font-weight:700;line-height:1;display:inline-flex;white-space:nowrap!important;text-decoration:none!important;transform:none!important}.btn-mode-toggle .btn-text,.btn-open-live-site .btn-text,.btn-back-portfolio .btn-text,.btn-edit-subscription .btn-text,.btn-reset-portfolio .btn-text,.btn-cancel-demo .btn-text,.btn-upload-my-resume .btn-text,.btn-buy-subscription .btn-text,.btn-theme-colors .btn-text{line-height:1;white-space:nowrap!important}.btn-mode-toggle svg,.btn-open-live-site svg,.btn-back-portfolio svg,.btn-edit-subscription svg,.btn-reset-portfolio svg,.btn-cancel-demo svg,.btn-upload-my-resume svg,.btn-buy-subscription svg,.btn-theme-colors svg{flex-shrink:0;width:15px;height:15px;margin:0}.btn-mode-toggle:hover,.btn-open-live-site:hover,.btn-back-portfolio:hover,.btn-edit-subscription:hover,.btn-reset-portfolio:hover,.btn-cancel-demo:hover,.btn-upload-my-resume:hover,.btn-buy-subscription:hover,.btn-theme-colors:hover{transform:none!important}.btn-mode-toggle:active,.btn-open-live-site:active,.btn-back-portfolio:active,.btn-edit-subscription:active,.btn-reset-portfolio:active,.btn-cancel-demo:active,.btn-upload-my-resume:active,.btn-buy-subscription:active,.btn-theme-colors:active{filter:brightness(.95);transform:none!important}.btn-mode-toggle,.btn-theme-colors,.btn-open-live-site{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff73;box-shadow:0 0 10px #00f0ff26}.btn-mode-toggle svg,.btn-theme-colors svg,.btn-open-live-site svg{color:var(--accent-cyan)}.btn-mode-toggle:hover,.btn-theme-colors:hover,.btn-open-live-site:hover{border-color:var(--accent-cyan);color:#fff;background:#00f0ff38;box-shadow:0 0 16px #00f0ff66}.btn-mode-toggle:hover svg,.btn-theme-colors:hover svg,.btn-open-live-site:hover svg{color:#fff}body[data-theme=light] .btn-mode-toggle,body[data-theme=light] .btn-theme-colors,body[data-theme=light] .btn-open-live-site{color:#008eb3;background:#008eb314;border-color:#008eb366}body[data-theme=light] .btn-mode-toggle svg,body[data-theme=light] .btn-theme-colors svg,body[data-theme=light] .btn-open-live-site svg{color:#008eb3}body[data-theme=light] .btn-mode-toggle:hover,body[data-theme=light] .btn-theme-colors:hover,body[data-theme=light] .btn-open-live-site:hover{color:#00708f;background:#008eb32e;border-color:#008eb3;box-shadow:0 0 14px #008eb359}body[data-theme=light] .btn-mode-toggle:hover svg,body[data-theme=light] .btn-theme-colors:hover svg,body[data-theme=light] .btn-open-live-site:hover svg{color:#00708f}.btn-mode-toggle{justify-content:center;min-width:108px}.btn-mode-toggle.is-editing{animation:2s ease-in-out infinite editModePulse}body[data-theme=light] .btn-mode-toggle.is-editing{animation:2s ease-in-out infinite editModePulseLight}.btn-mode-toggle.is-preview{animation:none!important}.btn-open-live-site{text-decoration:none}.btn-edit-subscription{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;outline:none;justify-content:center;box-shadow:0 4px 14px #0072ff59,0 0 10px #00f0ff33}.btn-edit-subscription .sparkle-spin{color:#fff;flex-shrink:0!important;width:15px!important;height:15px!important;animation:none!important;transform:none!important}.btn-edit-subscription svg{color:#fff}.btn-edit-subscription .btn-edit-full{display:inline-block}.btn-edit-subscription .btn-edit-short{display:none}.btn-edit-subscription:hover{filter:brightness(1.14);box-shadow:0 6px 22px #0072ff8c,0 0 18px #00f0ff73}body[data-theme=light] .btn-edit-subscription{color:#fff;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:1px solid #008eb399}.btn-cancel-demo,.btn-reset-portfolio,.btn-back-portfolio{color:#fca5a5;background:#ef44441f;border:1px solid #ef444473}.btn-cancel-demo svg,.btn-cancel-demo .cancel-icon,.btn-reset-portfolio svg,.btn-reset-portfolio .cancel-icon,.btn-back-portfolio svg,.btn-back-portfolio .cancel-icon{color:#fca5a5;transition:color var(--transition-fast)}.btn-cancel-demo:hover,.btn-reset-portfolio:hover,.btn-back-portfolio:hover{color:#fff;background:#ef444440;border-color:#ef4444d9;box-shadow:0 0 16px #ef444459}.btn-cancel-demo:hover svg,.btn-cancel-demo:hover .cancel-icon,.btn-reset-portfolio:hover svg,.btn-reset-portfolio:hover .cancel-icon,.btn-back-portfolio:hover svg,.btn-back-portfolio:hover .cancel-icon{color:#fff}body[data-theme=light] .btn-cancel-demo,body[data-theme=light] .btn-reset-portfolio,body[data-theme=light] .btn-back-portfolio{color:#dc2626;background:#ef444414;border:1px solid #ef444466}body[data-theme=light] .btn-cancel-demo svg,body[data-theme=light] .btn-cancel-demo .cancel-icon,body[data-theme=light] .btn-reset-portfolio svg,body[data-theme=light] .btn-reset-portfolio .cancel-icon,body[data-theme=light] .btn-back-portfolio svg,body[data-theme=light] .btn-back-portfolio .cancel-icon{color:#dc2626}body[data-theme=light] .btn-cancel-demo:hover,body[data-theme=light] .btn-reset-portfolio:hover,body[data-theme=light] .btn-back-portfolio:hover{color:#fff;background:#ef444433;border-color:#dc2626}body[data-theme=light] .btn-cancel-demo:hover svg,body[data-theme=light] .btn-cancel-demo:hover .cancel-icon,body[data-theme=light] .btn-reset-portfolio:hover svg,body[data-theme=light] .btn-reset-portfolio:hover .cancel-icon,body[data-theme=light] .btn-back-portfolio:hover svg,body[data-theme=light] .btn-back-portfolio:hover .cancel-icon{color:#fff}.btn-upload-my-resume{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;outline:none;box-shadow:0 4px 14px #0072ff59,0 0 10px #00f0ff33}.btn-upload-my-resume .upload-icon{color:#fff}.btn-upload-my-resume:hover{filter:brightness(1.14);box-shadow:0 6px 22px #0072ff8c,0 0 18px #00f0ff73}.btn-upload-my-resume.is-secondary-cyan{color:var(--accent-cyan);box-shadow:none;background:#00f0ff1f;border:1px solid #00f0ff80}.btn-upload-my-resume.is-secondary-cyan .upload-icon{color:var(--accent-cyan)}.btn-upload-my-resume.is-secondary-cyan:hover{color:#fff;border-color:var(--accent-cyan);background:#00f0ff38;box-shadow:0 0 14px #00f0ff59}.btn-upload-my-resume.is-secondary-cyan:hover .upload-icon{color:#fff}body[data-theme=light] .btn-upload-my-resume.is-secondary-cyan{color:var(--accent-cyan);background:#008eb314;border:1px solid #008eb366}body[data-theme=light] .btn-upload-my-resume.is-secondary-cyan .upload-icon{color:var(--accent-cyan)}body[data-theme=light] .btn-upload-my-resume.is-secondary-cyan:hover{border-color:var(--accent-cyan);background:#008eb32e}body[data-theme=light] .btn-upload-my-resume:not(.is-secondary-cyan){color:#fff;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:none}.btn-buy-subscription{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;outline:none;justify-content:center;min-width:185px;box-shadow:0 4px 16px #0072ff66,0 0 12px #00f0ff40}.btn-buy-subscription .sparkle-spin{color:#fff;flex-shrink:0!important;width:16px!important;height:16px!important;animation:none!important;transform:none!important}.btn-buy-subscription .cart-icon{color:#fff;margin-left:2px}.btn-buy-subscription:hover{filter:brightness(1.14);box-shadow:0 6px 24px #0072ff99,0 0 18px #00f0ff73}body[data-theme=light] .btn-buy-subscription{color:#fff;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:1px solid #008eb399}@media (width<=980px){.title-mode-word{display:none}.btn-mode-toggle,.btn-theme-colors,.btn-open-live-site,.btn-back-portfolio,.btn-edit-subscription,.btn-reset-portfolio,.btn-cancel-demo,.btn-upload-my-resume,.btn-buy-subscription{padding:0 12px;font-size:.78rem}.btn-mode-toggle{min-width:96px}.btn-buy-subscription{min-width:165px}}@media (width<=900px){.title-prefix,.btn-text-full{display:none!important}.btn-text-short{display:inline!important}.floating-info .floating-title{display:inline-block!important}}@media (width<=860px){.floating-buy-bar{gap:.45rem;padding:.35rem .45rem .35rem .65rem}.floating-actions-group,.demo-actions-group{gap:.4rem}.floating-btn-wrapper{height:36px}.btn-mode-toggle,.btn-theme-colors,.btn-open-live-site,.btn-back-portfolio,.btn-edit-subscription,.btn-reset-portfolio,.btn-cancel-demo,.btn-upload-my-resume,.btn-buy-subscription{height:36px;min-height:36px;padding:0 10px;font-size:.75rem}.save-status-badge{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}.save-status-badge svg{width:15px;height:15px}.btn-mode-toggle{min-width:90px}.btn-buy-subscription{min-width:150px}}@media (width<=750px){.floating-info{flex-shrink:0!important;gap:0!important;width:8px!important;min-width:8px!important;max-width:8px!important}.floating-info .floating-title{display:none!important}.pulse-indicator-wrapper{flex-shrink:0!important;gap:0!important;width:8px!important;min-width:8px!important;max-width:8px!important}.pulse-indicator-wrapper .floating-title{display:none!important}.floating-btn-wrapper{height:36px!important}.floating-btn-wrapper.is-icon-btn-wrapper{flex-shrink:0!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important}.btn-mode-toggle,.btn-theme-colors,.btn-open-live-site,.btn-back-portfolio,.btn-reset-portfolio,.btn-cancel-demo,.btn-upload-my-resume{box-sizing:border-box!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:0!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;transform:none!important}.btn-mode-toggle .btn-text,.btn-theme-colors .btn-text,.btn-open-live-site .btn-text,.btn-back-portfolio .btn-text,.btn-reset-portfolio .btn-text,.btn-cancel-demo .btn-text,.btn-upload-my-resume .btn-text{display:none!important}.btn-mode-toggle svg,.btn-theme-colors svg,.btn-open-live-site svg,.btn-back-portfolio svg,.btn-reset-portfolio svg,.btn-cancel-demo svg,.btn-upload-my-resume svg{flex-shrink:0!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;animation:none!important;transform:none!important}.btn-buy-subscription,.btn-edit-subscription{box-sizing:border-box!important;border-radius:50px!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:auto!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 12px!important;font-size:.74rem!important;display:inline-flex!important;transform:none!important}.btn-buy-subscription .sparkle-spin,.btn-buy-subscription svg,.btn-edit-subscription .sparkle-spin,.btn-edit-subscription svg{flex-shrink:0!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;animation:none!important;transform:none!important}.btn-buy-subscription .btn-buy-text,.btn-buy-subscription .btn-edit-text,.btn-buy-subscription .btn-text,.btn-edit-subscription .btn-buy-text,.btn-edit-subscription .btn-edit-text,.btn-edit-subscription .btn-text{white-space:nowrap!important;font-size:.74rem!important;display:inline-block!important}.btn-buy-subscription .btn-edit-full,.btn-edit-subscription .btn-edit-full{display:inline-block!important}.btn-buy-subscription .btn-edit-short,.btn-edit-subscription .btn-edit-short,.btn-buy-subscription .cart-icon,.btn-edit-subscription .cart-icon{display:none!important}.save-status-badge{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.save-status-badge svg{width:16px!important;height:16px!important}}@media (width<=640px){.floating-buy-bar{border-radius:40px!important;gap:.45rem!important;padding:.35rem .55rem!important}.floating-info{gap:0!important}.floating-actions-group,.demo-actions-group{gap:.4rem!important}}@media (width<=480px){.floating-buy-bar{gap:.35rem!important;padding:.35rem .45rem!important}.floating-actions-group,.demo-actions-group{gap:.3rem!important}.btn-buy-subscription,.btn-edit-subscription{gap:4px!important;padding:0 10px!important;font-size:.72rem!important}.btn-buy-subscription .btn-buy-text,.btn-buy-subscription .btn-edit-text,.btn-buy-subscription .btn-text,.btn-edit-subscription .btn-buy-text,.btn-edit-subscription .btn-edit-text,.btn-edit-subscription .btn-text{font-size:.72rem!important}}@media (width<=350px){.btn-buy-subscription,.btn-edit-subscription{padding:0 8px!important;font-size:.7rem!important}.btn-buy-subscription .btn-edit-full,.btn-edit-subscription .btn-edit-full{display:none!important}.btn-buy-subscription .btn-edit-short,.btn-edit-subscription .btn-edit-short{display:inline-block!important}}@media (width<=290px){.btn-edit-subscription{border-radius:50%!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}.btn-edit-subscription .btn-edit-text{display:none!important}}@keyframes editModePulse{0%{border-color:#00f0ff73;box-shadow:0 0 6px #00f0ff40}50%{border-color:var(--accent-cyan);background:#00f0ff40;box-shadow:0 0 18px #00f0ffa6,0 0 28px #00f0ff4d}to{border-color:#00f0ff73;box-shadow:0 0 6px #00f0ff40}}@keyframes editModePulseLight{0%{border-color:#008eb366;box-shadow:0 0 4px #008eb333}50%{background:#008eb333;border-color:#008eb3;box-shadow:0 0 16px #008eb380,0 0 24px #008eb333}to{border-color:#008eb366;box-shadow:0 0 4px #008eb333}}@keyframes syncSmoothFastSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes syncCirclePulse{0%,to{opacity:.85;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}@keyframes syncBadgeGlowPulse{0%,to{background:#00f0ff1f;border-color:#00f0ff73;box-shadow:0 0 10px #00f0ff40}50%{background:#00f0ff38;border-color:#00f0fff2;box-shadow:0 0 22px #00f0ffa6,0 0 35px #00f0ff59}}@keyframes syncBadgeGlowPulseLight{0%,to{background:#008eb31a;border-color:#008eb359;box-shadow:0 0 8px #008eb333}50%{background:#008eb333;border-color:#008eb3e6;box-shadow:0 0 18px #008eb38c,0 0 28px #008eb347}}@keyframes slideUpFloat{0%{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%)}}@keyframes livePulse{0%,to{opacity:.8;box-shadow:0 0 #10b981b3}50%{opacity:1;box-shadow:0 0 0 5px #10b98100}}.legal-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:200000;background:#000000d1;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out modalOverlayFade;display:flex;position:fixed;inset:0}body[data-theme=light] .legal-modal-overlay{-webkit-backdrop-filter:blur(12px);background:#0f172a8c}.legal-modal-content{background:#121622f7;border:1px solid #00f0ff4d;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) modalContentPop;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000bf,0 0 30px #00f0ff1f}body[data-theme=light] .legal-modal-content{border:1px solid #008eb340;box-shadow:0 25px 60px #0f172a29,0 0 25px #008eb314;background:#fff!important}.legal-modal-content .legal-modal-close{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);z-index:10;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}body[data-theme=light] .legal-modal-content .legal-modal-close{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.legal-modal-content .legal-modal-close:hover{color:#ef4444;background:#ef444433;border-color:#ef444480;transform:none}body[data-theme=light] .legal-modal-content .legal-modal-close:hover{color:#dc2626;background:#ef44441f;border-color:#ef4444}.legal-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 3.5rem 1.25rem 1.5rem;display:flex}body[data-theme=light] .legal-modal-header{border-bottom-color:#e2e8f0}.legal-modal-header .legal-modal-title-wrap{align-items:center;gap:10px;display:flex}.legal-modal-header .legal-modal-title-wrap .title-icon.terms{color:var(--accent-purple)}.legal-modal-header .legal-modal-title-wrap .title-icon.privacy{color:var(--accent-cyan)}.legal-modal-header .legal-modal-title-wrap h3{font-size:1.25rem;font-family:var(--font-heading);color:var(--accent-cyan);text-shadow:0 0 14px #00f0ff59;margin:0}body[data-theme=light] .legal-modal-header .legal-modal-title-wrap h3{color:var(--accent-cyan);text-shadow:none}.legal-modal-body{scrollbar-width:thin;scrollbar-color:#00f0ff59 transparent;flex:1;padding:1.5rem;overflow-y:auto}.legal-modal-body::-webkit-scrollbar{width:6px;height:6px}.legal-modal-body::-webkit-scrollbar-track{background:0 0}.legal-modal-body::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:3px}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:#00f0ff99}body[data-theme=light] .legal-modal-body{scrollbar-color:#008eb359 transparent}body[data-theme=light] .legal-modal-body::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .legal-modal-body::-webkit-scrollbar-thumb:hover{background:#008eb399}.legal-modal-body .legal-modal-text h4{color:var(--text-primary);font-size:1rem;font-family:var(--font-heading);margin-top:1.25rem;margin-bottom:.5rem}.legal-modal-body .legal-modal-text h4:first-child{margin-top:0}.legal-modal-body .legal-modal-text p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.6}.legal-modal-body .legal-modal-text ul{margin:.5rem 0 .75rem;padding-left:1.25rem}.legal-modal-body .legal-modal-text ul li{color:var(--text-secondary);margin-bottom:.35rem;font-size:.88rem;line-height:1.5}.legal-modal-body .legal-modal-text ul.lang-list{columns:2;column-gap:1.5rem}@media (width<=480px){.legal-modal-body .legal-modal-text ul.lang-list{columns:1}}.legal-modal-body .legal-modal-text ul.lang-list li{color:var(--accent-cyan);font-size:.85rem;font-weight:500}.legal-modal-body .legal-modal-text a{color:var(--accent-cyan);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.legal-modal-body .legal-modal-text a:hover{color:var(--text-primary)}.legal-modal-body .legal-modal-text code{color:var(--accent-cyan);background:#00f0ff1a;border-radius:4px;padding:.15rem .4rem;font-size:.85em}.legal-modal-footer{border-top:1px solid var(--glass-border);justify-content:center;padding:1rem 1.5rem;display:flex}body[data-theme=light] .legal-modal-footer{border-top-color:#e2e8f0}.legal-modal-footer .btn-legal-agree{color:#fff;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.3px;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:1px solid #00f0ff8c;border-radius:50px;align-items:center;gap:8px;padding:.7rem 2.5rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #0072ff66,0 0 12px #00f0ff40}.legal-modal-footer .btn-legal-agree:hover{filter:brightness(1.1);box-shadow:0 6px 24px #0072ff99,0 0 20px #00f0ff73}.subscribe-modal-overlay{z-index:100000}.subscribe-modal-overlay.is-deploying{cursor:wait!important}.modal-locked-fields{min-inline-size:0;width:100%;transition:opacity var(--transition-fast), filter var(--transition-fast);border:none;flex-direction:column;gap:1.25rem;margin:0;padding:0;display:flex}.modal-locked-fields.is-locked{opacity:.55;filter:grayscale(.35);pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.modal-locked-fields.is-locked input,.modal-locked-fields.is-locked button,.modal-locked-fields.is-locked .plan-option-card,.modal-locked-fields.is-locked .addon-card,.modal-locked-fields.is-locked .legal-terms-card{cursor:not-allowed!important;pointer-events:none!important}.subscribe-modal-content{text-align:left;max-width:580px!important}.subscribe-header{text-align:center;margin-bottom:1.5rem}.subscribe-icon-badge{background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1rem;display:inline-flex;box-shadow:0 0 20px #00f0ff33}.subscribe-icon-badge .globe-icon{color:var(--accent-cyan)}body[data-theme=light] .subscribe-icon-badge{background:#008eb31a;border-color:#008eb34d;box-shadow:0 0 20px #008eb326}.subscribe-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem;line-height:1.5}.subscribe-form{flex-direction:column;gap:1.25rem;display:flex}.email-input-section{flex-direction:column;gap:.5rem;display:flex}.email-input-section .input-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.email-input-box.is-invalid{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444440,0 0 14px #ef44444d!important}body[data-theme=light] .email-input-box{background:#f1f5f9;border:1px solid #cbd5e1}body[data-theme=light] .email-input-box.is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633,0 0 12px #dc262633!important}body[data-theme=light] .email-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #008eb32e}.email-input-box .user-email-input{color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;height:100%;font-family:inherit;font-size:.9rem}.domain-input-section{flex-direction:column;gap:.5rem;display:flex}.domain-input-section .domain-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.domain-input-section .input-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.domain-input-section .domain-checking-indicator{color:var(--text-secondary);font-size:.74rem;font-style:italic}.domain-input-section .domain-status-badge{letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:700}.domain-input-section .domain-status-badge.available{color:#10b981;background:#10b9811f;border:1px solid #10b98147}.domain-input-section .domain-status-badge.taken{color:#f87171;background:#ef44441f;border:1px solid #ef444447}.domain-input-section .domain-error-text{color:#fca5a5;letter-spacing:.01em;align-items:flex-start;gap:.45rem;margin:8px 0 0 2px;font-size:.92rem;font-weight:500;line-height:1.5;display:flex}.domain-input-section .domain-error-text .error-inline-icon{color:#f87171;flex-shrink:0;margin-top:3px}body[data-theme=light] .domain-input-section .domain-error-text,body[data-theme=light] .domain-input-section .domain-error-text .error-inline-icon{color:#dc2626}.domain-input-box{box-sizing:border-box;height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0f172a73;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:0 .95rem;display:flex}.domain-input-box.is-invalid{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444440,0 0 14px #ef44444d!important}.domain-input-box.is-invalid .domain-slug-input{color:#f87171}.domain-input-box.is-invalid:focus-within{border-color:#f87171!important;box-shadow:0 0 0 3px #ef444459,0 0 18px #ef444466!important}.domain-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff40}body[data-theme=light] .domain-input-box{background:#f1f5f9;border:1px solid #cbd5e1}body[data-theme=light] .domain-input-box.is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633,0 0 12px #dc262633!important}body[data-theme=light] .domain-input-box.is-invalid .domain-slug-input{color:#dc2626}body[data-theme=light] .domain-input-box.is-invalid:focus-within{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262647,0 0 14px #dc262640!important}body[data-theme=light] .domain-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #008eb32e}.domain-input-box .domain-prefix{color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;font-size:.9rem;line-height:1;display:flex}.domain-input-box .domain-slug-input{color:var(--accent-cyan);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;min-width:80px;height:100%;padding:0 .35rem;font-family:inherit;font-size:.95rem;font-weight:700}.domain-input-box .domain-suffix{color:var(--text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.85;align-items:center;font-size:.85rem;line-height:1;display:flex}@media (width<=480px){.domain-input-box .domain-suffix{font-size:.75rem}}.domain-preview-pill{color:var(--text-secondary);background:#00f0ff0f;border:1px solid #00f0ff33;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .75rem;font-size:.85rem;display:flex;overflow-x:auto}body[data-theme=light] .domain-preview-pill{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.domain-preview-pill .preview-left{align-items:center;gap:.5rem;min-width:0;display:flex}.domain-preview-pill .ping-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px}.domain-preview-pill strong{color:var(--accent-cyan);font-weight:600}.domain-preview-pill .btn-preview-link-tab{color:var(--accent-cyan);white-space:nowrap;background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;transform:none!important}.domain-preview-pill .btn-preview-link-tab:hover{background:#00f0ff38;border-color:#00f0ff99;transform:none!important}body[data-theme=light] .domain-preview-pill .btn-preview-link-tab{color:#0284c7;background:#0284c71a;border-color:#0284c74d}body[data-theme=light] .domain-preview-pill .btn-preview-link-tab:hover{background:#0284c72e;border-color:#0284c780}.plans-selection-section{flex-direction:column;gap:.5rem;display:flex}.plans-selection-section .plans-section-header{align-items:center;margin-bottom:2px;display:flex}.plans-selection-section .plans-section-header .select-plan-title-row{align-items:center;gap:.75rem;display:inline-flex}.plans-selection-section .plans-section-header .select-plan-title-row .input-label{margin:0}.plans-selection-section .currency-switch-toggle{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:20px;gap:2px;padding:2px;display:inline-flex}body[data-theme=light] .plans-selection-section .currency-switch-toggle{background:#e2e8f0;border-color:#cbd5e1}.plans-selection-section .currency-switch-toggle .currency-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:16px;padding:3px 10px;font-size:.72rem;font-weight:700}.plans-selection-section .currency-switch-toggle .currency-btn:hover{color:var(--text-primary)}.plans-selection-section .currency-switch-toggle .currency-btn.active{background:var(--accent-cyan);color:#0b0f19;box-shadow:0 0 10px #00f0ff59}body[data-theme=light] .plans-selection-section .currency-switch-toggle .currency-btn.active{color:#fff;background:#0284c7}.plans-selection-section .input-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.plans-cards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.plans-cards-grid{grid-template-columns:1fr}}.plan-option-card{border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.1rem;display:flex;position:relative}.plan-option-card:hover{background:#ffffff0f;border-color:#00f0ff66;transform:none}.plan-option-card.selected{border-color:var(--accent-cyan);background:#00f0ff14;box-shadow:0 0 20px #00f0ff26}body[data-theme=light] .plan-option-card{background:#f8fafc;border:1px solid #e2e8f0}body[data-theme=light] .plan-option-card:hover{background:#f1f5f9;border-color:#008eb373}body[data-theme=light] .plan-option-card.selected{border-color:var(--accent-cyan);background:#008eb314;box-shadow:0 0 16px #008eb326}body[data-theme=light] .plan-option-card .plan-radio-circle{border-color:#cbd5e1}body[data-theme=light] .plan-option-card .plan-name{color:#1a202c}body[data-theme=light] .plan-option-card .plan-summary{color:#4a5568}body[data-theme=light] .plan-option-card .price-period{color:#64748b}.plan-option-card .plan-badge-top{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:-10px;right:12px;box-shadow:0 2px 8px #ec489966}.plan-option-card .plan-option-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.plan-option-card .plan-radio-wrap{align-items:center;gap:8px;display:flex}.plan-option-card .plan-radio-wrap .plan-radio-circle{border:2px solid var(--glass-border);width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.plan-option-card .plan-radio-wrap .plan-radio-circle.checked{border-color:var(--accent-cyan);background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.plan-option-card .plan-radio-wrap .plan-name{color:var(--text-primary);font-size:.96rem;font-weight:700}.plan-option-card .plan-price-tag{text-align:right}.plan-option-card .plan-price-tag .price-amount{color:var(--accent-cyan);font-size:1.15rem;font-weight:800}.plan-option-card .plan-price-tag .price-period{color:var(--text-secondary);font-size:.72rem}.plan-option-card .plan-summary{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.plan-option-card .plan-features-list{border-top:1px dashed #ffffff14;flex-direction:column;gap:5px;margin-top:10px;padding-top:8px;display:flex}body[data-theme=light] .plan-option-card .plan-features-list{border-top-color:#00000014}.plan-option-card .plan-feature-item{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:.74rem;line-height:1.35;display:flex}.plan-option-card .plan-feature-item .feature-check-icon{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.subscribe-addons-section{flex-direction:column;gap:.85rem;margin:0;display:flex}.subscribe-addons-section .addons-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:.95rem;font-weight:700}.subscribe-addons-section .addon-card{border:1px solid var(--glass-border);transition:all var(--transition-fast);background:#ffffff05;border-radius:12px;padding:.85rem 1rem}.subscribe-addons-section .addon-card.selected{border-color:var(--accent-cyan);background:#00f0ff0d}body[data-theme=light] .subscribe-addons-section .addon-card{background:#f8fafc;border:1px solid #cbd5e1}body[data-theme=light] .subscribe-addons-section .addon-card.selected{border-color:var(--accent-cyan);background:#008eb30f}body[data-theme=light] .subscribe-addons-section .addon-card .addon-name{color:#1a202c}body[data-theme=light] .subscribe-addons-section .addon-card .addon-desc{color:#4a5568}.subscribe-addons-section .addon-card .addon-label{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.subscribe-addons-section .addon-card .addon-label .addon-checkbox{accent-color:var(--accent-cyan);cursor:pointer;width:17px;height:17px;margin-top:3px}.subscribe-addons-section .addon-card .addon-label .addon-info{flex:1}.subscribe-addons-section .addon-card .addon-label .addon-info .addon-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.subscribe-addons-section .addon-card .addon-label .addon-info .addon-title-row .addon-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.subscribe-addons-section .addon-card .addon-label .addon-info .addon-title-row .addon-price{color:var(--accent-cyan);white-space:nowrap;font-size:.85rem;font-weight:700}.subscribe-addons-section .addon-card .addon-label .addon-info .addon-desc{color:var(--text-secondary);margin-top:.2rem;font-size:.82rem;line-height:1.4}.subscribe-addons-section .addon-card .custom-domain-config-panel{border-top:1px solid #ffffff14;margin-top:.85rem;padding-top:.85rem}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel{border-top-color:#e2e8f0}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .sub-input-label{color:#475569}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-input{color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;background:#fff!important;border:1px solid #cbd5e1!important}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-input:focus{border-color:var(--accent-cyan)!important;box-shadow:0 0 0 3px #008eb32e!important}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box{background:#f1f5f9;border:1px solid #cbd5e1}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-box-header{color:var(--accent-cyan)}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row.dns-row-header{color:#64748b;border-bottom-color:#e2e8f0}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row .dns-host{color:#1a202c}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row .dns-val{color:#475569}.subscribe-addons-section .addon-card .custom-domain-config-panel .sub-input-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-field-box{margin-bottom:.75rem}.subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-field-box .custom-domain-input{background:rgba(var(--surface-color-rgb), .95);border:1px solid var(--accent-cyan);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.9rem;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-field-box.is-invalid .custom-domain-input{color:#f87171!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444440,0 0 14px #ef44444d!important}body[data-theme=light] .subscribe-addons-section .addon-card .custom-domain-config-panel .custom-domain-field-box.is-invalid .custom-domain-input{color:#dc2626!important;border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633,0 0 12px #dc262633!important}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box{background:#00000059;border:1px solid #00f0ff40;border-radius:8px;padding:.65rem .85rem}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-box-header{color:var(--accent-cyan);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:flex}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table{flex-direction:column;gap:.35rem;display:flex}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row{grid-template-columns:60px 50px 1fr;align-items:center;font-size:.78rem;display:grid}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row.dns-row-header{color:var(--text-secondary);border-bottom:1px solid #ffffff14;padding-bottom:.25rem;font-weight:600}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row .dns-type{color:var(--accent-cyan);font-weight:700}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row .dns-host{color:var(--text-primary)}.subscribe-addons-section .addon-card .custom-domain-config-panel .dns-records-box .dns-records-table .dns-row .dns-val{color:var(--text-secondary);font-family:var(--font-mono,monospace);word-break:break-all}.legal-terms-section{flex-direction:column;margin-top:.15rem;display:flex}.legal-terms-section .legal-terms-card{border:1px solid var(--glass-border);transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff05;border-radius:12px;padding:.85rem 1rem}.legal-terms-section .legal-terms-card.selected{border-color:var(--accent-cyan);background:#00f0ff0d}body[data-theme=light] .legal-terms-section .legal-terms-card{background:#f8fafc;border:1px solid #cbd5e1}body[data-theme=light] .legal-terms-section .legal-terms-card.selected{border-color:var(--accent-cyan);background:#008eb30f}.legal-terms-section .legal-terms-card .legal-terms-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin:0;display:flex}.legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-checkbox{accent-color:var(--accent-cyan);cursor:pointer;flex-shrink:0;width:17px;height:17px;margin:0}.legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info{flex:1;align-items:center;display:flex}.legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text{color:var(--text-primary);font-size:.88rem;line-height:1.4}body[data-theme=light] .legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text{color:#1a202c}.legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text .legal-inline-link{color:var(--accent-cyan);font-size:inherit;cursor:pointer;text-underline-offset:3px;transition:color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-weight:600;text-decoration:underline;display:inline;transform:none!important}.legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text .legal-inline-link:hover{color:var(--accent-cyan);opacity:.85;text-decoration:underline;transform:none!important}body[data-theme=light] .legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text .legal-inline-link{color:#0284c7}body[data-theme=light] .legal-terms-section .legal-terms-card .legal-terms-label .legal-terms-info .legal-terms-text .legal-inline-link:hover{color:#0369a1}.btn-complete-and-deploy-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.btn-complete-and-deploy-wrapper[data-tooltip]{cursor:not-allowed}.btn-complete-and-deploy-wrapper[data-tooltip] .btn-submit-subscribe:disabled{pointer-events:none}.btn-complete-and-deploy-wrapper[data-tooltip] button[data-tooltip]:before,.btn-complete-and-deploy-wrapper[data-tooltip] button[data-tooltip]:after{display:none!important}.btn-complete-and-deploy-wrapper[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:100020;background:#0d121ef5;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:6px;height:6px;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(45deg)}.btn-complete-and-deploy-wrapper[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(12px);color:#f8fafc;white-space:nowrap;text-transform:none;letter-spacing:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:100019;background:#0d121ef5;border:1px solid #ffffff2e;border-radius:7px;padding:6px 14px;font-size:.76rem;font-weight:500;line-height:1.35;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000008c,0 0 14px #00f0ff40}@media (width<=480px){.btn-complete-and-deploy-wrapper[data-tooltip]:after{white-space:normal;text-align:center;width:max-content;max-width:290px}}.btn-complete-and-deploy-wrapper:hover[data-tooltip]:before,.btn-complete-and-deploy-wrapper:hover[data-tooltip]:after{opacity:1;visibility:visible}body[data-theme=light] .btn-complete-and-deploy-wrapper[data-tooltip]:before{background:#fff;border-color:#0000001f}body[data-theme=light] .btn-complete-and-deploy-wrapper[data-tooltip]:after{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 8px 24px #0000001f,0 0 14px #008eb340}.btn-submit-subscribe{box-sizing:border-box;color:#fff;width:100%;min-height:52px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:1px solid #00f0ff8c;border-radius:50px;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 6px 26px #0072ff8c,0 0 20px #00f0ff73;transform:none!important}.btn-submit-subscribe .sparkle-icon{transition:opacity var(--transition-fast), filter var(--transition-fast);flex-shrink:0}.btn-submit-subscribe:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 8px 30px #0072ffb3,0 0 25px #00f0ff99;transform:none!important}.btn-submit-subscribe:disabled:not(.is-loading),.btn-submit-subscribe.is-disabled:not(.is-loading){opacity:.4!important;cursor:not-allowed!important;border:1px solid var(--glass-border)!important;color:var(--text-secondary)!important;box-shadow:none!important;filter:grayscale(.85)!important;background:#ffffff12!important}.btn-submit-subscribe:disabled:not(.is-loading) .sparkle-icon,.btn-submit-subscribe.is-disabled:not(.is-loading) .sparkle-icon{opacity:.4!important;color:var(--text-secondary)!important}.btn-submit-subscribe:disabled:not(.is-loading):hover,.btn-submit-subscribe.is-disabled:not(.is-loading):hover{box-shadow:none!important;filter:grayscale(.85)!important;cursor:not-allowed!important;transform:none!important}.btn-submit-subscribe.is-loading,.btn-submit-subscribe:disabled.is-loading{pointer-events:none;cursor:wait!important;opacity:.95!important;color:#fff!important;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%)!important;border:1px solid #00f0ff8c!important;box-shadow:0 6px 26px #0072ff8c,0 0 20px #00f0ff73!important}body[data-theme=light] .btn-submit-subscribe{background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:none;box-shadow:0 6px 22px #008eb366}body[data-theme=light] .btn-submit-subscribe:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 28px #008eb38c;transform:none!important}body[data-theme=light] .btn-submit-subscribe:disabled:not(.is-loading),body[data-theme=light] .btn-submit-subscribe.is-disabled:not(.is-loading){color:#94a3b8!important;box-shadow:none!important;opacity:.45!important;filter:grayscale(.85)!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}body[data-theme=light] .btn-submit-subscribe:disabled:not(.is-loading) .sparkle-icon,body[data-theme=light] .btn-submit-subscribe.is-disabled:not(.is-loading) .sparkle-icon{opacity:.4!important;color:#94a3b8!important}body[data-theme=light] .btn-submit-subscribe:disabled:not(.is-loading):hover,body[data-theme=light] .btn-submit-subscribe.is-disabled:not(.is-loading):hover{box-shadow:none!important;filter:grayscale(.85)!important;cursor:not-allowed!important;transform:none!important}body[data-theme=light] .btn-submit-subscribe.is-loading,body[data-theme=light] .btn-submit-subscribe:disabled.is-loading{pointer-events:none;cursor:wait!important;opacity:.95!important;color:#fff!important;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%)!important;box-shadow:0 6px 22px #008eb366!important}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.payment-methods-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.payment-methods-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.payment-badge{cursor:default;transition:filter var(--transition-fast), box-shadow var(--transition-fast);border-radius:5px;justify-content:center;align-items:center;line-height:normal;display:inline-flex;position:relative;box-shadow:0 2px 6px #0000004d;transform:none!important}.payment-badge svg{pointer-events:none;border-radius:5px;width:48px;height:30px;display:block}.payment-badge svg *{pointer-events:none}.payment-badge:hover{filter:brightness(1.12);z-index:100010;box-shadow:0 0 12px #00f0ff73,0 2px 8px #00000080;transform:none!important}.payment-badge[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:100012;background:#0d121ef5;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:6px;height:6px;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)rotate(45deg)}.payment-badge[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(12px);color:#f8fafc;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100011;background:#0d121ef5;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;line-height:1.25;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000008c}.payment-badge:hover[data-tooltip]:before,.payment-badge:hover[data-tooltip]:after{opacity:1;visibility:visible}body[data-theme=light] .payment-badge{box-shadow:0 1px 4px #0000001a}body[data-theme=light] .payment-badge svg{filter:drop-shadow(0 1px 1px #0000000d)}body[data-theme=light] .payment-badge:hover{filter:brightness(1.05);box-shadow:0 0 10px #0077b64d,0 2px 6px #00000026;transform:none!important}body[data-theme=light] .payment-badge[data-tooltip]:before{background:#fff;border-color:#0000001f}body[data-theme=light] .payment-badge[data-tooltip]:after{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 6px 18px #0000001f}.payment-security-note{color:var(--text-muted,#fff9);letter-spacing:.2px;text-align:center;justify-content:center;align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;line-height:1.3;display:inline-flex}.payment-security-note .lock-icon{color:#10b981;flex-shrink:0}body[data-theme=light] .payment-security-note{color:#64748b}body[data-theme=light] .payment-security-note .lock-icon{color:#059669}.subscribe-success-card{text-align:center;padding:1rem 0}.subscribe-success-card .success-icon-badge{color:#10b981;background:#10b98126;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.25rem;display:inline-flex;box-shadow:0 0 25px #10b98159}.subscribe-success-card .success-subtitle{color:var(--text-secondary);margin:.5rem 0 1.5rem;font-size:.95rem}.subscribe-success-card .live-domain-card{background:rgba(var(--surface-color-rgb), .7);border:1px solid var(--accent-cyan);border-radius:10px;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:1rem;display:flex}body[data-theme=light] .subscribe-success-card .live-domain-card{border:1px solid var(--accent-cyan);background:#f8fafc}body[data-theme=light] .subscribe-success-card .live-domain-card .live-label{color:#64748b}.subscribe-success-card .live-domain-card .live-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.75rem}.subscribe-success-card .live-domain-card .live-url{color:var(--accent-cyan);word-break:break-all;justify-content:center;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:inline-flex}.subscribe-success-card .live-domain-card .live-url:hover{color:var(--accent-magenta)}.subscribe-success-card .btn-primary-confirm{background:var(--accent-cyan);color:#050505;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;border-radius:10px;padding:.9rem;font-size:1rem;font-weight:700}.subscribe-success-card .btn-primary-confirm:hover{filter:brightness(1.05);background:#fff;box-shadow:0 4px 15px #00f0ff66}.terms-agreement-row{border:1px solid var(--glass-border);background:#ffffff05;border-radius:10px;margin:0 0 .5rem;padding:.75rem 1rem}.terms-agreement-row .terms-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.terms-agreement-row .terms-checkbox-label .terms-checkbox{width:17px;height:17px;accent-color:var(--accent-cyan);cursor:pointer;flex-shrink:0;margin-top:3px}.terms-agreement-row .terms-checkbox-label .terms-text{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.terms-agreement-row .terms-checkbox-label .terms-text .legal-link-btn{color:var(--accent-cyan);cursor:pointer;font-weight:600;font-size:inherit;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline;display:inline}.terms-agreement-row .terms-checkbox-label .terms-text .legal-link-btn:hover{color:var(--accent-magenta)}.subscription-status-header{flex-direction:column;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.subscription-status-header .status-pill-wrap{justify-content:center;display:flex}.subscription-status-header .status-pill{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:.3rem .95rem;font-size:.78rem;font-weight:700;display:inline-flex}.subscription-status-header .status-pill.is-active{color:#10b981;background:#10b9811f;border:1px solid #10b98166}.subscription-status-header .status-pill.is-active .status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.subscription-status-header .status-pill.is-created{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b66}.subscription-status-header .status-pill.is-created .status-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #f59e0b}.subscription-status-header .status-pill.is-pending{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff66}.subscription-status-header .status-pill.is-pending .status-dot{background:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%}.subscription-status-header .status-pill.is-updating{color:#a855f7;background:#a855f71f;border:1px solid #a855f766}.subscription-status-header .status-pill.is-updating .status-dot{background:#a855f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #a855f7}.subscription-status-header .status-pill.is-canceled{color:#fca5a5;background:#ef44441f;border:1px solid #ef444466}.subscription-status-header .status-pill.is-canceled .status-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ef4444}.subscription-status-header .subscription-meta-col{box-sizing:border-box;grid-template-columns:1fr;gap:.65rem;width:100%;max-width:340px;margin:.35rem auto 0;display:grid}@media (width>=520px){.subscription-status-header .subscription-meta-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:100%}}.subscription-status-header .subscription-meta-col.is-canceled-single{justify-content:center;max-width:340px;display:flex}.subscription-status-header .subscription-meta-row{box-sizing:border-box;width:100%;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;-webkit-user-select:text;user-select:text;background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .95rem;display:flex}.subscription-status-header .subscription-meta-row:hover{box-shadow:none;background:#0f172aa6;border-color:#ffffff14;transform:none}.subscription-status-header .subscription-meta-row .meta-left{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:inline-flex}.subscription-status-header .subscription-meta-row .meta-icon{color:var(--accent-cyan);flex-shrink:0}.subscription-status-header .subscription-meta-row .meta-label{color:var(--text-secondary);letter-spacing:.2px;white-space:nowrap;font-size:.9rem;font-weight:600}.subscription-status-header .subscription-meta-row .meta-value{color:#f8fafc;font-size:.92rem;font-weight:700;font-family:var(--font-mono,monospace);letter-spacing:.3px;white-space:nowrap;text-align:right}.subscription-status-header .subscription-meta-row.payment-amount-row .meta-icon{color:#a78bfa}.subscription-status-header .subscription-meta-row.payment-amount-row .meta-value{color:#c4b5fd}.subscription-status-header .subscription-meta-row.is-canceled-meta .meta-icon{color:#f87171}.subscription-status-header .subscription-meta-row.is-canceled-meta .meta-value{color:#fca5a5}body[data-theme=light] .subscription-status-header .status-pill.is-created{color:#d97706;background:#d977061a;border-color:#d9770659}body[data-theme=light] .subscription-status-header .status-pill.is-created .status-dot{background:#d97706;box-shadow:0 0 6px #d9770680}body[data-theme=light] .subscription-status-header .status-pill.is-pending{color:#0284c7;background:#0284c71a;border-color:#0284c759}body[data-theme=light] .subscription-status-header .status-pill.is-pending .status-dot{background:#0284c7;box-shadow:0 0 6px #0284c780}body[data-theme=light] .subscription-status-header .status-pill.is-updating{color:#9333ea;background:#9333ea1a;border-color:#9333ea59}body[data-theme=light] .subscription-status-header .status-pill.is-updating .status-dot{background:#9333ea;box-shadow:0 0 6px #9333ea80}body[data-theme=light] .subscription-status-header .subscription-meta-row{color:#334155;background:#f1f5f9d9;border-color:#00000014}body[data-theme=light] .subscription-status-header .subscription-meta-row:hover{box-shadow:none;background:#f1f5f9d9;border-color:#00000014;transform:none}body[data-theme=light] .subscription-status-header .subscription-meta-row .meta-label{color:#475569}body[data-theme=light] .subscription-status-header .subscription-meta-row .meta-value{color:#0f172a}body[data-theme=light] .subscription-status-header .subscription-meta-row.payment-amount-row .meta-icon{color:#7c3aed}body[data-theme=light] .subscription-status-header .subscription-meta-row.payment-amount-row .meta-value{color:#6d28d9}body[data-theme=light] .subscription-status-header .subscription-meta-row.is-canceled-meta .meta-icon{color:#dc2626}body[data-theme=light] .subscription-status-header .subscription-meta-row.is-canceled-meta .meta-value{color:#b91c1c}.save-feedback-banner{border-radius:8px;align-items:center;gap:8px;margin-bottom:1rem;padding:.65rem 1rem;font-size:.86rem;font-weight:600;animation:.3s fadeIn;display:flex}.save-feedback-banner.is-success{color:#10b981;background:#10b9811f;border:1px solid #10b98166}.save-feedback-banner.is-error{color:#ef4444;background:#ef44441f;border:1px solid #ef444466}.email-input-box{box-sizing:border-box;height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0f172a73;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:0 .95rem;display:flex}.email-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff40}.email-input-box .email-input-icon{color:var(--accent-cyan);flex-shrink:0}.email-input-box .user-email-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.email-input-box.readonly-box{cursor:default;background:#0f172a73;border:1px solid #ffffff14}.email-input-box.readonly-box:focus-within{box-shadow:none;border-color:#ffffff14}.email-input-box.readonly-box .readonly-input{color:var(--text-secondary);cursor:default}.field-hint-text{color:var(--text-secondary);opacity:.8;margin:3px 0 0 2px;font-size:.76rem;line-height:1.35}.domain-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-open-portfolio-link{color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff14;border:1px solid #00f0ff40;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-open-portfolio-link:hover{border-color:var(--accent-cyan);color:#fff;background:#00f0ff2e;box-shadow:0 0 10px #00f0ff4d}body[data-theme=light] .btn-open-portfolio-link{color:#0284c7;background:#0284c714;border-color:#0284c740}body[data-theme=light] .btn-open-portfolio-link:hover{color:#0369a1;background:#0284c729;border-color:#0284c7}.edit-subscription-actions-block{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.btn-save-subscription{width:100%;height:46px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.btn-save-subscription.is-active-changes{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);box-shadow:0 4px 18px #0072ff73,0 0 16px #00f0ff4d}.btn-save-subscription.is-active-changes:hover{filter:brightness(1.12);box-shadow:0 6px 24px #0072ffa6,0 0 20px #00f0ff73}.btn-save-subscription.is-disabled{border:1px solid var(--glass-border);color:var(--text-secondary);opacity:.45;cursor:not-allowed;box-shadow:none;background:#ffffff0f}body[data-theme=light] .btn-save-subscription.is-disabled{color:#94a3b8;background:#f1f5f9;border:1px solid #cbd5e1}.btn-pay-and-publish{width:100%;height:46px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;white-space:nowrap;color:#fff;transition:filter var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 18px #0072ff73,0 0 16px #00f0ff4d;transform:none!important}.btn-pay-and-publish:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 6px 24px #0072ffa6,0 0 20px #00f0ff73;transform:none!important}.btn-pay-and-publish:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.plan-option-card.is-disabled{opacity:.55;cursor:not-allowed!important;pointer-events:none!important}.plan-option-card.is-disabled:hover{border-color:var(--glass-border)!important;box-shadow:none!important;background:#ffffff08!important}.addon-card.is-disabled{opacity:.55;cursor:not-allowed!important}.addon-card.is-disabled .addon-label,.addon-card.is-disabled .addon-checkbox{cursor:not-allowed!important;pointer-events:none!important}.addon-card.is-disabled .custom-domain-input{cursor:not-allowed!important}.btn-cancel-subscription-trigger{color:#fca5a5;width:100%;height:30px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444452;border-radius:50px;justify-content:center;align-items:center;gap:5px;padding:0 1rem;font-size:.75rem;font-weight:600;display:flex}.btn-cancel-subscription-trigger svg{color:#fca5a5;transition:color var(--transition-fast)}.btn-cancel-subscription-trigger:hover:not(:disabled){color:#fff;background:#ef44442e;border-color:#ef4444bf;box-shadow:0 0 14px #ef444447}.btn-cancel-subscription-trigger:hover:not(:disabled) svg{color:#fff}.btn-cancel-subscription-trigger:disabled{opacity:.4;cursor:not-allowed;color:var(--text-secondary);border-color:#ffffff1a}body[data-theme=light] .btn-cancel-subscription-trigger{color:#dc2626;background:#ef44440f;border-color:#ef44444d}body[data-theme=light] .btn-cancel-subscription-trigger svg{color:#dc2626}body[data-theme=light] .btn-cancel-subscription-trigger:hover:not(:disabled){color:#b91c1c;background:#ef444424;border-color:#dc2626}.cancel-confirm-overlay{-webkit-backdrop-filter:blur(12px);z-index:100050;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.cancel-confirm-card{text-align:center;box-sizing:border-box;background:#121622fa;border:1px solid #ef44448c;border-radius:20px;width:100%;max-width:440px;padding:2rem 1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn;box-shadow:0 24px 60px #000000e6,0 0 32px #ef444440}body[data-theme=light] .cancel-confirm-card{background:#fff;border-color:#ef444466;box-shadow:0 24px 60px #0f172a40,0 0 24px #ef44441f}.cancel-confirm-card .cancel-icon-circle{color:#ef4444;background:#ef44441f;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;display:flex}.cancel-confirm-card .cancel-icon-circle.is-success{color:#10b981;background:#10b9811f;border-color:#10b98166}.cancel-confirm-card .cancel-confirm-title{color:var(--text-primary);margin:0 0 .65rem;font-size:1.25rem;font-weight:700}.cancel-confirm-card .cancel-confirm-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.88rem;line-height:1.5}.cancel-confirm-card .cancel-confirm-actions{gap:.75rem;display:flex}@media (width<=480px){.cancel-confirm-card .cancel-confirm-actions{flex-direction:column}}.cancel-confirm-card .cancel-confirm-actions .btn-keep-subscription{border:1px solid var(--glass-border);height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border-radius:50px;flex:1;font-size:.84rem;font-weight:600}.cancel-confirm-card .cancel-confirm-actions .btn-keep-subscription:hover{background:#ffffff26}.cancel-confirm-card .cancel-confirm-actions .btn-confirm-cancel-danger{color:#fff;cursor:pointer;height:38px;transition:all var(--transition-fast);background:#dc2626;border:none;border-radius:50px;flex:1;font-size:.84rem;font-weight:700;box-shadow:0 4px 14px #dc262666}.cancel-confirm-card .cancel-confirm-actions .btn-confirm-cancel-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 6px 18px #dc262699}.cancel-confirm-card .cancel-confirm-actions .btn-confirm-cancel-danger:disabled{opacity:.6;cursor:not-allowed}.cancel-confirm-card .cancel-success-state .btn-primary-confirm{color:#fff;cursor:pointer;height:38px;transition:all var(--transition-fast);background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;border-radius:50px;padding:0 2rem;font-size:.88rem;font-weight:600}.cancel-confirm-card .cancel-success-state .btn-primary-confirm:hover{filter:brightness(1.1)}.ai-token-input-section{flex-direction:column;gap:.55rem;margin-bottom:1.25rem;display:flex}.ai-token-input-section.is-free-bonus-section{border-top:1px dashed #ffffff1f;margin-top:.85rem;padding-top:.95rem}.ai-token-input-section .token-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.ai-token-input-section .token-label-left{align-items:center;gap:8px;display:inline-flex}.ai-token-input-section .token-label-right{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.ai-token-input-section .free-bonus-badge{letter-spacing:.6px;text-transform:uppercase;color:var(--accent-cyan);white-space:nowrap;background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:6px;align-items:center;padding:2px 7px;font-size:.65rem;font-weight:800;display:inline-flex}.ai-token-input-section .ai-saving-indicator,.ai-token-input-section .ai-saved-indicator,.ai-token-input-section .ai-error-indicator{white-space:nowrap;letter-spacing:.2px;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.ai-token-input-section .ai-saving-indicator{color:var(--accent-cyan)}.ai-token-input-section .ai-saving-indicator .spin-icon{animation:1s linear infinite spin}.ai-token-input-section .ai-saved-indicator{color:#10b981}.ai-token-input-section .ai-error-indicator{color:#ef4444}.ai-token-input-section .input-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:600}.ai-token-input-section .token-status-badge{letter-spacing:.3px;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:9999px;outline:none;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex;transform:none!important}.ai-token-input-section .token-status-badge:hover{transform:none!important}.ai-token-input-section .token-status-badge:focus-visible{box-shadow:0 0 0 2px #00f0ff80}.ai-token-input-section .token-status-badge .switch-track{box-sizing:border-box;width:22px;height:13px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:9999px;flex-shrink:0;align-items:center;padding:1px;display:inline-flex;position:relative}.ai-token-input-section .token-status-badge .switch-track .switch-thumb{width:9px;height:9px;transition:transform .2s cubic-bezier(.4, 0, .2, 1), background-color var(--transition-fast);background:#fff;border-radius:50%;display:block;box-shadow:0 1px 2px #0000004d}.ai-token-input-section .token-status-badge .badge-sparkle-icon{flex-shrink:0}.ai-token-input-section .token-status-badge .badge-text{white-space:nowrap}.ai-token-input-section .token-status-badge.is-active{color:#10b981;background:#10b9811f;border-color:#10b98159}.ai-token-input-section .token-status-badge.is-active .switch-track{background:#10b981;border:1px solid #10b98199}.ai-token-input-section .token-status-badge.is-active .switch-track .switch-thumb{transform:translate(9px)}.ai-token-input-section .token-status-badge.is-active:hover{background:#10b98133;border-color:#10b9818c;box-shadow:0 0 10px #10b98140}.ai-token-input-section .token-status-badge.is-disabled{color:#94a3b8;background:#94a3b81f;border-color:#94a3b847}.ai-token-input-section .token-status-badge.is-disabled .switch-track{background:#94a3b859;border:1px solid #94a3b880}.ai-token-input-section .token-status-badge.is-disabled .switch-track .switch-thumb{background:#cbd5e1;transform:translate(0)}.ai-token-input-section .token-status-badge.is-disabled:hover{background:#94a3b82e;border-color:#94a3b873;box-shadow:0 0 10px #94a3b826}.ai-token-input-section .token-status-badge .spin-icon{flex-shrink:0;animation:1s linear infinite spin}.ai-token-input-section .token-status-badge.is-loading{opacity:.92;pointer-events:none;cursor:wait!important}.ai-token-input-section .token-status-badge.is-loading .spin-icon{color:var(--accent-cyan)}.ai-token-input-section .token-status-badge.is-not-allowed{opacity:.55;cursor:not-allowed!important}.ai-token-input-section .token-status-badge.is-not-allowed:hover{box-shadow:none!important;background:#94a3b81f!important;border-color:#94a3b847!important}.ai-token-input-section .token-input-box{height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0f172a8c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:0 .95rem;display:flex;position:relative}.ai-token-input-section .token-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff33}.ai-token-input-section .token-input-box.is-invalid{border-color:#ef4444!important;box-shadow:0 0 10px #ef444440!important}.ai-token-input-section .token-input-box .token-input-icon{color:var(--accent-cyan);flex-shrink:0;margin-right:.55rem}.ai-token-input-section .token-input-box .user-token-input{color:#fff;font-family:var(--font-mono,monospace);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.85rem}.ai-token-input-section .token-input-box .user-token-input::placeholder{color:var(--text-secondary);opacity:.5}.ai-token-input-section .token-input-box .btn-token-instant-save{color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00f0ff26;border:1px solid #00f0ff66;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;margin-left:.5rem;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;transform:none!important}.ai-token-input-section .token-input-box .btn-token-instant-save:hover:not(:disabled){border-color:var(--accent-cyan);background:#00f0ff47;box-shadow:0 0 10px #00f0ff59;transform:none!important}.ai-token-input-section .token-input-box .btn-token-instant-save:disabled{opacity:.5;cursor:not-allowed}.ai-token-input-section .token-input-box .btn-token-instant-save .spin-icon{animation:1s linear infinite spin}.ai-token-input-section .token-error-text{color:#f87171;margin:2px 0 0 4px;font-size:.74rem;font-weight:500}.ai-token-input-section .token-dashboard-link-box{background:#00f0ff0a;border:1px dashed #00f0ff40;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;padding:.65rem .85rem;display:flex}@media (width<=540px){.ai-token-input-section .token-dashboard-link-box{flex-direction:column;align-items:flex-start}}.ai-token-input-section .token-dashboard-link-box .token-dashboard-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-token-input-section .token-dashboard-link-box .token-dashboard-text .token-hint-title{color:#f8fafc;letter-spacing:.2px;font-size:.76rem;font-weight:700}.ai-token-input-section .token-dashboard-link-box .token-dashboard-text .token-hint-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.35}.ai-token-input-section .token-dashboard-link-box .btn-token-dashboard-link{color:#fff;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#00f0ff26;border:1px solid #00f0ff59;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.ai-token-input-section .token-dashboard-link-box .btn-token-dashboard-link:hover{border-color:var(--accent-cyan);background:#00f0ff47;transform:none;box-shadow:0 0 10px #00f0ff4d}.domain-input-section.is-paid-locked .domain-locked-box{box-sizing:border-box;background:#0f172a73;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;height:44px;padding:0 .95rem;display:flex}.domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-icon{color:var(--accent-cyan);flex-shrink:0}.domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-simple-link{font-family:var(--font-mono,monospace);color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:.88rem;font-weight:600;text-decoration:none;overflow:hidden}.domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-simple-link:hover{color:var(--accent-cyan);text-decoration:underline;transform:none}.domain-input-section.is-paid-locked .domain-locked-box .btn-open-portfolio-inside{height:26px;color:var(--accent-cyan);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex;transform:none!important}.domain-input-section.is-paid-locked .domain-locked-box .btn-open-portfolio-inside:hover{border-color:var(--accent-cyan);color:#fff;background:#00f0ff38;box-shadow:0 0 10px #00f0ff59;transform:none!important}body[data-theme=light] .email-input-box{background:#f8fafc;border-color:#cbd5e1}body[data-theme=light] .email-input-box .user-email-input{color:#0f172a}body[data-theme=light] .email-input-box .email-input-icon{color:#0284c7}body[data-theme=light] .email-input-box.readonly-box{background:#f1f5f9;border:1px solid #cbd5e1;box-shadow:inset 0 1px 2px #0000000a}body[data-theme=light] .email-input-box.readonly-box .readonly-input{color:#1e293b;font-weight:500}body[data-theme=light] .email-input-box.readonly-box .email-input-icon{color:#64748b}body[data-theme=light] .ai-token-input-section.is-free-bonus-section{border-top-color:#0000001a}body[data-theme=light] .ai-token-input-section .free-bonus-badge{color:#0284c7;background:#0284c71a;border-color:#0284c74d}body[data-theme=light] .ai-token-input-section .token-input-box{background:#f8fafc;border-color:#cbd5e1}body[data-theme=light] .ai-token-input-section .token-input-box:focus-within{border-color:#0284c7;box-shadow:0 0 12px #0284c733}body[data-theme=light] .ai-token-input-section .token-input-box .token-input-icon{color:#0284c7}body[data-theme=light] .ai-token-input-section .token-input-box .user-token-input{color:#0f172a}body[data-theme=light] .ai-token-input-section .token-input-box .btn-token-instant-save{color:#0369a1;background:#0284c71f;border-color:#0284c759}body[data-theme=light] .ai-token-input-section .token-input-box .btn-token-instant-save:hover:not(:disabled){color:#0c4a6e;background:#0284c738;border-color:#0284c7;box-shadow:0 0 10px #0284c740}body[data-theme=light] .ai-token-input-section .token-dashboard-link-box{background:#0284c70d;border-color:#0284c740}body[data-theme=light] .ai-token-input-section .token-dashboard-link-box .token-dashboard-text .token-hint-title{color:#0f172a}body[data-theme=light] .ai-token-input-section .token-dashboard-link-box .btn-token-dashboard-link{color:#0369a1;background:#0284c71f;border-color:#0284c74d}body[data-theme=light] .ai-token-input-section .token-dashboard-link-box .btn-token-dashboard-link:hover{color:#0c4a6e;background:#0284c738;border-color:#0284c7}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box{background:#f1f5f9;border:1px solid #cbd5e1;box-shadow:inset 0 1px 2px #0000000a}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-icon{color:#64748b}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-simple-link{color:#1e293b}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box .domain-locked-display .domain-simple-link:hover{color:#0284c7}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box .btn-open-portfolio-inside{color:#0284c7;background:#0284c71a;border-color:#0284c759}body[data-theme=light] .domain-input-section.is-paid-locked .domain-locked-box .btn-open-portfolio-inside:hover{color:#004e6b;background:#0284c72e;border-color:#0284c7}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.edit-password-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:100000!important}.edit-password-modal-content{scrollbar-width:thin;scrollbar-color:#00f0ff59 transparent;width:90%;max-height:90vh;overflow-y:auto;max-width:480px!important}.edit-password-modal-content::-webkit-scrollbar{width:6px;height:6px}.edit-password-modal-content::-webkit-scrollbar-track{background:0 0}.edit-password-modal-content::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:999px}.edit-password-modal-content{background:var(--card-bg,#121824);text-align:center;border:1px solid #00f0ff40;border-radius:16px;padding:2.2rem;position:relative;box-shadow:0 10px 40px #00000080,0 0 30px #00f0ff26}.edit-password-header{margin-bottom:1.5rem}.lock-icon-badge{background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:inline-flex;box-shadow:0 0 20px #00f0ff33}.lock-icon-badge .lock-icon{color:var(--accent-cyan,#00f0ff)}.password-error-banner{color:#ff6b6b;text-align:left;background:#ff44441f;border:1px solid #ff44444d;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.edit-password-form{text-align:left;flex-direction:column;gap:1.2rem;display:flex}.password-input-wrapper{flex-direction:column;gap:.5rem;display:flex}.password-input-wrapper .input-label{color:var(--text-secondary,#94a3b8);font-size:.85rem;font-weight:500}.password-input-wrapper .input-with-icon{align-items:center;display:flex;position:relative}.password-input-wrapper .input-with-icon .modal-input{width:100%;color:var(--text-primary,#fff);background:#0000004d;border:1px solid #ffffff26;border-radius:10px;padding:.85rem 2.8rem .85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.password-input-wrapper .input-with-icon .modal-input:focus{border-color:var(--accent-cyan,#00f0ff);outline:none;box-shadow:0 0 12px #00f0ff4d}.password-input-wrapper .input-with-icon .toggle-password-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.8rem}.password-input-wrapper .input-with-icon .toggle-password-btn:hover{color:var(--text-primary,#fff)}.edit-password-modal-content .modal-actions-bar,.edit-password-actions-bar{border-top:none!important;flex-flow:column!important;justify-content:center!important;align-items:stretch!important;gap:.75rem!important;width:100%!important;margin-top:.85rem!important;padding-top:0!important;display:flex!important}.edit-password-modal-content .modal-actions-bar .btn-unlock-confirm,.edit-password-actions-bar .btn-unlock-confirm{background:linear-gradient(135deg, var(--accent-cyan,#00f0ff), #08f)!important;color:#0b0f19!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;width:100%!important;padding:.85rem 1.25rem!important;font-size:.95rem!important;font-weight:600!important;transition:filter .2s,box-shadow .2s!important;display:flex!important}.edit-password-modal-content .modal-actions-bar .btn-unlock-confirm:hover:not(:disabled),.edit-password-actions-bar .btn-unlock-confirm:hover:not(:disabled){filter:brightness(1.1)!important;transform:none!important;box-shadow:0 0 20px #00f0ff66!important}.edit-password-modal-content .modal-actions-bar .btn-unlock-confirm:disabled,.edit-password-actions-bar .btn-unlock-confirm:disabled{opacity:.6!important;cursor:not-allowed!important}.edit-password-modal-content .modal-actions-bar .btn-back-link,.edit-password-actions-bar .btn-back-link{color:#fca5a5!important;cursor:pointer!important;letter-spacing:.3px!important;white-space:nowrap!important;background:#ef444414!important;border:1px solid #ef444459!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;width:100%!important;height:30px!important;padding:0 1rem!important;font-size:.78rem!important;font-weight:600!important;transition:background .2s,border-color .2s,color .2s,box-shadow .2s!important;display:flex!important}.edit-password-modal-content .modal-actions-bar .btn-back-link svg,.edit-password-actions-bar .btn-back-link svg{color:#fca5a5!important;flex-shrink:0!important;transition:color .2s!important}.edit-password-modal-content .modal-actions-bar .btn-back-link:hover:not(:disabled),.edit-password-actions-bar .btn-back-link:hover:not(:disabled){color:#fff!important;background:#ef44442e!important;border-color:#ef4444bf!important;transform:none!important;box-shadow:0 0 14px #ef444447!important}.edit-password-modal-content .modal-actions-bar .btn-back-link:hover:not(:disabled) svg,.edit-password-actions-bar .btn-back-link:hover:not(:disabled) svg{color:#fff!important}.edit-password-modal-content .modal-actions-bar .btn-back-link:disabled,.edit-password-actions-bar .btn-back-link:disabled{opacity:.4!important;cursor:not-allowed!important;color:var(--text-secondary)!important;border-color:#ffffff1a!important}body[data-theme=light] .edit-password-modal-content .modal-actions-bar .btn-back-link,body[data-theme=light] .edit-password-actions-bar .btn-back-link{color:#dc2626!important;background:#ef44440f!important;border-color:#ef44444d!important}body[data-theme=light] .edit-password-modal-content .modal-actions-bar .btn-back-link svg,body[data-theme=light] .edit-password-actions-bar .btn-back-link svg{color:#dc2626!important}body[data-theme=light] .edit-password-modal-content .modal-actions-bar .btn-back-link:hover:not(:disabled),body[data-theme=light] .edit-password-actions-bar .btn-back-link:hover:not(:disabled){color:#b91c1c!important;background:#ef444424!important;border-color:#dc2626!important;box-shadow:0 0 14px #dc262633!important}body[data-theme=light] .edit-password-modal-content .modal-actions-bar .btn-back-link:hover:not(:disabled) svg,body[data-theme=light] .edit-password-actions-bar .btn-back-link:hover:not(:disabled) svg{color:#b91c1c!important}.spinner-spin{animation:1s linear infinite spin}.color-scheme-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#04070fc7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.color-scheme-modal-card{-webkit-backdrop-filter:blur(25px);background:#0f1624fa;border:1px solid #00f0ff4d;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000bf,0 0 35px #00f0ff26;overflow-x:hidden!important}body[data-theme=light] .color-scheme-modal-card{background:#fff;border-color:#008eb34d;box-shadow:0 25px 60px #00000026,0 0 30px #008eb326}.color-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.color-modal-header .header-title-group{align-items:center;gap:12px;display:flex}.color-modal-header .header-icon-circle{width:38px;height:38px;color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff4d;border-radius:10px;justify-content:center;align-items:center;display:flex}.color-modal-header .modal-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.color-modal-header .modal-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:.78rem}.color-modal-header .btn-modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex;transform:none!important}.color-modal-header .btn-modal-close:hover{color:var(--text-primary);border-color:var(--glass-border);background:#ffffff14;transform:none!important}.color-modal-tabs{border-bottom:1px solid var(--glass-border);background:#0003;gap:8px;padding:.75rem 1.25rem;display:flex}body[data-theme=light] .color-modal-tabs{background:#f8fafc}.color-modal-tabs .color-tab-btn{cursor:pointer;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex;transform:none!important}.color-modal-tabs .color-tab-btn:hover{color:var(--text-primary);background:#ffffff0d;transform:none!important}.color-modal-tabs .color-tab-btn.is-active{color:var(--accent-cyan);background:#00f0ff26;border-color:#00f0ff66;box-shadow:0 0 12px #00f0ff33}body[data-theme=light] .color-modal-tabs .color-tab-btn.is-active{color:var(--accent-cyan);background:#fff;border-color:#008eb366;box-shadow:0 2px 8px #0000000d}.color-presets-section{border-bottom:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;align-items:flex-start;gap:8px;padding:.75rem 1.25rem;display:flex;overflow-x:hidden}body[data-theme=light] .color-presets-section{background:#f8fafc;border-bottom-color:#e2e8f0}.color-presets-section .presets-label{color:var(--accent-cyan);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.74rem;font-weight:700;display:inline-flex}.color-presets-section .presets-list{flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;display:flex}.color-presets-section .btn-color-preset{cursor:pointer;border:1px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0f;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex;transform:none!important}body[data-theme=light] .color-presets-section .btn-color-preset{color:#1e293b;background:#fff;border-color:#cbd5e1}.color-presets-section .btn-color-preset .preset-dots{align-items:center;gap:3px;display:inline-flex}.color-presets-section .btn-color-preset .preset-dots .dot{border:1px solid #ffffff4d;border-radius:50%;width:8px;height:8px}.color-presets-section .btn-color-preset:hover{border-color:var(--accent-cyan);background:#00f0ff1f;box-shadow:0 0 10px #00f0ff33;transform:none!important}body[data-theme=light] .color-presets-section .btn-color-preset:hover{background:#008eb314;border-color:#008eb3}.color-tokens-scroll-area{scrollbar-width:thin;scrollbar-color:#00f0ff59 transparent;flex:1;padding:.85rem 1.25rem;overflow-y:auto;overflow-x:hidden!important}.color-tokens-scroll-area::-webkit-scrollbar{width:6px;height:6px}.color-tokens-scroll-area::-webkit-scrollbar-track{background:0 0}.color-tokens-scroll-area::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:4px}.color-tokens-scroll-area::-webkit-scrollbar-thumb:hover{background:#00f0ff99}body[data-theme=light] .color-tokens-scroll-area{scrollbar-color:#008eb359 transparent}body[data-theme=light] .color-tokens-scroll-area::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .color-tokens-scroll-area::-webkit-scrollbar-thumb:hover{background:#008eb399}.color-tokens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;width:100%;display:grid}@media (width<=620px){.color-tokens-grid{grid-template-columns:minmax(0,1fr)}}.color-token-row{border:1px solid var(--glass-border);min-width:0;transition:border-color var(--transition-fast), background-color var(--transition-fast);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.color-token-row:hover{background:#ffffff0d;border-color:#00f0ff59}body[data-theme=light] .color-token-row{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .color-token-row:hover{background:#f1f5f9;border-color:#008eb373}.color-token-row .token-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.color-token-row .token-info .token-label-row{align-items:center;gap:5px;min-width:0;display:flex}.color-token-row .token-info .token-label-row .token-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.color-token-row .token-info .token-label-row .token-code{font-size:.64rem;font-family:var(--font-mono,monospace);color:var(--accent-cyan);white-space:nowrap;text-overflow:ellipsis;background:#00f0ff14;border-radius:3px;flex-shrink:1;padding:0 4px;overflow:hidden}body[data-theme=light] .color-token-row .token-info .token-label-row .token-code{color:#008eb3;background:#008eb314}.color-token-row .token-info .token-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;line-height:1.25;overflow:hidden}.color-token-row .token-picker-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.color-token-row .token-picker-group .color-preview-swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;width:26px;height:26px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000004d}body[data-theme=light] .color-token-row .token-picker-group .color-preview-swatch{border-color:#0003;box-shadow:0 1px 3px #00000014}.color-token-row .token-picker-group .color-preview-swatch .native-color-input{opacity:0;cursor:pointer;border:none;width:200%;height:200%;margin:0;padding:0;position:absolute;inset:-8px}.color-token-row .token-picker-group .color-hex-input{width:70px;height:26px;font-size:.72rem;font-family:var(--font-mono,monospace);color:var(--text-primary);border:1px solid var(--glass-border);text-align:center;transition:border-color var(--transition-fast);background:#00000040;border-radius:5px;outline:none;padding:0 6px;font-weight:600}.color-token-row .token-picker-group .color-hex-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 6px #00f0ff40}body[data-theme=light] .color-token-row .token-picker-group .color-hex-input{color:#1e293b;background:#fff;border-color:#cbd5e1}body[data-theme=light] .color-token-row .token-picker-group .color-hex-input:focus{border-color:#008eb3;box-shadow:0 0 6px #008eb340}.color-modal-footer{border-top:1px solid var(--glass-border);background:#00000040;justify-content:space-between;align-items:center;gap:12px;padding:1rem 1.5rem;display:flex}body[data-theme=light] .color-modal-footer{background:#f8fafc;border-top-color:#e2e8f0}.color-modal-footer .btn-color-reset{cursor:pointer;border:1px solid var(--glass-border);height:38px;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:.8rem;font-weight:600;display:inline-flex;transform:none!important}.color-modal-footer .btn-color-reset:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff14;transform:none!important}body[data-theme=light] .color-modal-footer .btn-color-reset:hover{color:#008eb3;background:#008eb314;border-color:#008eb3}.color-modal-footer .footer-right-actions{align-items:center;gap:10px;display:flex}.color-modal-footer .footer-right-actions .btn-color-cancel{cursor:pointer;border:1px solid var(--glass-border);height:38px;color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:8px;align-items:center;padding:0 16px;font-size:.82rem;font-weight:600;display:inline-flex;transform:none!important}.color-modal-footer .footer-right-actions .btn-color-cancel:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:none!important}body[data-theme=light] .color-modal-footer .footer-right-actions .btn-color-cancel:hover{color:#1e293b;background:#e2e8f0}.color-modal-footer .footer-right-actions .btn-color-save{cursor:pointer;color:#fff;height:38px;transition:filter var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#00d2ff 0%,#0062ff 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 18px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0072ff73;transform:none!important}.color-modal-footer .footer-right-actions .btn-color-save:hover{filter:brightness(1.12);box-shadow:0 6px 20px #0072ffa6;transform:none!important}body[data-theme=light] .color-modal-footer .footer-right-actions .btn-color-save{background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);box-shadow:0 4px 14px #008eb366}.narrator-live-container{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9999;pointer-events:none;box-sizing:border-box;width:calc(100% - 32px);max-width:820px;position:fixed;margin:0 auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.app-container.has-floating-bar .narrator-live-container{bottom:calc(88px + env(safe-area-inset-bottom,0px))}@media (width<=680px){.narrator-live-container{bottom:calc(20px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);max-width:440px}.app-container.has-floating-bar .narrator-live-container{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.narrator-live-bar{pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);width:100%;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#0d121ef2;border:1px solid #00f0ff61;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 10px 30px #000000a6,0 0 20px #00f0ff29}body[data-theme=light] .narrator-live-bar{background:#fffffff5;border-color:#008eb359;box-shadow:0 10px 25px #0000001f,0 0 15px #008eb326}@media (width<=680px){.narrator-live-bar{border-radius:999px;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px}}.narrator-status-col{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=480px){.narrator-status-col{gap:4px}.narrator-status-col .narrator-section-tag{display:none}}.narrator-icon-badge{color:var(--accent-cyan);cursor:pointer;font-family:inherit;font-size:inherit;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:#00f0ff24;border:1px solid #00f0ff4d;border-radius:20px;outline:none;align-items:center;gap:5px;padding:4px 8px;line-height:normal;display:inline-flex;transform:none!important}.narrator-icon-badge:hover{background:#00f0ff40;border-color:#00f0ff80;box-shadow:0 0 10px #00f0ff59;transform:none!important}.narrator-icon-badge.is-muted{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff2e}.narrator-icon-badge.is-muted:hover{color:var(--text-primary);background:#ffffff24;border-color:#ffffff4d;box-shadow:0 0 10px #ffffff26}.narrator-icon-badge.is-muted .live-wave{opacity:.35}.narrator-icon-badge.is-muted .live-wave .wave-bar{background:currentColor;height:2px!important;animation:none!important}body[data-theme=light] .narrator-icon-badge{color:#008eb3;background:#008eb31f;border-color:#008eb34d}body[data-theme=light] .narrator-icon-badge:hover{background:#008eb338;border-color:#008eb380;box-shadow:0 0 8px #008eb340}body[data-theme=light] .narrator-icon-badge.is-muted{color:#64748b;background:#0000000f;border-color:#00000024}body[data-theme=light] .narrator-icon-badge.is-muted:hover{color:#1e293b;background:#0000001a;border-color:#00000040}.narrator-icon-badge .narrator-volume-pct-tag{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.2px;color:currentColor;-webkit-user-select:none;user-select:none;min-width:28px;margin-left:2px;font-size:.68rem;font-weight:700;line-height:1;display:inline-block}.volume-muted-icon{opacity:.85}.volume-pulse-icon{animation:1.2s ease-in-out infinite volumePulse}@keyframes volumePulse{0%,to{opacity:.8}50%{opacity:1}}.live-wave{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.live-wave .wave-bar{background:var(--accent-cyan);border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate waveBarBounce}.live-wave .wave-bar.bar-1{height:5px;animation-delay:.1s}.live-wave .wave-bar.bar-2{height:11px;animation-delay:.25s}.live-wave .wave-bar.bar-3{height:7px;animation-delay:.4s}@keyframes waveBarBounce{0%{height:3px}to{height:11px}}.narrator-section-tag{letter-spacing:.5px;color:var(--text-secondary);border:1px solid var(--glass-border);white-space:nowrap;background:#ffffff14;border-radius:12px;padding:2px 7px;font-size:.65rem;font-weight:700}body[data-theme=light] .narrator-section-tag{background:#0000000d}.narrator-speech-viewport{flex:1;align-items:center;min-width:0;height:26px;padding:0 4px;display:flex;position:relative;overflow:hidden}@media (width<=680px){.narrator-speech-viewport{height:24px;padding:0 2px}}.narrator-speech-viewport .narrator-speech-track{white-space:nowrap;color:var(--text-primary);will-change:transform;align-items:center;font-size:.82rem;line-height:1.3;transition:transform .35s cubic-bezier(.25,1,.5,1);display:inline-flex;transform:translate(0)}@media (width<=680px){.narrator-speech-viewport .narrator-speech-track{font-size:.76rem}}.narrator-speech-viewport .narrator-speech-track .speech-word{white-space:pre;transition:color .15s,background .15s,text-shadow .15s;display:inline-block}.narrator-speech-viewport .narrator-speech-track .speech-word.is-word-active{color:#fff;border:1px solid var(--accent-cyan,#00f0ff);text-shadow:0 0 10px #00f0ffcc;background:#00f0ff4d;border-radius:4px;padding:0 4px;font-weight:700;box-shadow:0 0 8px #00f0ff80}body[data-theme=light] .narrator-speech-viewport .narrator-speech-track .speech-word.is-word-active{color:#042f2e;background:#008eb333;border-color:#008eb3;box-shadow:0 0 6px #008eb359}.narrator-speech-viewport .speech-ellipsis{letter-spacing:1px;color:var(--accent-cyan);pointer-events:none;opacity:0;z-index:3;-webkit-user-select:none;user-select:none;align-items:center;font-size:.85rem;font-weight:700;transition:opacity .22s;display:inline-flex;position:absolute;top:0;bottom:0}body[data-theme=light] .narrator-speech-viewport .speech-ellipsis{color:#0284c7}.narrator-speech-viewport .speech-ellipsis.is-visible{opacity:1}.narrator-speech-viewport .speech-ellipsis.speech-ellipsis-left{background:linear-gradient(90deg,#0d121ef5 45%,#0d121e00 100%);padding-left:2px;padding-right:18px;left:0}body[data-theme=light] .narrator-speech-viewport .speech-ellipsis.speech-ellipsis-left{background:linear-gradient(90deg,#fffffff5 45%,#fff0 100%)}.narrator-speech-viewport .speech-ellipsis.speech-ellipsis-right{background:linear-gradient(270deg,#0d121ef5 45%,#0d121e00 100%);padding-left:18px;padding-right:2px;right:0}body[data-theme=light] .narrator-speech-viewport .speech-ellipsis.speech-ellipsis-right{background:linear-gradient(270deg,#fffffff5 45%,#fff0 100%)}.narrator-controls-col{flex-shrink:0;align-items:center;gap:5px;display:flex}@media (width<=480px){.narrator-controls-col{gap:4px}}.btn-narrator-follow{white-space:nowrap;cursor:pointer;border:1px solid var(--accent-cyan);height:26px;color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff29;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 0 8px #00f0ff33;transform:none!important}.btn-narrator-follow .follow-icon{flex-shrink:0}.btn-narrator-follow .btn-follow-label{white-space:nowrap}.btn-narrator-follow:hover{color:#fff;background:#00f0ff47;box-shadow:0 0 12px #00f0ff73;transform:none!important}body[data-theme=light] .btn-narrator-follow{color:#008eb3;background:#008eb324;border-color:#008eb3}body[data-theme=light] .btn-narrator-follow:hover{color:#005f78;background:#008eb33d;box-shadow:0 0 8px #008eb34d}@media (width<=480px){.btn-narrator-follow{padding:0 6px}.btn-narrator-follow .btn-follow-label{display:none}}.btn-narrator-pill-speed{letter-spacing:.3px;cursor:pointer;border:1px solid var(--accent-cyan);min-width:34px;height:26px;color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff2e;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 8px #00f0ff40;transform:none!important}.btn-narrator-pill-speed .speed-pill-num{font-variant-numeric:tabular-nums}.btn-narrator-pill-speed:hover{color:#fff;background:#00f0ff52;box-shadow:0 0 12px #00f0ff80;transform:none!important}body[data-theme=light] .btn-narrator-pill-speed{color:#008eb3;background:#008eb326;border-color:#008eb3}body[data-theme=light] .btn-narrator-pill-speed:hover{color:#005f78;background:#008eb340}.btn-narrator-download-sound,.btn-narrator-stop{cursor:pointer;height:26px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:.72rem;font-weight:600;display:inline-flex;transform:none!important}.btn-narrator-download-sound:hover,.btn-narrator-stop:hover{transform:none!important}body[data-theme=light] .btn-narrator-download-sound,body[data-theme=light] .btn-narrator-stop{background:#0000000d;border-color:#0000001a}.btn-narrator-stop{color:#ef4444;background:#ef44442e;border-color:#ef444459}.btn-narrator-stop:hover{background:#ef444447;border-color:#ef4444}@media (width<=400px){.btn-narrator-stop{padding:0 6px}.btn-narrator-stop .btn-stop-label{display:none}}.is-narrating-focus,.narrator-reading-card,.narrator-reading-text,.narrator-reading-element{box-shadow:none!important;border:none!important;outline:none!important}.narrator-word-indicator-container{pointer-events:none;z-index:9998;width:0;height:0;position:absolute;top:0;left:0}.narrator-block-border-indicator{pointer-events:none;box-sizing:border-box;z-index:9997;transition:top .14s cubic-bezier(.2,0,.2,1),left .14s cubic-bezier(.2,0,.2,1),width .14s cubic-bezier(.2,0,.2,1),height .14s cubic-bezier(.2,0,.2,1),opacity .15s;position:absolute;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.narrator-block-border-indicator .narrator-block-contour-path{stroke:color-mix(in srgb, var(--accent-cyan) 65%, transparent);stroke-width:1.5px;fill:color-mix(in srgb, var(--accent-cyan) 2.5%, transparent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent-cyan) 30%, transparent));vector-effect:non-scaling-stroke}.narrator-word-border-indicator{pointer-events:none;border:1.5px solid var(--accent-cyan);box-shadow:0 0 8px color-mix(in srgb, var(--accent-cyan) 45%, transparent), inset 0 0 4px color-mix(in srgb, var(--accent-cyan) 25%, transparent);box-sizing:border-box;z-index:9998;transition:opacity .12s;position:absolute;background:color-mix(in srgb, var(--accent-cyan) 30%, transparent)!important;border-radius:3px!important}body[data-theme=light] .narrator-word-border-indicator{border-color:#008eb3;box-shadow:0 0 6px #008eb359;background:#008eb33d!important}.legal-page-container{background:var(--bg-color);min-height:100vh;color:var(--text-primary);padding-bottom:6rem}.legal-page-header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;margin-bottom:3rem;padding:3.5rem 0 2.5rem}.legal-page-header .back-link{color:var(--accent-cyan);transition:all var(--transition-fast);align-items:center;gap:6px;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.legal-page-header .back-link:hover{color:#fff;text-shadow:0 0 10px #00f0ff66}.legal-page-header .legal-title-wrap{align-items:center;gap:12px;display:flex}.legal-page-header .legal-title-wrap .legal-icon{color:var(--accent-purple)}.legal-page-header .legal-title-wrap .legal-icon.cyan{color:var(--accent-cyan)}.legal-page-header .legal-title-wrap h1{font-size:2.5rem;font-family:var(--font-heading);letter-spacing:-.5px;margin:0}.legal-page-header .last-updated{color:var(--text-secondary);margin-top:.5rem;margin-bottom:0;font-size:.85rem}.legal-content{max-width:840px;line-height:1.75}.legal-content .legal-section{border-bottom:1px solid #ffffff0d;margin-bottom:2.5rem;padding-bottom:2rem}.legal-content .legal-section:last-child{border-bottom:none}.legal-content .legal-section h2{color:var(--text-primary);font-size:1.4rem;font-family:var(--font-heading);margin-bottom:1rem}.legal-content .legal-section p{color:var(--text-secondary);margin-bottom:1rem}.legal-content .legal-section ul{color:var(--text-secondary);margin:0 0 1rem 1.5rem}.legal-content .legal-section ul li{margin-bottom:.6rem}.legal-content .legal-section a{color:var(--accent-cyan);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.legal-content .legal-section a:hover{color:var(--text-primary)}.legal-content .legal-section code{color:var(--accent-cyan);background:#00f0ff1a;border-radius:4px;padding:.2rem .45rem;font-size:.9em}.legal-content .legal-section .contact-box{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:8px;margin-top:1rem;padding:1.25rem}.legal-content .legal-section .contact-box a{color:var(--accent-cyan);text-decoration:underline}.legal-content .legal-section .lang-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin:1rem 0 1.25rem;display:grid}@media (width<=480px){.legal-content .legal-section .lang-grid{grid-template-columns:1fr 1fr}}.legal-content .legal-section .lang-grid .lang-chip{color:var(--accent-cyan);white-space:nowrap;background:#00f0ff0f;border:1px solid #00f0ff33;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.88rem;font-weight:500;display:inline-flex}:root{--bg-color:#0b0f19;--bg-color-rgb:11, 15, 25;--surface-color:#151b2b;--surface-color-rgb:21, 27, 43;--text-primary:#f0f4f8;--text-secondary:#a0aec0;--accent-cyan:#00f0ff;--accent-purple:#9d4edd;--accent-magenta:#ff007f;--btn-bg:#ffffff0d;--btn-border:#ffffff1a;--glass-border:#ffffff0d;--card-bg:#ffffff08;--progress-bg:#ffffff1a;--max-width:1200px;--border-radius:12px;--font-oswald:Oswald, Roboto Condensed, Avenir Next Condensed, Arial Narrow, Franklin Gothic Medium, Franklin Gothic, Haettenschweiler, Helvetica Neue Condensed, Liberation Sans Narrow, Impact, sans-serif-condensed, sans-serif;--font-inter:Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-main:Oswald, Roboto Condensed, Avenir Next Condensed, Arial Narrow, Franklin Gothic Medium, Franklin Gothic, Haettenschweiler, Helvetica Neue Condensed, Liberation Sans Narrow, Impact, sans-serif-condensed, sans-serif;--font-heading:Oswald, Roboto Condensed, Avenir Next Condensed, Arial Narrow, Franklin Gothic Medium, Franklin Gothic, Haettenschweiler, Helvetica Neue Condensed, Liberation Sans Narrow, Impact, sans-serif-condensed, sans-serif;--font-body:Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, sans-serif;--font-sans:Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}body[data-theme=light]{--bg-color:#f8fafc;--bg-color-rgb:248, 250, 252;--surface-color:#fff;--surface-color-rgb:255, 255, 255;--text-primary:#1a202c;--text-secondary:#4a5568;--accent-cyan:#008eb3;--accent-purple:#6b21a8;--accent-magenta:#d53f8c;--btn-bg:#0000000d;--btn-border:#00000026;--glass-border:#0000001a;--card-bg:#00000008;--progress-bg:#0000001a}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}html.modal-open,body.modal-open{overscroll-behavior:none!important;overflow:hidden!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 50% 0%, rgba(var(--surface-color-rgb), 1) 0%, rgba(var(--bg-color-rgb), 1) 100%);background-attachment:fixed;width:100%;max-width:100%;min-height:100vh;line-height:1.6;overflow-x:clip}#root,.app-container{width:100%;max-width:100%;overflow-x:clip}@media print{html,body{color:#000!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}#root,.app-container{background:0 0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}body>:not(#root),#initial-loader,[id*=ai-chat],[class*=ai-chat],[id*=chat-widget],[class*=chat-widget],#ai-chat-safari-bottom-hack,#ai-chat-toggle-button,#ai-chat-tooltip,.ai-chat-widget,.ai-chat-open-mobile-body,.ai-chat-open-mobile-body:after{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;top:-99999px!important;left:-99999px!important}}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.add-item-card{cursor:pointer;min-height:140px;transition:all var(--transition-fast);text-align:center;border-radius:12px;position:relative;background:#00f0ff05!important;border:2px dashed #00f0ff59!important;justify-content:center!important;align-items:center!important;display:flex!important}body[data-theme=light] .add-item-card{background:#008eb305!important;border-color:#008eb359!important}.add-item-card:hover{box-shadow:0 0 20px #00f0ff2e;border-color:var(--accent-cyan)!important;background:#00f0ff0f!important;transform:none!important}body[data-theme=light] .add-item-card:hover{box-shadow:0 0 15px #008eb326;background:#008eb30f!important;border-color:#008eb3!important}.add-item-card:hover .add-icon-circle{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}body[data-theme=light] .add-item-card:hover .add-icon-circle{color:#008eb3;background:#008eb326;border-color:#008eb3}.add-item-card .add-item-content{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:1rem;display:flex}.add-item-card .add-icon-circle{width:42px;height:42px;color:var(--accent-cyan);transition:all var(--transition-fast);background:#00f0ff0f;border:1px solid #00f0ff66;border-radius:50%;justify-content:center;align-items:center;display:flex}body[data-theme=light] .add-item-card .add-icon-circle{color:#008eb3;background:#008eb30f;border-color:#008eb366}.add-item-card .add-item-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.add-item-card .add-item-subtitle{color:var(--text-secondary);font-size:.72rem;font-weight:500}.subcat-title-input-wrap{vertical-align:middle;align-items:center;gap:.5rem;display:inline-flex}.category-title-inline-input{font-family:var(--font-heading);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.75px;border:1.5px solid var(--accent-cyan);box-sizing:border-box;min-width:220px;max-width:360px;height:36px;transition:all var(--transition-fast);vertical-align:middle;background:#00f0ff0f;border-radius:8px;outline:none;padding:0 .85rem;font-size:1.15rem;font-weight:700;line-height:33px;box-shadow:0 0 12px #00f0ff33}body[data-theme=light] .category-title-inline-input{color:#008eb3;background:#f0fdfa;border-color:#008eb3;box-shadow:0 0 8px #008eb326}.category-title-inline-input:focus{box-shadow:0 0 16px #00f0ff59}.category-title-inline-input::placeholder{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.75px;color:#00f0ff73;vertical-align:middle;opacity:1;font-size:1.15rem;font-weight:600;line-height:33px}body[data-theme=light] .category-title-inline-input::placeholder{color:#008eb380}.btn-inline-check-action{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);box-sizing:border-box;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-inline-check-action.btn-confirm-check{background:var(--accent-cyan);color:#0d1117;border:1px solid var(--accent-cyan)}body[data-theme=light] .btn-inline-check-action.btn-confirm-check{color:#fff;background:#008eb3;border-color:#008eb3}.btn-inline-check-action.btn-confirm-check:hover{filter:brightness(1.15);box-shadow:0 0 10px #00f0ff66}.btn-inline-check-action.btn-cancel-check{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff14}body[data-theme=light] .btn-inline-check-action.btn-cancel-check{background:#f1f5f9;border-color:#cbd5e1}.btn-inline-check-action.btn-cancel-check:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.modal-content,[class*=modal-content],.modal-body,[class*=modal-body],.modal-scrollable,.modal-dialog{scrollbar-width:thin;scrollbar-color:#00f0ff59 #ffffff0a}.modal-content::-webkit-scrollbar{width:6px;height:6px}[class*=modal-content]::-webkit-scrollbar{width:6px;height:6px}.modal-body::-webkit-scrollbar{width:6px;height:6px}[class*=modal-body]::-webkit-scrollbar{width:6px;height:6px}.modal-scrollable::-webkit-scrollbar{width:6px;height:6px}.modal-dialog::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}[class*=modal-content]::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}[class*=modal-body]::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.modal-scrollable::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.modal-dialog::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.modal-content::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}[class*=modal-content]::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}.modal-body::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}[class*=modal-body]::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}.modal-scrollable::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}.modal-dialog::-webkit-scrollbar-thumb{background:#00f0ff59;border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}[class*=modal-content]::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}.modal-body::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}[class*=modal-body]::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}.modal-scrollable::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}.modal-dialog::-webkit-scrollbar-thumb:hover{background:#00f0ffa6}body[data-theme=light] .modal-content,body[data-theme=light] [class*=modal-content],body[data-theme=light] .modal-body,body[data-theme=light] [class*=modal-body],body[data-theme=light] .modal-scrollable,body[data-theme=light] .modal-dialog{scrollbar-color:#008eb359 #f1f5f9}body[data-theme=light] .modal-content::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] [class*=modal-content]::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] .modal-body::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] [class*=modal-body]::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] .modal-scrollable::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] .modal-dialog::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] .modal-content::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] [class*=modal-content]::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .modal-body::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] [class*=modal-body]::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .modal-scrollable::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .modal-dialog::-webkit-scrollbar-thumb{background:#008eb359}body[data-theme=light] .modal-content::-webkit-scrollbar-thumb:hover{background:#008eb3a6}body[data-theme=light] [class*=modal-content]::-webkit-scrollbar-thumb:hover{background:#008eb3a6}body[data-theme=light] .modal-body::-webkit-scrollbar-thumb:hover{background:#008eb3a6}body[data-theme=light] [class*=modal-body]::-webkit-scrollbar-thumb:hover{background:#008eb3a6}body[data-theme=light] .modal-scrollable::-webkit-scrollbar-thumb:hover{background:#008eb3a6}body[data-theme=light] .modal-dialog::-webkit-scrollbar-thumb:hover{background:#008eb3a6}[data-tooltip]:not(.editable-pencil-btn):not(.editable-avatar-pencil-btn){position:relative}[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:10002;background:#0d121ef5;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:6px;height:6px;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)rotate(45deg)}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10001;background:#0d121ef5;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;line-height:1.25;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000008c}[data-tooltip]:hover:not(:disabled):before,[data-tooltip]:hover:not(:disabled):after{opacity:1;visibility:visible}@media (hover:none),(pointer:coarse){[data-tooltip]:before,[data-tooltip]:after{content:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}}[data-tooltip][data-tooltip-pos=bottom]:before,.main-header [data-tooltip]:before,.header-right-actions [data-tooltip]:before,.lang-switcher [data-tooltip]:before{z-index:100012!important;border:none!important;border-top:1px solid #ffffff26!important;border-left:1px solid #ffffff26!important;top:calc(100% + 3px)!important;bottom:auto!important;transform:translate(-50%)rotate(45deg)!important}[data-tooltip][data-tooltip-pos=bottom]:after,.main-header [data-tooltip]:after,.header-right-actions [data-tooltip]:after,.lang-switcher [data-tooltip]:after{z-index:100011!important;top:calc(100% + 7px)!important;bottom:auto!important}[data-tooltip][data-tooltip-pos=bottom-left]:before,[data-tooltip].btn-theme-toggle:before{z-index:100012!important;border:none!important;border-top:1px solid #ffffff26!important;border-left:1px solid #ffffff26!important;inset:calc(100% + 3px) 14px auto auto!important;transform:rotate(45deg)!important}[data-tooltip][data-tooltip-pos=bottom-left]:after,[data-tooltip].btn-theme-toggle:after{z-index:100011!important;inset:calc(100% + 7px) 0 auto auto!important;transform:none!important}body[data-theme=light] [data-tooltip]:before{background:#fff;border-color:#0000001f}body[data-theme=light] [data-tooltip]:after{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 6px 18px #0000001f}body[data-theme=light] [data-tooltip][data-tooltip-pos=bottom]:before,.main-header body[data-theme=light] [data-tooltip]:before,.header-right-actions body[data-theme=light] [data-tooltip]:before,.lang-switcher body[data-theme=light] [data-tooltip]:before,body[data-theme=light] [data-tooltip][data-tooltip-pos=bottom-left]:before,body[data-theme=light] [data-tooltip].btn-theme-toggle:before{border:none!important;border-top:1px solid #0000001f!important;border-left:1px solid #0000001f!important}.narrator-voice-warning-badge{color:#f59e0b;cursor:pointer;-webkit-user-select:none;user-select:none;width:24px;height:24px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#f59e0b24;border:1px solid #f59e0b61;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;transform:none!important}.narrator-voice-warning-badge .voice-warning-icon{color:currentColor;flex-shrink:0}.narrator-voice-warning-badge:hover,.narrator-voice-warning-badge:focus-visible{background:#f59e0b3d;border-color:#f59e0bbf;outline:none;box-shadow:0 0 10px #f59e0b59;transform:none!important}body[data-theme=light] .narrator-voice-warning-badge{color:#b45309;background:#d977061a;border-color:#d9770659}body[data-theme=light] .narrator-voice-warning-badge:hover,body[data-theme=light] .narrator-voice-warning-badge:focus-visible{background:#d9770633;border-color:#d97706a6;box-shadow:0 0 8px #d9770640}.narrator-voice-warning-badge.hero-voice-warning{border-radius:999px;width:32px;height:32px}.narrator-voice-warning-badge.hero-voice-warning .voice-warning-icon{width:18px;height:18px}.narrator-voice-warning-badge.header-voice-warning{border-radius:8px;width:36px;height:36px}.narrator-voice-warning-badge.header-voice-warning .voice-warning-icon{width:20px;height:20px}.narrator-voice-warning-badge.live-voice-warning{border-radius:50%;width:24px;height:24px}.narrator-voice-warning-badge.live-voice-warning .voice-warning-icon{width:13px;height:13px}.narrator-voice-warning-badge[data-tooltip]:after{white-space:normal!important;text-align:left!important;border-radius:8px!important;width:280px!important;max-width:calc(100vw - 32px)!important;padding:8px 12px!important;font-size:.8125rem!important;line-height:1.4!important}body[data-ai-widget=disabled] [id^=ai-chat-widget],body[data-ai-widget=disabled] [id*=chat-widget],body[data-ai-widget=disabled] [id^=domonk-ai],body[data-ai-widget=disabled] [class*=ai-chat-widget],body[data-ai-widget=disabled] [class*=domonk-ai-widget],body[data-ai-widget=disabled] #ai-chat-toggle-button,body[data-ai-widget=disabled] #ai-chat-tooltip,body[data-ai-widget=disabled] #domonk-ai-container,body[data-ai-widget=disabled] #domonk-widget-root{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}