@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import"https://db.onlinewebfonts.com/c/14936bb7a4b6575fd2eee80a3ab52cc2?family=Feather+Bold";.app-wrapper{width:100%;height:100vh;height:100dvh;max-height:100dvh;background-color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0}.tab-content-container{flex:1;height:calc(100vh - 56px);height:calc(100dvh - 56px);min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(max-width:900px){.tab-content-container{height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px))}}.tab-scrollable-container{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.navbar-wrapper{width:100%;height:56px;background-color:#fff;border-bottom:1px solid var(--border-color);z-index:1000;display:flex;justify-content:center;flex-shrink:0}.navbar-container{width:100%;max-width:1600px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.navbar-left{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none;border:none;background:transparent;padding:0;cursor:pointer;text-align:left}.brand-logo-wrap{display:flex;align-items:center;gap:10px}.brand-logo-icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#58cc021f;border-radius:10px;border:1.5px solid rgba(88,204,2,.3)}.brand-text-block{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-family:var(--font-display);font-size:19px;font-weight:900;color:var(--dark-blue);letter-spacing:-.5px}.brand-title-accent{color:var(--green-text)}.brand-subtitle{font-size:9px;font-weight:800;color:var(--gray-light);letter-spacing:.8px;text-transform:uppercase}.navbar-right{display:flex;align-items:center;gap:8px}.nav-link-btn{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-light);padding:8px 16px;border-radius:8px;text-decoration:none;background:transparent;transition:all .2s ease;display:inline-flex;align-items:center}.nav-link-btn:hover{color:var(--green-text);background-color:#58cc0214}.nav-link-btn.active{color:var(--green-text);background-color:#58cc021f}.nav-guide-btn{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--dark-blue);padding:8px 14px;border-radius:8px;border:2px solid var(--border-color);background:#fafafa;transition:all .2s ease;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.nav-guide-btn:hover{color:var(--green-text);border-color:#58cc0273;background-color:#58cc0214}.navbar-guide-mobile{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:10px;background:#fafafa;color:var(--dark-blue);cursor:pointer;flex-shrink:0;margin-left:auto;margin-right:8px;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.navbar-guide-mobile:hover{color:var(--green-text);border-color:#58cc0273;background-color:#58cc0214}.mobile-tab-bar{display:none}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));border:none;background:transparent;color:var(--gray-light);cursor:pointer;transition:color .15s ease,background-color .15s ease}.mobile-tab-btn.active{color:var(--green-text);background-color:#58cc0214}.mobile-tab-label{font-size:11px;font-weight:800;letter-spacing:.2px}.anatomy-explorer-container{width:100%;max-width:1600px;height:100%;min-height:0;margin:0 auto;padding:8px 18px 10px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}.explorer-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:#fff;padding:6px 14px;border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 2px 6px #00000005;flex-shrink:0;height:46px}.explorer-search-wrapper{position:relative;flex:1;max-width:460px;display:flex;align-items:center}.search-icon{position:absolute;left:12px;font-size:14px;color:var(--nav-text);pointer-events:none}.explorer-search-input{width:100%;height:34px;padding:0 34px;border:2px solid var(--border-color);border-radius:10px;font-size:13px;font-weight:600;color:var(--gray-text);background-color:#fafafa;transition:all .2s ease}.explorer-search-input:focus{border-color:var(--blue);background-color:#fff}.search-clear-btn{position:absolute;right:10px;background:transparent;color:var(--nav-text);font-size:13px;padding:2px;cursor:pointer}.search-dropdown-results{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:260px;overflow-y:auto;background-color:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 10px 24px #0000001f;z-index:150}.search-result-item{padding:8px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.search-result-item:hover{background-color:#58cc0214}.search-result-name{font-size:12px;font-weight:700;color:var(--gray-text)}.search-result-latin{font-size:11px;font-style:italic;color:var(--gray-light);flex:1}.search-result-badge{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--blue);background-color:#1cb0f61a;padding:2px 6px;border-radius:4px}.explorer-quick-info{display:flex;align-items:center;gap:10px}.quick-badge{font-size:11px;color:var(--gray-light);background-color:#f7f7f7;padding:4px 10px;border-radius:8px;border:1px solid var(--border-color)}.quick-badge-green{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--green);background-color:#58cc021f;padding:4px 10px;border-radius:8px}.explorer-stage-grid{flex:1;min-height:0;height:100%;display:grid;grid-template-columns:1fr 380px;gap:12px;overflow:hidden}.canvas-column{height:100%;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.three-viewport-card{flex:1;min-height:0;height:100%;position:relative;width:100%;background-color:#fff;border:2px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.info-column{height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.info-column::-webkit-scrollbar{width:5px}.info-column::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.viewport-controls-wrapper{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background-color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 14px #0000000f;z-index:10}.view-presets-group{display:flex;align-items:center;gap:8px}.control-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--nav-text);white-space:nowrap}.presets-row{display:flex;align-items:center;gap:6px}.preset-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;color:var(--gray-text);transition:all .15s ease}.preset-btn:hover{border-color:var(--blue);color:var(--blue);background-color:#1cb0f60f}.preset-btn.reset{color:var(--orange)}.view-sliders-group{display:flex;align-items:center;gap:16px}.xray-control{display:flex;align-items:center;gap:8px}.xray-slider{width:100px;accent-color:var(--green);cursor:pointer}.btn-isolate{padding:6px 12px;font-size:11px;font-weight:800;text-transform:uppercase;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;color:var(--blue);transition:all .15s ease}.btn-isolate.active{background-color:#ff4b4b;color:#fff;border-color:#cc3c3c}.system-filter-bar{background-color:#fff;border:2px solid var(--border-color);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.filter-header{display:flex;align-items:center;justify-content:space-between}.filter-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--nav-text)}.filter-reset-btn{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--blue);background:transparent}.filter-reset-btn:hover{text-decoration:underline}.filter-pills-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.system-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;border:2px solid var(--border-color);background-color:#fff;color:var(--gray-text);transition:all .15s ease}.system-pill-btn:hover{border-color:var(--green);background-color:#58cc020a}.system-pill-btn.inactive{opacity:.55;background-color:#fafafa}.system-pill-status{width:8px;height:8px;border-radius:50%}.info-column{position:sticky;top:84px}.organ-info-card,.organ-empty-card{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 16px #0000000a}.organ-empty-card{align-items:center;text-align:center;padding:48px 24px}.empty-card-icon{font-size:40px;margin-bottom:12px}.empty-card-title{font-size:18px;font-weight:800;color:var(--gray-text);margin-bottom:8px}.empty-card-desc{font-size:13px;color:var(--gray-light);line-height:1.5}.organ-system-tag{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--green);background-color:#58cc021f;padding:3px 8px;border-radius:6px}.organ-fma-tag{font-size:10px;font-weight:700;color:var(--gray-light);background-color:#f0f0f0;padding:3px 8px;border-radius:6px}.card-close-btn{background:transparent;font-size:16px;color:var(--nav-text);padding:4px}.card-close-btn:hover{color:var(--gray-text)}.card-main-title{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.organ-name-id{font-size:20px;font-weight:800;color:var(--dark-blue);line-height:1.2}.organ-name-en{font-size:14px;font-weight:600;color:var(--blue)}.organ-name-latin{font-size:12px;color:var(--gray-light)}.card-sections-stack{display:flex;flex-direction:column;gap:14px}.card-section{display:flex;flex-direction:column;gap:4px}.section-subtitle{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--nav-text)}.section-text{font-size:13px;color:var(--gray-text);line-height:1.5}.highlight-box-trivia{background-color:#ff960014;border-left:3px solid var(--orange);padding:10px 12px;border-radius:0 8px 8px 0}.highlight-box-clinical{background-color:#1cb0f614;border-left:3px solid var(--blue);padding:10px 12px;border-radius:0 8px 8px 0}.card-action-buttons{display:flex;align-items:center;gap:10px;padding-top:8px}.quiz-container{width:100%;max-width:1000px;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background-color:#fff;border:2px solid var(--border-color);border-radius:16px}.quiz-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-weight:800;font-size:14px}.quiz-stat-pill.streak{background-color:#ff96001f;color:var(--orange)}.quiz-stat-pill.hearts{background-color:#ff4b4b1f;color:var(--red)}.quiz-stat-pill.xp{background-color:#ffc80026;color:#b8920f}.quiz-progress-bar-wrap{flex:1;display:flex;align-items:center;gap:12px}.quiz-progress-track{flex:1;height:16px;background-color:var(--border-color);border-radius:8px;overflow:hidden}.quiz-progress-fill{height:100%;background-color:var(--green);border-radius:8px;transition:width .4s ease}.quiz-progress-label{font-size:12px;font-weight:700;color:var(--gray-light)}.quiz-question-box{background:linear-gradient(135deg,#58cc021a,#1cb0f61a);border:2px solid var(--green);border-radius:20px;padding:20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.quiz-prompt-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--green)}.quiz-prompt-title{font-size:24px;font-weight:800;color:var(--dark-blue)}.quiz-prompt-hint{font-size:13px;color:var(--gray-light);font-weight:600}.quiz-canvas-wrapper{position:relative;width:100%;height:480px;background-color:#fff;border:2px solid var(--border-color);border-radius:20px;overflow:hidden}.quiz-xray-pill{position:absolute;bottom:16px;right:16px;background-color:#ffffffe6;padding:8px 14px;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--gray-text);z-index:10}.quiz-xray-pill input{accent-color:var(--green);cursor:pointer}.quiz-feedback-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-radius:16px;animation:popUp .3s cubic-bezier(.175,.885,.32,1.275)}.quiz-feedback-banner.correct{background-color:#d7ffb8;border:2px solid var(--green)}.quiz-feedback-banner.incorrect{background-color:#ffdfe0;border:2px solid var(--red)}.feedback-content{display:flex;align-items:center;gap:16px}.feedback-icon{font-size:32px}.feedback-texts{display:flex;flex-direction:column}.feedback-title{font-size:18px;font-weight:800}.correct .feedback-title{color:#3b8a00}.incorrect .feedback-title{color:#ea2b2b}.feedback-desc{font-size:13px;color:var(--gray-text);font-weight:600}.btn-feedback-action{height:44px;padding:0 24px;border-radius:12px;font-size:14px;font-weight:800;text-transform:uppercase;color:#fff}.btn-feedback-action.correct{background-color:var(--green);box-shadow:0 4px 0 var(--green-shadow)}.btn-feedback-action.correct:active{transform:translateY(4px);box-shadow:none}.btn-feedback-action.incorrect{background-color:var(--red);box-shadow:0 4px #cc3c3c}.btn-feedback-action.incorrect:active{transform:translateY(4px);box-shadow:none}.quiz-completed-screen,.quiz-gameover-screen{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.trophy-emoji,.gameover-emoji{font-size:64px}.completed-title,.gameover-title{font-size:28px;font-weight:800;color:var(--dark-blue)}.completed-subtitle,.gameover-subtitle{font-size:15px;color:var(--gray-light);max-width:480px}.quiz-results-card{display:flex;align-items:center;gap:24px;background-color:#f7f7f7;padding:16px 28px;border-radius:16px;margin:12px 0}.result-item{display:flex;flex-direction:column;align-items:center}.result-val{font-size:20px;font-weight:800;color:var(--dark-blue)}.result-lbl{font-size:11px;font-weight:700;color:var(--nav-text);text-transform:uppercase}.systems-catalog-container{width:100%;max-width:1440px;padding:32px 40px 56px;display:flex;flex-direction:column;gap:28px}.catalog-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.catalog-title{font-family:var(--font-display);font-size:38px;color:var(--dark-blue)}.catalog-desc{font-size:16px;color:var(--gray-light);max-width:600px}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.system-card{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.system-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.system-card-top{display:flex;align-items:center;justify-content:space-between}.system-icon-large{font-size:32px}.system-badge-tag{font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:8px}.system-card-title{font-size:18px;font-weight:800;color:var(--dark-blue)}.system-card-description{font-size:13px;color:var(--gray-light);line-height:1.5}.system-organs-section{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-color)}.organs-list-title{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--nav-text)}.organs-chips-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.organ-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid var(--border-color);background-color:#f9f9f9;font-size:12px;font-weight:700;color:var(--gray-text);transition:all .15s ease}.organ-chip-btn:hover{border-color:var(--green);color:var(--green);background-color:#58cc0214}.chip-arrow{color:var(--green);font-size:11px}.styleguide-view-wrap{width:100%}.hero-section{width:100%;background:linear-gradient(180deg,#58cc021f,#fff);display:flex;justify-content:center;border-bottom:1px solid var(--border-color)}.hero-container{max-width:1440px;width:100%;padding:56px 40px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-headline{font-family:var(--font-display);font-size:52px;color:var(--green);line-height:1.1;margin-bottom:16px}.hero-description{font-size:17px;color:var(--gray-light);max-width:520px;line-height:1.5;margin-bottom:32px}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.btn-3d-primary{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-shadow);display:inline-flex;align-items:center;justify-content:center}.btn-3d-primary:hover{background-color:var(--green-hover)}.btn-3d-primary:active{box-shadow:none;transform:translateY(4px)}.btn-3d-secondary{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:transparent;color:var(--blue);border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);display:inline-flex;align-items:center;justify-content:center}.btn-3d-secondary:hover{background-color:#1cb0f60a}.btn-3d-secondary:active{box-shadow:none;transform:translateY(4px)}.main-grid-container{width:100%;max-width:1440px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.panel{padding:36px 40px;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.panel-odd{border-right:1px solid var(--border-color)}.panel-even{border-right:none}.panel-dark{background-color:var(--dark-blue)}.panel-section-label{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--nav-text);margin-bottom:28px}.panel-section-label:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.panel-dark .panel-section-label{color:#ffffff59}.panel-dark .panel-section-label:after{background-color:#ffffff1a}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.color-swatch-card{display:flex;flex-direction:column;gap:8px}.color-swatch-box{width:100%;aspect-ratio:1;border-radius:12px;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.color-swatch-box:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000001f}.color-swatch-info{display:flex;flex-direction:column}.color-name{font-size:12px;font-weight:700;color:var(--gray-text)}.color-hex{font-size:10px;font-weight:600;color:var(--gray-light)}.type-stack{display:flex;flex-direction:column;gap:20px}.type-row{display:flex;align-items:baseline;gap:20px}.type-meta{width:80px;flex-shrink:0;text-align:right;display:flex;flex-direction:column}.type-size{font-size:11px;font-weight:700;color:var(--blue)}.type-weight{font-size:10px;font-weight:600;color:var(--nav-text)}.type-sample-display{font-family:var(--font-display);font-size:48px;color:var(--green);line-height:1.1}.type-sample-h1{font-size:32px;font-weight:700;color:var(--gray-text);line-height:1.2}.type-sample-h2{font-family:var(--font-display);font-size:28px;color:var(--green);line-height:1.2}.type-sample-body{font-size:18px;font-weight:500;color:var(--gray-light);line-height:1.6}.type-sample-caption{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--nav-text)}.type-sample-small{font-size:12px;font-weight:600;color:var(--gray-light)}.buttons-stack{display:flex;flex-direction:column;gap:16px}.button-variant-row{display:flex;align-items:center;gap:16px}.button-row-label{width:80px;flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--nav-text)}.button-items-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary-regular{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-shadow)}.btn-primary-regular:hover{background-color:var(--green-hover)}.btn-primary-regular:active{box-shadow:none;transform:translateY(4px)}.btn-primary-small{height:36px;padding:0 16px;font-size:13px;font-weight:700;text-transform:uppercase;border-radius:10px;background-color:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-shadow)}.btn-primary-small:hover{background-color:var(--green-hover)}.btn-primary-small:active{box-shadow:none;transform:translateY(3px)}.btn-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.btn-secondary-regular{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:transparent;border:2px solid #CFCFCF;color:var(--blue);box-shadow:0 4px #cfcfcf}.btn-secondary-regular:hover{background-color:#1cb0f60d}.btn-secondary-regular:active{box-shadow:none;transform:translateY(4px)}.btn-secondary-small{height:36px;padding:0 16px;font-size:13px;font-weight:700;text-transform:uppercase;border-radius:10px;background-color:transparent;border:2px solid #CFCFCF;color:var(--blue);box-shadow:0 3px #cfcfcf}.btn-secondary-small:hover{background-color:#1cb0f60d}.btn-secondary-small:active{box-shadow:none;transform:translateY(3px)}.btn-danger-regular{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:#ff4b4b;color:#fff;box-shadow:0 4px #cc3c3c}.btn-danger-regular:hover{background-color:#f53d3d}.btn-danger-regular:active{box-shadow:none;transform:translateY(4px)}.btn-danger-small{height:36px;padding:0 16px;font-size:13px;font-weight:700;text-transform:uppercase;border-radius:10px;background-color:#ff4b4b;color:#fff;box-shadow:0 3px #cc3c3c}.btn-danger-small:hover{background-color:#f53d3d}.btn-danger-small:active{box-shadow:none;transform:translateY(3px)}.btn-ghost{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background:transparent;color:var(--green)}.btn-ghost:hover{background-color:#58cc0214}.btn-ghost:active{transform:translateY(2px)}.btn-dark-primary{height:48px;padding:0 24px;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:12px;background-color:#fff;color:var(--dark-blue);box-shadow:0 4px #88879f}.btn-dark-primary:hover{background-color:#c8f040}.btn-dark-primary:active{box-shadow:none;transform:translateY(4px)}.btn-dark-primary-small{height:36px;padding:0 16px;font-size:13px;font-weight:700;text-transform:uppercase;border-radius:10px;background-color:#fff;color:var(--dark-blue);box-shadow:0 3px #88879f}.btn-dark-primary-small:hover{background-color:#c8f040}.btn-dark-primary-small:active{box-shadow:none;transform:translateY(3px)}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ui-card-light{background-color:#fff;border:2px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.ui-card-light:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.card-img-wrap{width:100%;height:120px;overflow:hidden;background-color:#f7f7f7}.card-img-wrap img{width:100%;height:100%;object-fit:cover}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.card-tag{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;border-radius:6px;padding:3px 8px}.card-tag-green{color:var(--green);background-color:#58cc021a}.card-tag-blue{color:var(--blue);background-color:#1cb0f61a}.card-title-light{font-size:16px;font-weight:700;color:var(--gray-text)}.card-desc-light{font-size:13px;color:var(--gray-light);line-height:1.5}.card-footer-light{border-top:1px solid var(--border-color);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.card-footer-units{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--nav-text)}.card-footer-action-btn{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--blue);background:transparent;transition:opacity .15s ease}.card-footer-action-btn:hover{opacity:.7}.ui-card-dark{background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.ui-card-dark:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.card-tag-golden{color:#ffc800;background-color:#ffc80026}.card-tag-orange{color:#ff9600;background-color:#ff960026}.card-title-dark{font-size:16px;font-weight:700;color:#fff}.card-desc-dark{font-size:13px;color:#ffffff80;line-height:1.5}.card-footer-dark{border-top:1px solid rgba(255,255,255,.08);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.card-footer-dark-units{font-size:12px;font-weight:700;text-transform:uppercase;color:#ffffff4d}.card-footer-dark-action{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--blue);background:transparent;transition:opacity .15s ease}.card-footer-dark-action:hover{opacity:.7}.components-stack{display:flex;flex-direction:column;gap:20px}.component-group{display:flex;flex-direction:column;gap:8px}.component-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--nav-text)}.badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.badge-completed{color:var(--green);background-color:#58cc021f}.badge-progress{color:var(--blue);background-color:#1cb0f61f}.badge-failed{color:var(--red);background-color:#ff4b4b1f}.badge-streak{color:var(--orange);background-color:#ff96001f}.badge-premium{color:#b8920f;background-color:#ffc80026}.input-button-row{display:flex;align-items:center;gap:12px}.custom-input{flex:1;height:48px;padding:0 16px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:600;color:var(--gray-text);background-color:#fff;transition:border-color .2s ease}.custom-input:focus{border-color:var(--blue)}.custom-input::placeholder{color:var(--nav-text);font-weight:500}.toggles-row{display:flex;align-items:center;gap:24px}.toggle-item{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch{width:48px;height:28px;border-radius:14px;background-color:var(--border-color);position:relative;transition:background-color .2s ease}.toggle-switch.checked{background-color:var(--green)}.toggle-thumb{width:22px;height:22px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.toggle-switch.checked .toggle-thumb{transform:translate(20px)}.toggle-label{font-size:14px;font-weight:600;color:var(--gray-text);-webkit-user-select:none;user-select:none}.progress-column{display:flex;flex-direction:column;gap:10px}.progress-row{display:flex;align-items:center;gap:12px}.progress-track{flex:1;height:12px;background-color:var(--border-color);border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .6s ease}.progress-fill.green{background-color:var(--green)}.progress-fill.blue{background-color:var(--blue)}.progress-fill.orange{background-color:var(--orange)}.progress-fill.golden{background-color:var(--golden)}.progress-value{width:32px;font-size:12px;font-weight:700;text-align:right;color:var(--gray-text)}.tooltip-streak-row{display:flex;align-items:center;gap:16px}.tooltip-trigger-wrapper{position:relative;display:inline-block}.tooltip-trigger-btn{font-size:13px;font-weight:700;color:var(--green);background-color:#58cc0214;padding:8px 16px;border-radius:8px}.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--dark-blue);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--dark-blue) transparent transparent transparent}.tooltip-trigger-wrapper:hover .tooltip-bubble{opacity:1;visibility:visible}.streak-counter{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:#ff96001a;border-radius:20px}.streak-fire{font-size:18px;line-height:1}.streak-num{font-size:16px;font-weight:800;color:var(--orange)}.panel-dark .component-group-label{color:#ffffff4d}.language-pills-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.language-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:transparent;color:#ffffffb3;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.language-pill:hover{border-color:var(--green);background-color:#58cc0214}.language-pill.active{border-color:var(--green);background-color:#58cc0214;color:#fff}.language-flag{width:24px;height:18px;object-fit:contain}.avatar-group-wrap{display:flex;align-items:center;gap:12px}.avatar-stack{display:flex;align-items:center}.avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;object-fit:cover;margin-left:-8px}.avatar-img:first-child{margin-left:0}.avatar-count{width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;background-color:#f0f0f0;font-size:11px;font-weight:800;color:var(--gray-light);display:flex;align-items:center;justify-content:center;margin-left:-8px}.avatar-label{font-size:13px;font-weight:600;color:#ffffff80}.progress-track-dark{background-color:#ffffff14}.progress-value-dark{color:#fff9}.badge-dark-mastered{color:#7adb2e;background-color:#58cc0226}.badge-dark-review{color:#4dc4f8;background-color:#1cb0f626}.badge-dark-crown{color:#ffc800;background-color:#ffc80026}@media(max-width:1024px){.explorer-stage-grid{grid-template-columns:1fr}.info-column{position:static}}@media(max-width:900px){.main-grid-container{grid-template-columns:1fr}.panel-odd{border-right:none}.hero-headline{font-size:36px}.navbar-right{display:none}.navbar-guide-mobile{display:inline-flex}.mobile-tab-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;background-color:#fff;border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #100f3e0f}.cards-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;width:100%;max-width:280px}.btn-3d-primary,.btn-3d-secondary{width:100%}.viewport-controls-wrapper{flex-direction:column;align-items:stretch}}@media(max-width:600px){.navbar-container{padding:0 20px}.hero-container{padding:40px 20px 32px}.hero-headline{font-size:28px}.panel{padding:28px 20px}.color-grid{grid-template-columns:repeat(3,1fr)}.type-meta{display:none}.type-sample-display{font-size:32px}.button-row-label{display:none}.input-button-row{flex-direction:column;align-items:stretch}.systems-grid{grid-template-columns:1fr}}.bp3d-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:40}.bp3d-loading-card{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:32px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 12px 32px #00000014;max-width:420px;width:90%}.loading-icon{font-size:36px;animation:pulseIcon 1.5s infinite ease-in-out}.loading-title{font-size:18px;font-weight:800;color:var(--dark-blue)}.loading-subtitle{font-size:12px;color:var(--gray-light);margin-bottom:8px}.loading-progress-bar{width:100%;height:14px;background-color:var(--border-color);border-radius:7px;overflow:hidden}.loading-progress-fill{height:100%;background-color:var(--green);border-radius:7px;transition:width .25s ease}.loading-percent{font-size:14px;font-weight:800;color:var(--green)}@keyframes pulseIcon{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.custom-part-active-banner{background:linear-gradient(90deg,#ffc80026,#58cc0226);border:2px solid var(--golden);border-radius:16px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;animation:fadeIn .3s ease}.custom-part-info{display:flex;align-items:center;gap:12px}.part-highlight-icon{font-size:24px}.part-meta-text{display:flex;flex-direction:column;gap:2px}.part-active-title{font-size:15px;font-weight:800;color:var(--dark-blue)}.part-active-sub{font-size:12px;color:var(--gray-text)}.btn-clear-custom-part{padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:#fff;color:var(--gray-text);border:1px solid var(--border-color);border-radius:10px;transition:all .15s ease}.btn-clear-custom-part:hover{background-color:#ff4b4b;color:#fff;border-color:#cc3c3c}.search-group-header{padding:6px 14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--nav-text);background-color:#f7f7f7;border-bottom:1px solid var(--border-color)}.search-result-badge.green{background-color:#58cc021f;color:var(--green)}.all-parts-container{width:100%;max-width:1440px;padding:32px 40px 64px;display:flex;flex-direction:column;gap:24px}.all-parts-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.all-parts-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);background-color:#58cc021f;padding:4px 12px;border-radius:20px}.all-parts-title{font-family:var(--font-display);font-size:38px;color:var(--dark-blue)}.all-parts-desc{font-size:15px;color:var(--gray-light);max-width:680px}.all-parts-filter-section{display:flex;flex-direction:column;gap:16px;background-color:#fff;padding:20px;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 4px 14px #00000008}.all-parts-search-box{position:relative;width:100%;display:flex;align-items:center}.all-parts-search-input{width:100%;height:48px;padding:0 44px;border:2px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:600;color:var(--gray-text);background-color:#fafafa;transition:all .2s ease}.all-parts-search-input:focus{border-color:var(--blue);background-color:#fff}.category-tabs-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cat-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;border-radius:12px;border:1px solid var(--border-color);background-color:#fafafa;color:var(--gray-text);transition:all .15s ease}.cat-tab-btn:hover{border-color:var(--green);background-color:#58cc020f}.cat-tab-btn.active{border-color:var(--green);background-color:var(--green);color:#fff}.cat-tab-btn.active .cat-count{color:#ffffffd9}.cat-count{font-size:11px;font-weight:700;color:var(--nav-text)}.results-meta-bar{font-size:13px;color:var(--gray-light);padding:0 4px}.all-parts-loading,.all-parts-empty{text-align:center;padding:48px 20px;background-color:#fff;border:2px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner,.empty-icon{font-size:40px}.parts-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.part-item-card{background-color:#fff;border:2px solid var(--border-color);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.part-item-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.part-card-top{display:flex;align-items:center;justify-content:space-between}.part-cat-badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:6px}.part-fid-badge{font-size:10px;font-weight:800;color:var(--nav-text);background-color:#f0f0f0;padding:3px 8px;border-radius:6px}.part-name{font-size:15px;font-weight:800;color:var(--dark-blue);line-height:1.3;min-height:38px}.part-details-stack{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.part-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.detail-key{color:var(--gray-light);font-weight:600}.detail-val{font-weight:700;color:var(--gray-text)}.detail-val.fma{color:var(--blue)}.detail-val.coords{font-family:monospace;font-size:10px;color:var(--gray-light)}.part-action-btn{width:100%;text-align:center;justify-content:center;margin-top:4px}.load-more-section{display:flex;justify-content:center;padding-top:16px}.load-more-btn{min-width:280px}.layer-controller-panel{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 12px #00000008}.layer-mode-header{display:flex;justify-content:center}.mode-pill-tabs{display:flex;background:#f0f0f0;border-radius:12px;padding:3px;width:100%;gap:4px}.mode-pill-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:800;border-radius:10px;border:none;background:transparent;color:var(--gray-light);cursor:pointer;transition:all .15s ease;text-align:center}.mode-pill-btn.active{background:#fff;color:var(--dark-blue);box-shadow:0 2px 6px #00000014}.layer-section{display:flex;flex-direction:column;gap:8px}.layer-section-title{font-size:12px;font-weight:800;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px}.layer-section-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f7f7f7;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;text-align:left}.layer-section-toggle:hover{background:#f0f0f0;border-color:#d8d8d8}.layer-section-toggle-main{flex:1;min-width:0}.layer-section-toggle-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--dark-blue)}.layer-section-summary{font-size:12px;font-weight:700;color:var(--green-text);white-space:nowrap}.layer-section-chevron{flex-shrink:0;color:var(--gray-light);transition:transform .2s ease}.layer-section--collapsible.is-open .layer-section-chevron{transform:rotate(180deg)}.layer-section-body{display:flex;flex-direction:column;gap:8px}.explode-control-box{background:#fafafa;border:1px solid var(--border-color);border-radius:10px;padding:12px}.explode-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.explode-range-label{font-size:12px;color:var(--gray-light);font-weight:700}.explode-range-label--active{color:var(--green-text)}.explode-preset-row{display:flex;gap:6px}.explode-preset-row .preset-btn{flex:1;padding:5px 8px;font-size:12px}.explode-help-text{font-size:12px;color:var(--gray-light);margin-top:8px;line-height:1.45}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media(max-width:768px){.preset-grid{grid-template-columns:repeat(2,1fr)}}.preset-btn{background:#f7f7f7;border:2px solid var(--border-color);border-radius:10px;padding:8px 6px;font-size:11px;font-weight:800;color:var(--dark-blue);cursor:pointer;transition:all .15s ease;text-align:center}.preset-btn:hover{background:#eef8ff;border-color:var(--blue);color:var(--blue)}.preset-btn.active{background:#e5f9d3;border-color:var(--green);color:#2e7d32;box-shadow:0 2px 0 var(--green-shadow)}.layer-cards-list{display:flex;flex-direction:column;gap:8px}.layer-card{background:#fafafa;border:2px solid var(--border-color);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.layer-card.layer-on{background:#fff;border-color:#d0e7ff}.layer-card.layer-off{opacity:.6;background:#f5f5f5}.layer-card-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.layer-card-left{display:flex;align-items:center;gap:10px;flex:1}.layer-icon{font-size:22px;line-height:1}.layer-text-wrap{display:flex;flex-direction:column;gap:2px}.layer-title-row{display:flex;align-items:center;gap:6px}.layer-title{font-size:13px;font-weight:800;color:var(--dark-blue)}.layer-badge{font-size:10px;font-weight:700;background:#e8f5e9;color:#2e7d32;padding:1px 6px;border-radius:6px}.layer-sub{font-size:11px;color:var(--gray-light);font-weight:600}.duo-switch-btn{padding:6px 14px;border-radius:10px;font-size:11px;font-weight:800;border:none;cursor:pointer;transition:all .15s ease;text-transform:uppercase}.duo-switch-btn.active{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-shadow)}.duo-switch-btn.active:active{transform:translateY(3px);box-shadow:none}.duo-switch-btn:not(.active){background:#e0e0e0;color:#757575;box-shadow:0 2px #bdbdbd}.layer-opacity-row{display:flex;align-items:center;gap:10px;padding-top:6px;border-top:1px dashed #e8e8e8}.opacity-label{font-size:11px;font-weight:700;color:var(--gray-text);white-space:nowrap}.layer-slider{flex:1;accent-color:var(--green);cursor:pointer;height:6px}.opacity-val{font-size:11px;font-weight:800;color:var(--blue);min-width:35px;text-align:right}.focus-organ-sidebar-wrap{display:flex;flex-direction:column;gap:14px}.organ-selector-panel{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000008}.organ-selector-header{display:flex;align-items:center;justify-content:space-between}.selector-title{font-size:12px;font-weight:800;color:var(--dark-blue);text-transform:uppercase;letter-spacing:.5px}.selector-filter-stack{display:flex;flex-direction:column;gap:8px}.selector-search-input{width:100%;padding:8px 12px;border:2px solid var(--border-color);border-radius:10px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s ease}.selector-search-input:focus{border-color:var(--blue)}.selector-pills-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.selector-pills-scroll::-webkit-scrollbar{height:4px}.selector-pills-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.selector-pill-btn{padding:5px 10px;border-radius:14px;border:1.5px solid var(--border-color);background:#f7f7f7;font-size:11px;font-weight:700;color:var(--gray-text);white-space:nowrap;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.selector-pill-btn:hover{background:#eef8ff;border-color:var(--blue)}.selector-pill-btn.active{background:var(--green);color:#fff;border-color:var(--green-hover)}.organ-chips-grid{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.organ-chips-grid::-webkit-scrollbar{width:5px}.organ-chips-grid::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.organ-picker-card{background:#fafafa;border:2px solid var(--border-color);border-left-width:5px;border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease;text-align:left}.organ-picker-card:hover{background:#f0f7ff;border-color:var(--blue)}.organ-picker-card.selected{background:#e8f5e9;border-color:var(--green);box-shadow:0 2px 0 var(--green-shadow)}.organ-picker-info{display:flex;flex-direction:column;gap:2px}.organ-picker-top{display:flex;align-items:center;gap:6px}.organ-picker-name{font-size:12px;font-weight:800;color:var(--dark-blue)}.organ-picker-fma{font-size:10px;font-weight:700;color:var(--blue)}.organ-picker-latin{font-size:10px;font-style:italic;color:var(--gray-light)}.organ-picker-check{font-size:14px;font-weight:900;color:var(--green)}.focus-sub-nav{display:flex;background:#f0f0f0;border-radius:12px;padding:3px;gap:4px;flex-shrink:0}.focus-sub-pill{flex:1;padding:6px 10px;font-size:12px;font-weight:800;border-radius:9px;border:none;background:transparent;color:var(--gray-light);cursor:pointer;transition:all .15s ease;text-align:center}.focus-sub-pill.active{background:#fff;color:var(--dark-blue);box-shadow:0 2px 5px #00000014}.organ-info-card{background:#fff;border:2px solid var(--border-color);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #00000008;max-height:calc(100vh - 130px);overflow:hidden}.organ-empty-card{background:#fff;border:2px dashed var(--border-color);border-radius:16px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.empty-card-icon{font-size:36px}.empty-card-title{font-size:16px;font-weight:800;color:var(--dark-blue)}.empty-card-desc{font-size:12px;color:var(--gray-light);line-height:1.4}.card-header-bar{display:flex;align-items:center;justify-content:space-between}.organ-meta-tags{display:flex;align-items:center;gap:6px}.organ-system-tag{font-size:10px;font-weight:800;text-transform:uppercase;background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:6px}.organ-fma-tag{font-size:10px;font-weight:800;background:#eef8ff;color:var(--blue);padding:2px 8px;border-radius:6px}.card-close-btn{background:transparent;border:none;font-size:14px;color:var(--nav-text);cursor:pointer;padding:2px 6px;border-radius:4px}.card-close-btn:hover{background:#f0f0f0;color:var(--gray-text)}.card-main-title{display:flex;flex-direction:column;gap:2px}.organ-name-id{font-size:15px;font-weight:800;color:var(--dark-blue);margin:0}.organ-name-en{font-size:12px;font-weight:700;color:var(--gray-text)}.organ-name-latin{font-size:11px;color:var(--gray-light);font-style:italic}.card-sections-stack{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:calc(100vh - 300px);padding-right:4px}.card-sections-stack::-webkit-scrollbar{width:4px}.card-sections-stack::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.card-section{background:#fcfcfc;border:1px solid #f0f0f0;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.card-section.highlight-box-trivia{background:#fffdf5;border-color:#ffeaa7}.card-section.highlight-box-clinical{background:#fbf7ff;border-color:#e8d7ff}.section-subtitle{font-size:11px;font-weight:800;color:var(--dark-blue);margin:0;text-transform:uppercase;letter-spacing:.3px}.section-text{font-size:11px;line-height:1.45;color:var(--gray-text);margin:0}.card-action-buttons{display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #f0f0f0;flex-shrink:0}.btn-primary-small{flex:1;height:36px;border-radius:10px;font-size:12px;font-weight:800;color:#fff;background-color:var(--green);box-shadow:0 3px 0 var(--green-shadow);border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-primary-small:active{transform:translateY(3px);box-shadow:none}.btn-secondary-small{flex:1;height:36px;border-radius:10px;font-size:12px;font-weight:800;color:var(--gray-text);background-color:#f7f7f7;border:1.5px solid var(--border-color);box-shadow:0 2px #e0e0e0;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-secondary-small.active{background-color:#fff4e5;color:#e65100;border-color:#ffb74d;box-shadow:0 2px #ff9800}.btn-secondary-small:active{transform:translateY(2px);box-shadow:none}.all-parts-page{max-width:1400px;margin:0 auto;padding:24px 28px 80px;display:flex;flex-direction:column;gap:24px}.parts-hero-banner{background:linear-gradient(135deg,#fff,#f7fdf4 60%,#edf9e7);border:2px solid #e0f2d8;border-radius:24px;padding:32px 36px 28px;box-shadow:0 4px 16px #58cc0214}.parts-hero-content{max-width:900px;margin-bottom:24px}.parts-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.parts-db-badge{display:inline-flex;align-items:center;background-color:#58cc02;color:#fff;font-size:11px;font-weight:900;letter-spacing:.8px;padding:5px 12px;border-radius:999px;text-transform:uppercase;box-shadow:0 2px #46a302}.parts-fma-badge{display:inline-flex;align-items:center;background-color:#e0f2fe;color:#0369a1;border:1.5px solid #bae6fd;font-size:11px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:999px;text-transform:uppercase}.parts-main-title{font-size:32px;font-weight:900;color:var(--dark-blue);line-height:1.25;margin:0 0 10px;letter-spacing:-.5px}.parts-main-subtitle{font-size:15px;color:#4b5563;line-height:1.6;margin:0;font-weight:600}.system-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.system-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.system-stats-grid{grid-template-columns:1fr}}.system-stat-card{background-color:#fff;border:2px solid var(--border-color);border-radius:18px;padding:16px 18px;box-shadow:0 4px #e5e5e5;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);position:relative;display:flex;flex-direction:column}.system-stat-card:hover{transform:translateY(-3px);box-shadow:0 7px #d6d6d6}.system-stat-card:active{transform:translateY(2px);box-shadow:0 2px #d6d6d6}.system-stat-card.selected{border-width:2.5px}.system-stat-card.skeleton.selected{border-color:#d97706;background-color:#fffbeb;box-shadow:0 4px #b45309}.system-stat-card.muscle.selected{border-color:#dc2626;background-color:#fef2f2;box-shadow:0 4px #b91c1c}.system-stat-card.vessel.selected{border-color:#e11d48;background-color:#fff1f2;box-shadow:0 4px #be123c}.system-stat-card.internal.selected{border-color:#7c3aed;background-color:#f5f3ff;box-shadow:0 4px #6d28d9}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-icon{font-size:26px}.stat-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:8px}.stat-badge.skeleton{background-color:#fef3c7;color:#92400e}.stat-badge.muscle{background-color:#fee2e2;color:#991b1b}.stat-badge.vessel{background-color:#ffe4e6;color:#9f1239}.stat-badge.internal{background-color:#ede9fe;color:#5b21b6}.stat-count-wrap{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.stat-number{font-size:28px;font-weight:900;color:var(--dark-blue);line-height:1}.stat-unit{font-size:13px;font-weight:700;color:#6b7280}.stat-progress-bg{width:100%;height:6px;background-color:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:8px}.stat-progress-fill{height:100%;border-radius:999px}.stat-progress-fill.skeleton{background-color:#d97706}.stat-progress-fill.muscle{background-color:#dc2626}.stat-progress-fill.vessel{background-color:#e11d48}.stat-progress-fill.internal{background-color:#7c3aed}.stat-desc{font-size:12px;color:#4b5563;margin:0 0 10px;line-height:1.4;font-weight:600;flex:1}.stat-action-hint{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.system-stat-card.selected .stat-action-hint{color:#059669}.parts-toolbar-section{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:20px 24px;box-shadow:0 4px #f0f0f0;display:flex;flex-direction:column;gap:16px}.parts-search-wrapper{display:flex;align-items:center;gap:14px}.parts-search-box{flex:1;position:relative;display:flex;align-items:center}.parts-search-box .search-icon{position:absolute;left:16px;font-size:18px;pointer-events:none}.parts-search-input{width:100%;height:50px;padding:0 46px 0 48px;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-family:Nunito,sans-serif;font-weight:700;color:var(--dark-blue);outline:none;transition:all .2s ease}.parts-search-input:focus{background-color:#fff;border-color:var(--green);box-shadow:0 0 0 4px #58cc0226}.parts-search-clear{position:absolute;right:14px;width:26px;height:26px;border-radius:50%;background-color:#e2e8f0;border:none;color:#64748b;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.parts-search-clear:hover{background-color:#cbd5e1;color:#1e293b}.parts-search-counter{padding:10px 16px;background-color:#f1f5f9;border-radius:12px;font-size:13px;font-weight:700;color:#475569;white-space:nowrap}.popular-tags-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.popular-label{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.popular-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.popular-chip-btn{background-color:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;color:#374151;cursor:pointer;transition:all .15s ease}.popular-chip-btn:hover{background-color:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.popular-chip-btn.active{background-color:#58cc02;color:#fff;border-color:#46a302}.filter-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:4px}.system-pills-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill-btn{padding:8px 16px;border-radius:12px;background-color:#f8fafc;border:2px solid #e2e8f0;font-size:13px;font-weight:800;color:#475569;cursor:pointer;transition:all .15s ease;box-shadow:0 2px #e2e8f0}.filter-pill-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.filter-pill-btn:active{transform:translateY(2px);box-shadow:none}.filter-pill-btn.active{background-color:var(--green);color:#fff;border-color:#46a302;box-shadow:0 2px #46a302}.filter-pill-btn.skeleton.active{background-color:#d97706;border-color:#b45309;box-shadow:0 2px #b45309}.filter-pill-btn.muscle.active{background-color:#dc2626;border-color:#b91c1c;box-shadow:0 2px #b91c1c}.filter-pill-btn.vessel.active{background-color:#e11d48;border-color:#be123c;box-shadow:0 2px #be123c}.filter-pill-btn.internal.active{background-color:#7c3aed;border-color:#6d28d9;box-shadow:0 2px #6d28d9}.filter-right-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-select-wrap{position:relative;display:flex;align-items:center}.custom-select-wrap .select-icon{position:absolute;left:12px;font-size:14px;pointer-events:none;z-index:1}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:800;color:var(--dark-blue);cursor:pointer;outline:none;transition:all .15s ease;box-shadow:0 2px #e2e8f0}.custom-select:hover{background-color:#fff;border-color:#cbd5e1}.custom-select:focus{border-color:var(--green)}.view-mode-toggle{display:flex;background-color:#f1f5f9;border-radius:12px;padding:3px;gap:3px;border:1.5px solid #e2e8f0}.view-toggle-btn{padding:6px 14px;border-radius:9px;border:none;background:transparent;font-size:12px;font-weight:800;color:#64748b;cursor:pointer;transition:all .15s ease}.view-toggle-btn.active{background-color:#fff;color:var(--dark-blue);box-shadow:0 2px 6px #00000014}.results-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1.5px solid #f1f5f9;font-size:13px;color:#64748b}.results-status-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.active-filter-badge{background-color:#e0f2fe;color:#0369a1;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800}.reset-filters-btn{background:none;border:none;color:#ef4444;font-size:12px;font-weight:800;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .15s}.reset-filters-btn:hover{background-color:#fee2e2}.parts-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.part-card-modern{background-color:#fff;border:2px solid var(--border-color);border-radius:18px;overflow:hidden;box-shadow:0 4px #e5e5e5;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column}.part-card-modern:hover{transform:translateY(-3px);box-shadow:0 8px #d6d6d6;border-color:#cbd5e1}.part-accent-bar{height:6px;width:100%}.part-card-inner{padding:16px 18px;display:flex;flex-direction:column;flex:1}.part-tags-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.part-cat-pill{font-size:11px;font-weight:800;padding:3px 10px;border-radius:8px;border:1px solid transparent;text-transform:capitalize}.part-fid-tag{font-size:11px;font-weight:800;color:#64748b;background-color:#f1f5f9;padding:2px 8px;border-radius:6px;font-family:monospace}.part-title{font-size:16px;font-weight:800;color:var(--dark-blue);line-height:1.35;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.part-meta-stack{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;padding:8px 10px;background-color:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.part-meta-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.meta-label{color:#64748b;font-weight:700}.meta-value{color:var(--dark-blue);font-weight:800}.meta-value.fma{color:#2563eb;font-family:monospace}.part-aliases-row{display:flex;align-items:center;gap:6px;margin-bottom:14px;flex-wrap:wrap}.alias-chip{background-color:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alias-more-badge{font-size:11px;font-weight:700;color:#94a3b8}.part-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.btn-card-detail{padding:8px 10px;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:800;color:#334155;cursor:pointer;box-shadow:0 2px #e2e8f0;transition:all .15s ease}.btn-card-detail:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-card-detail:active{transform:translateY(2px);box-shadow:none}.btn-card-3d{padding:8px 10px;background-color:#58cc02;border:1.5px solid #46a302;border-radius:10px;font-size:12px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 2px #46a302;transition:all .15s ease}.btn-card-3d:hover{background-color:#4eb502}.btn-card-3d:active{transform:translateY(2px);box-shadow:none}.parts-table-card{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:0 4px #e5e5e5}.table-scroll-container{overflow-x:auto;max-width:100%}.parts-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.parts-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.parts-table th{padding:14px 16px;font-weight:800;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.6px}.parts-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:var(--dark-blue);font-weight:700}.table-row-item:hover{background-color:#f8fafc}.row-index{color:#94a3b8;font-weight:800}.table-fid-badge{font-family:monospace;font-size:12px;background-color:#f1f5f9;padding:3px 8px;border-radius:6px;color:#475569;font-weight:800}.table-fma-badge{font-family:monospace;font-size:12px;color:#2563eb;font-weight:800}.row-name{max-width:320px}.table-part-name{font-weight:800;color:var(--dark-blue);font-size:14px}.table-alias-sub{font-size:11px;color:#64748b;font-weight:600;margin-top:2px}.table-system-tag{display:inline-block;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:800;text-transform:capitalize}.table-region-cell{color:#475569;font-size:12px;font-weight:700}.table-volume-cell{font-size:12px;font-family:monospace;color:#64748b}.table-actions-cell{display:flex;align-items:center;justify-content:center;gap:8px}.btn-table-info{padding:6px 10px;border-radius:8px;background-color:#f1f5f9;border:1px solid #cbd5e1;font-size:11px;font-weight:800;color:#334155;cursor:pointer;transition:all .15s}.btn-table-info:hover{background-color:#e2e8f0}.btn-table-3d{padding:6px 12px;border-radius:8px;background-color:#58cc02;border:1px solid #46a302;font-size:11px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 2px #46a302;transition:all .15s}.btn-table-3d:hover{background-color:#4eb502}.btn-table-3d:active{transform:translateY(2px);box-shadow:none}.parts-loading-card,.parts-empty-card{background-color:#fff;border:2px solid var(--border-color);border-radius:20px;padding:60px 30px;text-align:center;box-shadow:0 4px #f0f0f0;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-text-title,.empty-card-title{font-size:20px;font-weight:800;color:var(--dark-blue);margin:0}.loading-text-sub,.empty-card-desc{font-size:14px;color:#64748b;margin:0;font-weight:600}.empty-card-icon{font-size:42px}.empty-reset-btn{margin-top:10px}.parts-pagination-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}.parts-load-more-btn{padding:14px 36px;font-size:15px;font-weight:800;border-radius:16px}.pagination-progress-text{font-size:13px;font-weight:700;color:#64748b}.anatomy-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#100f3e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.anatomy-detail-modal{background-color:#fff;border:2px solid var(--border-color);border-radius:24px;width:100%;max-width:640px;max-height:85vh;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:popUp .25s cubic-bezier(.175,.885,.32,1.275)}.modal-top-bar{padding:20px 24px;border-bottom:2px solid #f1f5f9;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header-info{display:flex;align-items:center;gap:14px}.modal-header-icon{font-size:32px;background-color:#f1f5f9;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.modal-sub-label{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:2px}.modal-title{font-size:20px;font-weight:900;color:var(--dark-blue);margin:0;line-height:1.3}.modal-close-btn{background:none;border:none;font-size:18px;font-weight:800;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:all .15s}.modal-close-btn:hover{background-color:#f1f5f9;color:#1e293b}.modal-body-scroll{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-info-tile{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.tile-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.tile-value{font-size:14px;font-weight:800;color:var(--dark-blue)}.tile-value.highlight{color:var(--green);font-family:monospace}.tile-value.fma{color:#2563eb;font-family:monospace}.modal-section-card{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px}.section-card-title{font-size:13px;font-weight:800;color:#334155;margin:0 0 10px}.spatial-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.metric-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.metric-box-label{font-size:11px;font-weight:700;color:#64748b;display:block}.metric-box-value{font-size:13px;font-weight:800;color:var(--dark-blue)}.bounds-display{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.bounds-title{font-size:11px;font-weight:700;color:#64748b;display:block;margin-bottom:4px}.bounds-coords{display:flex;flex-direction:column;gap:2px;font-family:monospace;font-size:11px;color:#475569}.modal-aliases-flow{display:flex;flex-wrap:wrap;gap:6px}.modal-alias-tag{background-color:#fff;border:1px solid #cbd5e1;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;color:#334155}.modal-links-row{display:flex;gap:12px;flex-wrap:wrap}.modal-external-link{font-size:12px;font-weight:800;color:#2563eb;text-decoration:none;padding:8px 12px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;transition:all .15s}.modal-external-link:hover{background-color:#dbeafe;text-decoration:underline}.modal-footer-actions{padding:16px 24px;border-top:2px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end;gap:12px;background-color:#fff}.modal-cancel-btn{padding:10px 20px;font-size:13px;font-weight:800}.modal-action-3d-btn{padding:10px 24px;font-size:14px;font-weight:900}.back-to-top-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background-color:#fff;border:2.5px solid var(--green);color:var(--green);font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s cubic-bezier(.25,1,.5,1)}.back-to-top-btn:hover{background-color:var(--green);color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #58cc0259}.back-to-top-btn:active{transform:translateY(1px);box-shadow:none}.intro-curtain-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#fff;z-index:999999;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 10px 40px #00000014;transition:transform .85s cubic-bezier(.77,0,.175,1);will-change:transform}@media(prefers-reduced-motion:reduce){.intro-curtain-overlay{transition:none;will-change:auto}.intro-curtain-overlay.curtain-lift-up{transform:none;opacity:0;visibility:hidden}.curtain-content-box,.curtain-logo-icon{animation:none;opacity:1;transform:none}.curtain-skip-hint{transition:none}}.intro-curtain-overlay.curtain-lift-up{transform:translateY(-100%);pointer-events:none;box-shadow:0 25px 50px #0003}.curtain-content-box{text-align:center;padding:24px;animation:curtainTitleSlideUp .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes curtainTitleSlideUp{0%{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}.curtain-logo-icon{font-size:58px;line-height:1;margin-bottom:14px;display:inline-block;animation:curtainIconPop .9s cubic-bezier(.34,1.56,.64,1)}@keyframes curtainIconPop{0%{opacity:0;transform:scale(.5) translateY(45px)}to{opacity:1;transform:scale(1) translateY(0)}}.curtain-title{font-size:54px;font-weight:900;color:var(--dark-blue);letter-spacing:-1.5px;margin:0 0 10px;line-height:1.1;font-family:Feather Bold,Nunito,-apple-system,sans-serif}.curtain-title-accent{color:var(--green-text);margin-left:2px}.curtain-subtitle{font-size:13px;font-weight:800;color:#64748b;letter-spacing:2.5px;text-transform:uppercase;margin:0}.curtain-divider-line{width:54px;height:4px;background-color:var(--green);border-radius:999px;margin:22px auto 14px;box-shadow:0 2px 0 var(--green-shadow)}.curtain-skip-hint{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;display:block;opacity:.75;transition:opacity .2s,color .2s}.intro-curtain-overlay:hover .curtain-skip-hint{opacity:1;color:#64748b}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#100f3e6b}.onboarding-card{position:relative;width:min(100%,420px);background:#fff;border:2px solid var(--border-color);border-radius:18px;padding:28px 24px 22px;box-shadow:0 18px 48px #100f3e2e}.onboarding-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;border-radius:8px;background:#f3f4f6;color:var(--gray-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.onboarding-close-btn:hover{background:#e8eaed;color:var(--dark-blue)}.onboarding-step-icon{width:52px;height:52px;border-radius:14px;background:#58cc021f;border:1.5px solid rgba(88,204,2,.28);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.onboarding-step-count{font-size:12px;font-weight:800;color:var(--gray-light);margin:0 0 8px}.onboarding-title{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--dark-blue);letter-spacing:-.4px;line-height:1.15;margin:0 0 10px}.onboarding-body{font-size:15px;line-height:1.55;color:var(--gray-text);margin:0 0 18px;max-width:36ch}.onboarding-dots{display:flex;gap:8px;margin-bottom:18px}.onboarding-dot{width:8px;height:8px;border-radius:999px;background:#d8dce3;transition:background-color .15s ease,transform .15s ease}.onboarding-dot.active{background:var(--green);transform:scale(1.15)}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-skip-btn{padding:10px 14px;font-size:13px;font-weight:800;color:var(--gray-light);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.onboarding-skip-btn:hover{color:var(--dark-blue);background:#f3f4f6}.onboarding-next-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;font-size:14px;font-weight:900;color:#fff;background:var(--green);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 0 var(--green-shadow);transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease}.onboarding-next-btn:hover{background:var(--green-hover)}.onboarding-next-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green-shadow)}@media(max-width:900px){.onboarding-overlay{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.onboarding-title{font-size:21px}.onboarding-body{font-size:14px}}@media(prefers-reduced-motion:reduce){.onboarding-dot,.onboarding-close-btn,.onboarding-skip-btn,.onboarding-next-btn{transition:none}.onboarding-next-btn:active{transform:none;box-shadow:0 4px 0 var(--green-shadow)}}@font-face{font-family:Feather Bold;src:url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.eot);src:url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff) format("woff"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--green: rgb(88, 204, 2);--green-text: rgb(59, 130, 0);--green-hover: rgb(75, 178, 0);--green-shadow: #61B800;--dark-blue: rgb(16, 15, 62);--blue: rgb(28, 176, 246);--gray-text: rgb(75, 75, 75);--gray-light: rgb(92, 92, 92);--border-color: rgb(229, 229, 229);--nav-text: rgb(175, 175, 175);--footer-green: #4EC604;--red: #FF4B4B;--orange: #FF9600;--golden: #FFC800;--font-primary: "Nunito", "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Feather Bold", "Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh;max-height:100dvh;width:100%;margin:0;padding:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0}body{font-family:var(--font-primary);color:var(--gray-text);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}input{font-family:var(--font-primary);outline:none}