@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f2f2f2;color:var(--text-light);font-family:Inter,Roboto,Segoe UI,sans-serif;font-weight:400;letter-spacing:.15px;line-height:1.4;text-rendering:optimizeLegibility}:root{--dark-bg:#121212;--text-light:#fff;--text-muted:#b0b0b0;--accent-orange:#ff6b00;--accent-orange-light:#ff8c33;--accent-orange-dark:#cc5600;--card-bg:#1e1e1e;--card-border:#333;--text-light:#f2f2f2;--text-muted:#a8a8a8}.main-container-dark{background-color:#121212;color:#f2f2f2}.top-header-wrapper{margin-bottom:1.5rem;position:relative;z-index:auto}.top-header-dark,.top-header-wrapper{background-color:#121212;background-color:var(--dark-bg);width:100%}.top-header-dark{border-bottom:1px solid #1a1a1a;box-sizing:border-box;padding:.8rem 1rem}.top-header-center,.top-header-dark{align-items:center;display:flex;justify-content:center}.top-header-center{flex-wrap:wrap;gap:.8rem}.top-header-logo-container{left:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.top-header-logo{cursor:pointer;height:45px;object-fit:contain;width:auto}.top-header-btn{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:4px;justify-content:center;line-height:1;padding:.55rem 1rem;transition:all .2s ease}.top-header-btn:hover{background:#333;border-color:#ff6b00;border-color:var(--accent-orange);color:#ff6b00;color:var(--accent-orange)}.top-header-btn-cta{background:linear-gradient(90deg,#ff6b00,#ff8c33);background:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light));border:none;border-radius:6px;color:#f2f2f2;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:500;padding:.55rem 1rem;transition:all .3s ease}.top-header-btn-cta:hover{background:linear-gradient(90deg,#cc5600,#ff6b00);background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange));box-shadow:0 4px 12px #ff6b0066;transform:translateY(-2px)}.active-filters-container-inline{cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:-8px 0 12px}.active-filter-chip{align-items:center;background:#2a2a2a;border:1px solid #ff6b00;border:1px solid var(--accent-orange);border-radius:16px;color:#f2f2f2;color:var(--text-light);display:flex;font-size:.8rem;gap:.3rem;padding:.3rem .6rem}.remove-chip-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:.9rem;line-height:1}.remove-chip-btn:hover{color:#ff4d4f}.validation-warning{background:#ff6b6b14;border-radius:6px;color:#ff6b6b;font-size:.95rem;font-weight:500;margin:.8rem auto;max-width:500px;padding:.5rem .8rem;text-align:center}.drawer-overlay{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:8998}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer{background:#1e1e1e;background:var(--card-bg);box-shadow:-4px 0 20px #00000080;display:flex;flex-direction:column;height:100%;position:fixed;right:-400px;top:0;transition:right .3s ease;width:400px;z-index:9000}.drawer.open{right:0}.drawer-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1rem}.close-drawer-btn{background:#0000;border:none;color:#f2f2f2;color:var(--text-light);cursor:pointer;font-size:1.2rem}.drawer-content{flex:1 1;overflow-y:auto;padding:1rem}.drawer-footer{background:#1e1e1e;background:var(--card-bg);border-top:1px solid #333;border-top:1px solid var(--card-border);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.clear-filters-btn{background:#0000;border:1px solid #444;border-radius:8px;color:#a8a8a8;color:var(--text-muted);cursor:pointer;flex:1 1;font-weight:500;padding:.8rem;transition:all .3s ease}.clear-filters-btn:hover{background:#2a2a2a;border-color:#ff6b00;border-color:var(--accent-orange);color:#f2f2f2;color:var(--text-light)}.apply-filters-btn{background:linear-gradient(90deg,#ff6b00,#ff8c33);background:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light));border:none;border-radius:8px;color:#f2f2f2;color:var(--text-light);cursor:pointer;flex:1 1;font-weight:600;padding:.8rem;transition:all .3s ease}.apply-filters-btn:hover{background:linear-gradient(90deg,#cc5600,#ff6b00);background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange));transform:translateY(-2px)}.see-more-link{background:none;border:none;color:#a8a8a8;color:var(--text-muted);cursor:pointer;display:block;font-size:.85rem;font-weight:400;margin:.6rem auto 0;padding:.3rem 0;text-align:center;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.see-more-link:hover{color:#f2f2f2;color:var(--text-light);text-decoration:underline;text-underline-offset:3px}*{-webkit-tap-highlight-color:transparent}.sorting-wrapper{position:relative;z-index:2500}.sorting-dropdown{animation:fadeInSort .15s ease-out;background:#1e1e1e;border:1px solid #333;border-radius:10px;bottom:auto;box-shadow:0 6px 16px #00000080;left:auto;min-width:180px;padding:.4rem 0;position:fixed;right:auto;top:auto;z-index:2501}@keyframes fadeInSort{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sorting-option{background:#0000;border:none;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:block;font-size:.9rem;padding:.6rem 1rem;text-align:left;transition:all .2s ease;width:100%;z-index:1}.sorting-option:hover{background:#2a2a2a;color:#f2f2f2;color:var(--text-light)}@supports (-webkit-touch-callout:none){.top-header-dark{-webkit-overflow-scrolling:auto!important;overflow-x:visible!important}.sorting-dropdown{left:0!important;position:absolute!important;right:auto!important;top:100%!important;z-index:9999!important}}.sort-chip:hover{background:#ff6b002e;border-color:#ff8c33;border-color:var(--accent-orange-light)}.sort-chip-content{align-items:center;display:flex;gap:.35rem;line-height:1}.sort-label{color:#f2f2f2;color:var(--text-light);font-weight:500;white-space:nowrap}.filter-group.has-error{background-color:#ff6b6b0d;border:1px solid #ff6b6b!important;border-radius:8px}.filter-radio-button,.filter-slider{background:#2a2a2a;border:1px solid #333;border:1px solid var(--card-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.filter-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.filter-label{color:#f2f2f2;color:var(--text-light);display:block;font-size:.95rem;font-weight:600}.required-asterisk{color:#ff6b6b;margin-left:4px}.clear-single-filter-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.1rem;line-height:1;transition:color .2s}.clear-single-filter-btn:hover{color:#ff4d4f}.has-error{background-color:#ff6b6b0d;border-color:#ff6b6b!important}.filter-error{color:#ff6b6b;font-size:.85rem;font-weight:500;margin-top:.3rem}.filter-section{background:#1e1e1e;border:1px solid #333;border:1px solid var(--card-border);border-radius:10px;margin-bottom:1rem;overflow:visible;transition:all .25s ease}.filter-section-header{align-items:center;background:#262626;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between;padding:.9rem 1.2rem;transition:background-color .25s ease}.filter-section-header:hover{background-color:#2f2f2f}.filter-section-header h4{color:#f2f2f2;color:var(--text-light);font-size:1rem;font-weight:600;margin:0}.filter-section-header .chevron{color:#a8a8a8;color:var(--text-muted);font-size:.9rem;transition:transform .3s ease,color .25s ease}.filter-section-header.open .chevron{color:#ff6b00;color:var(--accent-orange);transform:rotate(180deg)}.filter-section-body-wrapper{max-height:0;opacity:0;overflow:hidden;transition:transform .15s ease-out,opacity .15s ease-out}.filter-section-body-wrapper.open{max-height:9999px;opacity:1}.filter-section-body{background:#1e1e1e;border-top:1px solid #333;box-sizing:border-box;display:flex;flex-direction:column;padding:1rem 1.2rem}.filter-radio-button{background:#2a2a2a;border:1px solid #333;border:1px solid var(--card-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.radio-option{align-items:center;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;margin-bottom:.4rem;position:relative}.radio-option input{display:none}.custom-radio{border:2px solid #666;border-radius:50%;display:inline-block;height:18px;transition:all .2s ease;width:18px}.radio-option input:checked+.custom-radio{background:radial-gradient(circle at center,#ff6b00 45%,#0000 46%);background:radial-gradient(circle at center,var(--accent-orange) 45%,#0000 46%);border-color:#ff6b00;border-color:var(--accent-orange)}.filter-single-check{align-items:center;display:flex;margin:.6rem 0;padding:.3rem 0}.single-check-item{align-items:center;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem}.single-check-item input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #666;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease;width:18px}.single-check-item input[type=checkbox]:checked,.single-check-item input[type=checkbox]:hover{border-color:#ff6b00;border-color:var(--accent-orange)}.single-check-item input[type=checkbox]:checked{background-color:#ff6b00;background-color:var(--accent-orange)}.single-check-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:13px;font-weight:700;left:50%;position:absolute;top:48%;transform:translate(-50%,-50%)}.filter-multiple-choice{background:#2a2a2a;border:1px solid #333;border:1px solid var(--card-border);border-radius:8px;margin-bottom:.5rem;padding:1rem}.checkbox-option{align-items:center;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;gap:.6rem;margin-bottom:.4rem;position:relative}.checkbox-option input{display:none}.custom-checkbox{border:2px solid #666;border-radius:4px;display:inline-block;height:18px;transition:all .2s ease;width:18px}.checkbox-option input:checked+.custom-checkbox{background-color:#ff6b00;background-color:var(--accent-orange);border-color:#ff6b00;border-color:var(--accent-orange)}.checkbox-option input:checked+.custom-checkbox:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:5px;position:absolute;top:1px}.range-slider{display:flex;flex-direction:column;gap:.8rem}.range-track{background:#444;border-radius:4px;height:6px;position:relative}.range-track input[type=range]{-webkit-appearance:none;background:#0000;height:6px;left:0;margin:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%}.range-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ff6b00;background:var(--accent-orange);border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #0006;cursor:pointer;height:18px;margin-top:-6px;pointer-events:all;position:relative;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}.range-track input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #ff6b0099;transform:scale(1.15)}.range-track input[type=range]::-moz-range-thumb{background:#ff6b00;background:var(--accent-orange);border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #0006;cursor:pointer;height:18px;-moz-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}.range-track input[type=range]::-moz-range-track{background:#0000;border-radius:4px;height:6px}.range-track input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 10px #ff6b0099;transform:scale(1.15)}.range-values{color:#fff;display:flex;font-size:.9rem;justify-content:space-between}.notebook-cards-container-dark{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.notebook-card-dark{background:#1e1e1e;background:var(--card-bg);border:1px solid #333;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 15px #0000004d;overflow:hidden;padding-top:8px;transition:all .3s ease;width:350px}.notebook-card-dark:hover{box-shadow:0 10px 25px #ff6b0033;transform:translateY(-5px)}.notebook-image-wrapper-dark{align-items:center;background-color:#2a2a2a;border-radius:8px;cursor:pointer;display:flex;height:220px;justify-content:center;margin:0 auto;overflow:hidden;overflow:visible!important;position:relative;width:85%}.notebook-image-dark{height:100%;object-fit:contain;position:relative;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1}.notebook-image-wrapper-dark:hover .notebook-image-dark{opacity:.95;transform:scale(1.03)}.overall-score-container-dark{align-items:center;background-color:#1e1e1ee6;border:1px solid #444;border-radius:10px;color:#fff;display:flex;font-weight:600;gap:5px;padding:6px 10px;position:absolute;right:10px;top:10px;z-index:5}.star-icon{color:gold;font-size:1rem}.overall-score-value{font-size:1.1rem;font-weight:700}.notebook-content-dark{padding:.2rem 1rem 1.2rem;text-align:justify}.notebook-title-dark{font-size:1rem;font-weight:450;line-height:1.3;margin-bottom:.5rem;margin-top:.5rem;text-align:justify}.notebook-price-dark{align-items:center;background-color:#2a2a2a;border:1px solid #333;border-radius:10px;box-sizing:border-box;color:#f2f2f2;color:var(--text-light);display:flex;font-size:1.5rem;font-weight:500;gap:6px;justify-content:center;margin-bottom:.5rem;padding:.4rem;width:100%}.price-info-icon{color:#a8a8a8;color:var(--text-muted);cursor:pointer;font-size:.95rem;line-height:1;position:relative;transition:color .2s ease}.price-info-icon:hover{color:#ff6b00;color:var(--accent-orange)}.price-info-icon:after{background:#2a2a2a;border:1px solid #444;border-radius:6px;bottom:125%;color:#f2f2f2;color:var(--text-light);content:attr(data-tooltip);font-size:.75rem;padding:6px 10px;pointer-events:none;white-space:nowrap}.price-info-icon:after,.price-info-icon:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:9999}.price-info-icon:before{border:5px solid #0000;border-top-color:#2a2a2a;bottom:115%;content:""}.price-info-icon:hover:after,.price-info-icon:hover:before{opacity:1}.notebook-weight-dark{box-sizing:border-box;color:#a8a8a8;color:var(--text-muted);font-size:1rem;margin-bottom:.6rem;text-align:center}.score-container-dark{margin-bottom:1.8rem}.score-row-dark{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:120px 1fr 40px;margin-bottom:.6rem;padding:0 10px}.score-inline-bar{background-color:#2a2a2a;border-radius:3px;height:4px;margin:0 auto;overflow:hidden;width:85%}.score-bar{border-radius:3px;height:100%;transition:width .4s ease,background-color .4s ease}.cta-button-dark{background:linear-gradient(90deg,#ff6b00,#ff8c33);background:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light));border:none;border-radius:8px;color:#f2f2f2;color:var(--text-light);cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.cta-button-dark:hover{background:linear-gradient(90deg,#cc5600,#ff6b00);background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange));box-shadow:0 4px 12px #ff6b0066;transform:translateY(-2px)}.card-buttons-row{align-items:center;display:flex;gap:.6rem;justify-content:space-between;margin-top:.8rem}.card-buttons-row .cta-button-dark,.card-buttons-row .more-detail-button-dark{border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.8rem}.card-buttons-row .more-detail-button-dark{background:#1f1f1f;border:1px solid #444;color:#f2f2f2;color:var(--text-light);margin-top:0;transition:all .3s ease}.card-buttons-row .more-detail-button-dark:hover{background:#2a2a2a;border-color:#ff6b00;border-color:var(--accent-orange);color:#ff8c33;color:var(--accent-orange-light)}.more-detail-button-dark:hover{background:#2a2a2a;border-color:#ff6b00;border-color:var(--accent-orange);color:#f2f2f2;color:var(--text-light)}.marketplace-info-dark{color:#888;font-size:.85rem;font-style:italic;margin-bottom:1rem;text-align:center}.pagination-dark{align-items:center;color:#a8a8a8;color:var(--text-muted);display:flex;flex-basis:100%;font-size:.95rem;gap:.5rem;justify-content:center;margin-bottom:.8rem;text-align:center;width:100%}.pagination-btn{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#f2f2f2;color:var(--text-light);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .25s ease}.pagination-btn:hover:not(:disabled){background:#3a3a3a;border-color:#666;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#a8a8a8;color:var(--text-muted);font-size:.9rem}.loading-indicator-dark{color:#ff6b00;color:var(--accent-orange);padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ff6b004d;border-radius:50%;border-top-color:#ff6b00;border-top:4px solid var(--accent-orange);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.no-results-dark{color:#a8a8a8;color:var(--text-muted);font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:768px){body,html{overflow-x:hidden}.top-header-dark{-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-x:auto;padding:.5rem .4rem}.top-header-center,.top-header-dark{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.4rem;justify-content:center}.top-header-center{display:flex}.top-header-btn,.top-header-btn-cta{flex:0 0 auto;font-size:1rem;padding:.45rem .8rem}.top-header-btn-cta{min-width:0;min-width:auto}.top-header-logo-container{display:none}.active-filters-container-inline{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0;scroll-padding-left:.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.active-filters-container-inline::-webkit-scrollbar{display:none}.active-filters-container-inline:before{content:"";flex:0 0 0.5rem}.active-filter-chip{flex:0 0 auto;font-size:.75rem;margin:0;padding:.25rem .55rem;scroll-snap-align:start;scroll-snap-stop:always;white-space:nowrap}.notebook-cards-container-dark{align-items:center;box-sizing:border-box;flex-direction:column;gap:1.2rem;padding:0 .6rem}.notebook-image-wrapper-dark{background-color:#2a2a2a;border-radius:8px;cursor:pointer;margin:0 auto;overflow:hidden;position:relative;width:80%}.notebook-image-dark{display:block;height:auto;object-fit:contain;padding:.8rem;width:100%}.overall-score-container-dark{margin-right:4px;right:8px;top:8px}.notebook-content-dark{padding:.8rem 1rem 1.2rem}.drawer{-webkit-overflow-scrolling:touch;align-items:stretch;border-radius:0;display:flex;flex-direction:column;height:100dvh;justify-content:flex-start;left:0;overflow-y:auto;right:0;top:0;width:100%}.drawer-content,.drawer-header{padding:.8rem 1rem}.drawer-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:auto}.drawer-footer{padding:.8rem 1rem}.main-container-dark{align-items:stretch!important;justify-content:flex-start!important;min-height:100dvh;padding-top:1rem}}@media (max-width:480px){.main-container-dark{align-items:stretch!important;justify-content:flex-start!important;min-height:100dvh;padding-top:.5rem}.drawer{-webkit-overflow-scrolling:touch;align-items:stretch;border-radius:0;display:flex;flex-direction:column;height:100dvh;justify-content:flex-start;left:0;overflow-y:auto;right:0;top:0;width:100%}.drawer-content,.drawer-header{padding:.8rem 1rem}.drawer-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:auto}.drawer-footer{padding:.8rem 1rem}.notebook-card-dark{margin:0 auto;width:90%}.notebook-image-wrapper-dark{height:200px;width:90%}.top-header-btn,.top-header-btn-cta{font-size:.9rem;padding:.4rem .7rem}.filter-label{font-size:.9rem}.checkbox-option,.radio-option,.single-check-item{font-size:.85rem}.active-filters-container-inline{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0;scroll-padding-left:.5rem;scroll-snap-type:x mandatory;scrollbar-width:none}.active-filters-container-inline::-webkit-scrollbar{display:none}.active-filters-container-inline:before{content:"";flex:0 0 0.5rem}.active-filter-chip{flex:0 0 auto;font-size:.75rem;margin:0;padding:.25rem .55rem;scroll-snap-align:start;scroll-snap-stop:always;white-space:nowrap}}.App{font-family:Arial,sans-serif}.section{background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:20px;padding:40px}h2{color:#333}p{color:#555;font-size:18px;line-height:1.6}.title{color:#0d6efd;font-size:3rem;font-weight:700;margin-bottom:0;padding:4px;text-align:center}.subtitle{border-bottom:1px solid #dee2e6;color:#6c757d;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}*{box-sizing:border-box}#root,body,html{background-color:#121212;height:100%;margin:0;padding:0}.overall-tooltip{animation:fadeInTooltip .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0af5;border:1px solid #222;border-radius:10px;box-shadow:0 8px 24px #000c;color:#f0f0f0;font-size:.85rem;line-height:1.5;padding:1rem 1.2rem;position:relative;right:0;top:120%;width:260px;z-index:99999}.overall-tooltip:before{border:6px solid;border-color:#0000 #0000 #0a0a0af5;content:"";filter:drop-shadow(0 -1px 1px rgba(0,0,0,.6));position:absolute;right:16px;top:-6px}.tooltip-header strong{color:#f97316;font-size:.95rem}.tooltip-header p{color:#ccc;margin:.3rem 0 .8rem}.tooltip-purpose{font-weight:600;margin-bottom:.6rem}.tooltip-weights{list-style:none;margin:0;padding:0}.tooltip-weights li{border-bottom:1px dashed #333;display:flex;font-size:.83rem;justify-content:space-between;padding:2px 0}.tooltip-weights li:last-child{border-bottom:none}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-trigger{cursor:pointer}.main-container-dark{background-color:var(--dark-bg);color:var(--text-light);min-height:100vh;padding:0}.recomend-me-container-dark{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;overflow:hidden;padding:5rem}.mat-speech-container{align-items:flex-start;display:flex;gap:1.5rem;margin-top:4rem;max-width:800px}.mat-image{height:auto;object-fit:contain;width:180px}.mat-speech-bubble{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #555;border-radius:18px;box-shadow:0 8px 25px #00000080;flex:1 1;padding:1.5rem;position:relative}.mat-speech-bubble h2{color:#f97316;font-size:1.6rem;font-weight:700;margin:0 0 .5rem}.mat-speech-bubble p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin:0 0 1rem}.card-dark{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 15px #0000004d;margin:2rem auto;max-width:600px;overflow:hidden;padding:1.5rem}.recomend-me-card-body-dark{padding:1rem}.btn-option-dark{background:none;border:1px solid var(--accent-orange);border-radius:8px;color:var(--text-light);cursor:pointer;display:block;margin-bottom:.8rem;padding:.8rem 1rem;text-align:left;transition:all .3s ease;width:100%}.btn-option-dark:hover{background-color:#ff6b0026;transform:translateY(-2px)}.btn-primary-dark,.btn-secondary-dark,.btn-success-dark,.cta-button-dark{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.btn-primary-dark,.cta-button-dark{background:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light));color:var(--text-light)}.btn-success-dark{background:linear-gradient(90deg,#4caf50,#45a049);color:var(--text-light)}.btn-secondary-dark{background:#666;color:var(--text-light)}.btn-primary-dark:hover,.cta-button-dark:hover{background:linear-gradient(90deg,var(--accent-orange-dark),var(--accent-orange));box-shadow:0 4px 12px #ff6b0066;transform:translateY(-2px)}.btn-success-dark:hover{background:linear-gradient(90deg,#45a049,#3d8b40);transform:translateY(-2px)}.btn-secondary-dark:hover{background:#555;transform:translateY(-2px)}.progress-dark{background-color:#333;border-radius:5px;height:10px;overflow:hidden}.progress-bar-dark{background:linear-gradient(90deg,var(--accent-orange),var(--accent-orange-light));border-radius:5px;height:100%;transition:width .3s ease}.list-group-dark{list-style:none;padding:0}.list-group-item-dark{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;color:var(--text-light);margin-bottom:.8rem;padding:1rem}.question-label-dark{color:var(--accent-orange-light);font-size:1rem;font-weight:600;margin-bottom:.5rem}.answer-text-dark{background-color:#ffffff1a;border-left:3px solid var(--accent-orange);border-radius:6px;color:var(--text-light);font-size:.95rem;padding:.5rem .8rem}.review-title-dark{color:var(--text-light);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.question-text-dark{background-color:#2a2a2a;border-left:4px solid var(--accent-orange);border-radius:8px;color:var(--text-light);padding:1rem}.multiple-choice-dark{margin-top:1rem}.rc-slider-handle{height:24px!important;margin-top:-10px!important;width:24px!important}.buttons-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}@media (max-width:768px){.main-container-dark{text-align:center}.main-container-dark,.recomend-me-container-dark{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.recomend-me-container-dark{width:100%}.mat-speech-container{align-items:center;display:flex;flex-direction:column-reverse;gap:1rem;justify-content:center;margin-top:1rem;text-align:center;width:100%}.mat-image{height:auto;width:160px}.card-dark,.mat-speech-bubble{max-width:95%;padding:1rem;width:100%}.card-dark{margin:1rem auto;text-align:center}.btn-option-dark{font-size:.95rem;padding:.8rem 1rem;text-align:center}}@media (max-width:480px){.main-container-dark{min-height:100dvh;overflow:hidden;text-align:center}.main-container-dark,.recomend-me-container-dark{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.recomend-me-container-dark{width:100%}.mat-speech-container{align-items:center;display:flex;flex-direction:column-reverse;gap:1rem;justify-content:center;margin-top:1rem;text-align:center;width:100%}.mat-image{height:auto;width:160px}.card-dark,.mat-speech-bubble{max-width:95%;padding:1rem;width:100%}.card-dark{margin:1rem auto;text-align:center}.btn-option-dark{font-size:.95rem;padding:.8rem 1rem;text-align:center}}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;height:4px;position:absolute;width:100%}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{background-clip:content-box;border-bottom:5px solid #0000;border-top:5px solid #0000;box-sizing:initial;transform:translateY(-5px);z-index:1}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:14px;z-index:1}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:#0000;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-bottom:0;border-left:5px solid #0000;border-right:5px solid #0000;border-top:0;transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;position:absolute;touch-action:pan-y;z-index:1}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform:scale(0);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{opacity:0;transform:scale(0);transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}.detail-main-container-dark{background-color:var(--dark-bg);color:var(--text-light);min-height:100vh;padding:4rem}.detail-product-detail-layout-dark{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px}.detail-analysis-column{display:flex;flex-direction:column;gap:1.5rem}.detail-product-column{align-self:flex-start;height:fit-content;position:sticky;top:1.5rem}.detail-notebook-image-wrapper-dark{position:relative;width:100%}.detail-overall-score-container-dark{align-items:center;background-color:#1e1e1ee6;border:1px solid #444;border-radius:10px;color:#fff;display:flex;font-weight:600;gap:5px;padding:6px 10px;position:absolute;right:10px;top:10px;z-index:5}.detail-star-icon{color:gold;font-size:1rem}.detail-overall-score-value{font-size:1.1rem;font-weight:700}.detail-notebook-card-dark{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 20px #0006;padding:1.5rem;width:100%}.detail-notebook-image-dark{background-color:#2a2a2a;border-radius:10px;max-height:220px;object-fit:contain;padding:1rem;width:100%}.detail-notebook-title-dark{color:#fff;font-size:1.2rem;font-weight:700;margin:1rem 0;text-align:center}.detail-notebook-price-dark{background-color:#2a2a2a;border:1px solid #333;border-radius:10px;color:#fff;font-size:1.4rem;font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.detail-cta-button-dark{background:#f97316;border-radius:10px;color:#fff;display:block;font-weight:700;margin-top:1rem;padding:.8rem;text-align:center;text-decoration:none;transition:background .3s ease}.detail-cta-button-dark:hover{background:#e5620f}.detail-marketplace-info-dark{color:#bbb;font-size:.85rem;margin-top:.5rem;text-align:center}.detail-speech-bubble-container{align-items:flex-start;display:flex;gap:1.5rem}.detail-mat-image{border-radius:50%;box-shadow:0 6px 15px #f973164d;height:80px;object-fit:cover;width:80px}.detail-speech-bubble{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #555;border-radius:18px;box-shadow:0 8px 25px #00000080;flex:1 1;padding:1.5rem;position:relative}.detail-speech-bubble-header{align-items:center;border-bottom:2px solid #f97316;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.detail-speech-bubble-header h3{color:#f97316;font-size:1.4rem;font-weight:700;margin:0}.detail-speech-bubble-arrow{border-bottom:10px solid #0000;border-right:12px solid #2a2a2a;border-top:10px solid #0000;height:0;left:-12px;position:absolute;top:30px;width:0}.detail-speech-bubble-content h5{color:#e0e0e0;font-size:.95rem;line-height:1.6;margin:0}.detail-specs-card-dark{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 20px #0006;padding:1.2rem;width:100%}.detail-specs-header-container-dark{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.detail-specs-title-dark{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.detail-specs-grid-dark{grid-gap:.5rem 2rem;display:grid;gap:.5rem 2rem;grid-template-columns:1fr 1fr;margin-top:1rem;width:100%}.detail-spec-section-header-dark{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:.6rem;padding-bottom:.4rem}.detail-spec-section-score-dark{align-items:center;background:#ffffff0d;border:1px solid #444;border-radius:6px;display:inline-flex;font-size:.95rem;font-weight:700;gap:4px;justify-content:center;min-width:46px;padding:4px 10px 4px 8px;position:relative;text-align:right}.detail-score-value{font-weight:700}.detail-info-icon-inside{color:var(--text-muted);cursor:pointer;font-size:.85rem;line-height:1;margin-left:4px;position:relative;transition:color .2s ease}.detail-info-icon-inside:hover{color:var(--accent-orange)}.detail-info-icon-inside:after{background:#2a2a2a;border:1px solid #444;border-radius:6px;bottom:125%;color:var(--text-light);content:attr(data-tooltip);font-size:.75rem;padding:6px 10px;pointer-events:none;white-space:nowrap}.detail-info-icon-inside:after,.detail-info-icon-inside:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:9999}.detail-info-icon-inside:before{border:5px solid #0000;border-top-color:#2a2a2a;bottom:115%;content:""}.detail-info-icon-inside:hover:after,.detail-info-icon-inside:hover:before{opacity:1}.detail-spec-section-score-wrapper-dark{align-items:center;display:flex;gap:6px}.detail-info-icon-dark{color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;position:relative;transition:color .2s ease}.detail-info-icon-dark:hover{color:var(--accent-orange)}.detail-info-icon-dark:after{background:#2a2a2a;border:1px solid #444;border-radius:6px;bottom:125%;color:var(--text-light);content:attr(data-tooltip);font-size:.75rem;padding:6px 10px;pointer-events:none;white-space:nowrap}.detail-info-icon-dark:after,.detail-info-icon-dark:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:9999}.detail-info-icon-dark:before{border:5px solid #0000;border-top-color:#2a2a2a;bottom:115%;content:""}.detail-info-icon-dark:hover:after,.detail-info-icon-dark:hover:before{opacity:1}.detail-spec-section-dark{background:#1f1f1f;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000004d;height:auto;padding:1rem}.detail-spec-section-title-dark{align-items:center;color:#f0f0f0;display:flex;font-size:1rem;font-weight:600;justify-content:center;line-height:1.2;margin:0;text-align:center;width:100%}.detail-specs-inner-table-dark{border-collapse:collapse;table-layout:fixed;width:100%}.detail-spec-label-dark{word-wrap:break-word;color:#bbb;font-size:.9rem;padding:.4rem .6rem .4rem 0;text-align:left;vertical-align:top;white-space:nowrap;white-space:normal;width:50%}.detail-spec-value-dark{color:#eee;font-size:.9rem;padding:.4rem 0 .4rem .3rem;text-align:left;width:50%;word-break:break-word}@media (max-width:1200px){.detail-main-container-dark{padding:2.5rem}.detail-product-detail-layout-dark{gap:1.5rem;grid-template-columns:1.5fr 1fr;max-width:100%}}@media (max-width:900px){.detail-product-detail-layout-dark{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;max-width:100%;width:100%}.detail-main-container-dark{margin:0;overflow-x:hidden;padding:1.5rem;width:100%}.detail-analysis-column{order:1;width:100%}.detail-product-column{margin-top:1rem;order:2;position:static;width:100%}.detail-specs-grid-dark{gap:1rem;grid-template-columns:1fr;margin-top:1rem;width:100%}.detail-spec-section-dark{grid-column:1/-1!important;width:100%}}
/*# sourceMappingURL=main.586876bb.css.map*/