.bigfive-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(1vh);display:flex;align-items:center;justify-content:center;z-index:2000}.bigfive-modal-container{width:min(41.8vh,90%);max-height:85vh;background:linear-gradient(180deg,rgba(30,30,35,.95) 0,rgba(20,20,25,.98));border-radius:3.7vh;overflow:hidden;display:flex;flex-direction:column}.bigfive-modal-content{display:flex;flex-direction:column;height:100%;padding:2vh;overflow-y:auto}.bigfive-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2vh;min-height:4vh}.bigfive-modal-header h2{font-size:2vh;font-weight:600;color:var(--theme-text-primary);margin:0;flex:1;text-align:center}.bigfive-back-btn,.bigfive-close-btn{width:4vh;height:4vh;border:none;background:var(--theme-bg-card);border-radius:50%;color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bigfive-back-btn:hover,.bigfive-close-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.bigfive-start-screen{display:flex;flex-direction:column;align-items:center;padding:1vh 0}.bigfive-intro{text-align:center;margin-bottom:2vh}.bigfive-intro-emoji{font-size:5vh;display:block;margin-bottom:1vh}.bigfive-intro-text{font-size:1.4vh;color:var(--theme-text-secondary);line-height:1.6;margin:0}.bigfive-current-result{width:100%;padding:1.5vh;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);border-radius:1.5vh;margin-bottom:2vh}.bigfive-current-result .current-label{display:block;font-size:1vh;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.1vh;margin-bottom:1vh;text-align:center}.current-traits{display:flex;flex-direction:column;gap:.5vh}.current-trait-item{display:flex;align-items:center;gap:.8vh;padding:.5vh}.current-trait-item .trait-emoji{font-size:1.4vh}.current-trait-item .trait-name{font-size:1.2vh;color:var(--theme-text-secondary);flex:1}.current-trait-item .trait-value{font-size:1.2vh;color:var(--theme-text-primary);font-weight:600}.bigfive-start-options{width:100%;display:flex;flex-direction:column;gap:1vh;margin-bottom:2vh}.bigfive-option-btn{display:flex;align-items:center;gap:1.5vh;width:100%;padding:2vh;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:1.5vh;color:var(--theme-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.bigfive-option-btn:hover{background:var(--theme-bg-card);border-color:var(--theme-border)}.bigfive-option-btn.test{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2));border-color:rgba(139,92,246,.3)}.bigfive-option-btn.test:hover{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(59,130,246,.3))}.bigfive-option-btn svg:first-child{flex-shrink:0;color:var(--theme-text-secondary)}.bigfive-option-btn svg:last-child{margin-left:auto;color:var(--theme-text-tertiary)}.bigfive-option-btn .option-text{display:flex;flex-direction:column;gap:.3vh}.bigfive-option-btn .option-title{font-size:1.5vh;font-weight:600}.bigfive-option-btn .option-desc{font-size:1.1vh;color:var(--theme-text-secondary)}.bigfive-traits-preview{width:100%;padding:1.5vh;background:hsla(0,0%,100%,.03);border-radius:1.5vh}.traits-preview-title{font-size:1.1vh;color:var(--theme-text-secondary);margin-bottom:1vh;text-align:center}.traits-preview-list{display:flex;justify-content:space-around}.trait-preview-item{display:flex;flex-direction:column;align-items:center;gap:.3vh}.trait-preview-emoji{font-size:2vh}.trait-preview-name{font-size:1vh;color:var(--trait-color,hsla(0,0%,100%,.7))}.bigfive-test-screen{display:flex;flex-direction:column;flex:1;padding:1vh 0}.bigfive-progress-bar{width:100%;height:.5vh;background:var(--theme-bg-card);border-radius:1vh;overflow:hidden;margin-bottom:2vh}.bigfive-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:1vh;transition:width .3s ease}.bigfive-question-trait{text-align:center;font-size:1.2vh;color:var(--trait-color,hsla(0,0%,100%,.7));padding:.5vh 1vh;background:color-mix(in srgb,var(--trait-color,#8b5cf6) 15%,transparent);border-radius:1vh;width:fit-content;margin:0 auto 2vh}.bigfive-question{flex:1;display:flex;align-items:center;justify-content:center;padding:2vh;min-height:12vh}.bigfive-question .question-text{font-size:2vh;color:var(--theme-text-primary);text-align:center;line-height:1.6;margin:0}.bigfive-scale{margin-top:auto;padding:2vh 0}.bigfive-scale .scale-labels{display:flex;justify-content:space-between;margin-bottom:1vh}.bigfive-scale .scale-labels span{font-size:1vh;color:var(--theme-text-secondary)}.bigfive-scale .scale-buttons{display:flex;justify-content:space-between;gap:1vh}.bigfive-scale .scale-btn{flex:1;aspect-ratio:1;max-width:6vh;background:var(--theme-bg-card);border:2px solid var(--theme-border);border-radius:50%;color:var(--theme-text-secondary);font-size:1.8vh;font-weight:600;cursor:pointer;transition:all .2s ease}.bigfive-scale .scale-btn:hover{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.5);color:var(--theme-text-primary);transform:scale(1.05)}.bigfive-scale .scale-btn.selected{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:transparent;color:var(--theme-text-primary);transform:scale(1.1)}.bigfive-test-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2vh;padding-top:1.5vh;border-top:1px solid hsla(0,0%,100%,.1)}.bigfive-test-nav .test-nav-btn{display:flex;align-items:center;gap:.5vh;padding:1vh 1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:all .2s ease}.bigfive-test-nav .test-nav-btn:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.bigfive-test-nav .test-nav-btn:disabled{opacity:.3;cursor:not-allowed}.bigfive-test-nav .test-nav-progress{font-size:1.2vh;color:var(--theme-text-secondary)}.bigfive-result-screen{display:flex;flex-direction:column;padding:1vh 0}.bigfive-profile-code{display:flex;flex-direction:column;align-items:center;gap:.5vh;padding:2vh;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border-radius:2vh;margin-bottom:2vh}.bigfive-profile-code .profile-label{font-size:1vh;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.1vh}.bigfive-profile-code .profile-code{font-size:3.5vh;font-weight:700;color:var(--theme-text-primary);letter-spacing:.3vh;font-family:Courier New,monospace}.bigfive-dominant-traits{display:flex;flex-direction:column;gap:1vh;margin-bottom:2vh}.dominant-trait-card{display:flex;align-items:center;gap:1vh;padding:1.5vh;background:color-mix(in srgb,var(--trait-color,#8b5cf6) 10%,transparent);border:1px solid color-mix(in srgb,var(--trait-color,#8b5cf6) 30%,transparent);border-radius:1.5vh}.dominant-trait-card .dominant-emoji{font-size:2.5vh}.dominant-trait-card .dominant-info{flex:1;display:flex;flex-direction:column;gap:.2vh}.dominant-trait-card .dominant-name{font-size:1.4vh;font-weight:600;color:var(--theme-text-primary)}.dominant-trait-card .dominant-label{font-size:1.1vh;color:var(--trait-color,hsla(0,0%,100%,.6))}.dominant-trait-card .dominant-percent{font-size:1.8vh;font-weight:700;color:var(--theme-text-primary)}.bigfive-scores{background:hsla(0,0%,100%,.03);border-radius:1.5vh;padding:1.5vh;margin-bottom:1.5vh}.bigfive-scores h4{font-size:1.2vh;color:var(--theme-text-secondary);margin:0 0 1.5vh;font-weight:500}.bigfive-scores .score-bars{display:flex;flex-direction:column;gap:1.2vh}.bigfive-scores .score-bar-item{display:flex;flex-direction:column;gap:.5vh}.bigfive-scores .score-trait-info{display:flex;align-items:center;gap:.5vh}.bigfive-scores .score-emoji{font-size:1.3vh}.bigfive-scores .score-name{font-size:1.2vh;color:var(--theme-text-primary)}.bigfive-scores .score-bar-wrapper{display:flex;align-items:center;gap:.8vh}.bigfive-scores .score-bar-bg{flex:1;height:.8vh;background:var(--theme-bg-card);border-radius:.5vh;overflow:hidden}.bigfive-scores .score-bar-fill{height:100%;border-radius:.5vh;transition:width .5s ease}.bigfive-scores .score-percent{font-size:1.1vh;color:var(--theme-text-secondary);font-weight:600;width:4vh;text-align:right}.bigfive-scores .score-label{font-size:1vh;color:var(--theme-text-secondary);margin-left:2.5vh}.bigfive-result-actions{display:flex;gap:1vh;margin-top:1.5vh}.result-retry-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.3vh;cursor:pointer;transition:all .2s ease}.result-retry-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.result-save-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease}.result-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.result-save-btn:disabled{opacity:.5;cursor:not-allowed}.bigfive-select-screen{display:flex;flex-direction:column;padding:1vh 0}.bigfive-back-to-start{display:flex;align-items:center;gap:.3vh;padding:.8vh 0;background:transparent;border:none;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:color .2s ease;margin-bottom:1vh}.bigfive-back-to-start:hover{color:var(--theme-text-primary)}.bigfive-select-desc{font-size:1.2vh;color:var(--theme-text-secondary);text-align:center;margin:0 0 2vh}.bigfive-sliders{gap:2vh}.bigfive-sliders,.slider-item{display:flex;flex-direction:column}.slider-item{gap:.8vh}.slider-header{display:flex;align-items:center;gap:.8vh}.slider-header .slider-emoji{font-size:1.6vh}.slider-header .slider-name{font-size:1.3vh;color:var(--theme-text-primary);font-weight:500;flex:1}.slider-header .slider-value{font-size:1.4vh;color:var(--trait-color,hsla(0,0%,100%,.9));font-weight:600}.slider-labels{display:flex;justify-content:space-between}.slider-labels .label-high,.slider-labels .label-low{font-size:.9vh;color:var(--theme-text-tertiary)}.bigfive-slider{-webkit-appearance:none;appearance:none;width:100%;height:.6vh;background:var(--theme-bg-card);border-radius:.5vh;outline:none;cursor:pointer}.bigfive-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2vh;height:2vh;background:var(--trait-color,#8b5cf6);border-radius:50%;cursor:pointer;transition:transform .2s ease}.bigfive-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.bigfive-slider::-moz-range-thumb{width:2vh;height:2vh;background:var(--trait-color,#8b5cf6);border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.bigfive-slider::-moz-range-thumb:hover{transform:scale(1.2)}.bigfive-modal-actions{display:flex;gap:1vh;margin-top:2vh}.bigfive-save-btn{flex:1;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5vh}.bigfive-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.bigfive-save-btn:disabled{opacity:.5;cursor:not-allowed}.readingstyle-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(1vh);display:flex;align-items:center;justify-content:center;z-index:2000}.readingstyle-modal-container{width:min(41.8vh,90%);max-height:85vh;background:linear-gradient(180deg,rgba(30,30,35,.95) 0,rgba(20,20,25,.98));border-radius:3.7vh;overflow:hidden;display:flex;flex-direction:column}.readingstyle-modal-content{display:flex;flex-direction:column;height:100%;padding:2vh;overflow-y:auto}.readingstyle-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2vh;min-height:4vh}.readingstyle-modal-header h2{font-size:2vh;font-weight:600;color:var(--theme-text-primary);margin:0;flex:1;text-align:center}.readingstyle-back-btn,.readingstyle-close-btn{width:4vh;height:4vh;border:none;background:var(--theme-bg-card);border-radius:50%;color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.readingstyle-back-btn:hover,.readingstyle-close-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.readingstyle-start-screen{display:flex;flex-direction:column;align-items:center;padding:1vh 0}.readingstyle-intro{text-align:center;margin-bottom:2vh}.readingstyle-intro-emoji{font-size:5vh;display:block;margin-bottom:1vh}.readingstyle-intro-text{font-size:1.4vh;color:var(--theme-text-secondary);line-height:1.6;margin:0}.readingstyle-current-result{width:100%;padding:1.5vh;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:1.5vh;margin-bottom:2vh}.readingstyle-current-result .current-label{display:block;font-size:1vh;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.1vh;margin-bottom:1vh;text-align:center}.current-type-card{display:flex;align-items:center;gap:1vh;padding:.5vh}.current-type-card .type-emoji{font-size:2.5vh}.current-type-card .type-info{display:flex;flex-direction:column}.current-type-card .type-name{font-size:1.4vh;font-weight:600;color:var(--theme-text-primary)}.current-type-card .type-subtitle{font-size:1.1vh;color:var(--theme-text-secondary)}.readingstyle-start-options{width:100%;display:flex;flex-direction:column;gap:1vh;margin-bottom:2vh}.readingstyle-option-btn{display:flex;align-items:center;gap:1.5vh;width:100%;padding:2vh;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:1.5vh;color:var(--theme-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.readingstyle-option-btn:hover{background:var(--theme-bg-card);border-color:var(--theme-border)}.readingstyle-option-btn.test{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.2));border-color:rgba(16,185,129,.3)}.readingstyle-option-btn.test:hover{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(6,182,212,.3))}.readingstyle-option-btn svg:first-child{flex-shrink:0;color:var(--theme-text-secondary)}.readingstyle-option-btn svg:last-child{margin-left:auto;color:var(--theme-text-tertiary)}.readingstyle-option-btn .option-text{display:flex;flex-direction:column;gap:.3vh}.readingstyle-option-btn .option-title{font-size:1.5vh;font-weight:600}.readingstyle-option-btn .option-desc{font-size:1.1vh;color:var(--theme-text-secondary)}.readingstyle-dimensions-preview{width:100%;padding:1.5vh;background:hsla(0,0%,100%,.03);border-radius:1.5vh}.dimensions-preview-title{font-size:1.1vh;color:var(--theme-text-secondary);margin-bottom:1vh;text-align:center}.dimensions-preview-list{display:flex;justify-content:space-around}.dimension-preview-item{display:flex;flex-direction:column;align-items:center;gap:.3vh}.dim-preview-emoji{font-size:2vh}.dim-preview-name{font-size:1vh;color:var(--dim-color,hsla(0,0%,100%,.7))}.readingstyle-test-screen{display:flex;flex-direction:column;flex:1;padding:1vh 0}.readingstyle-progress-bar{width:100%;height:.5vh;background:var(--theme-bg-card);border-radius:1vh;overflow:hidden;margin-bottom:2vh}.readingstyle-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:1vh;transition:width .3s ease}.readingstyle-question-dimension{text-align:center;font-size:1.2vh;color:var(--dim-color,hsla(0,0%,100%,.7));padding:.5vh 1vh;background:color-mix(in srgb,var(--dim-color,#10b981) 15%,transparent);border-radius:1vh;width:fit-content;margin:0 auto 2vh}.readingstyle-options{flex:1;display:flex;flex-direction:column;gap:1.5vh;justify-content:center;padding:1vh 0}.option-card{display:flex;flex-direction:column;align-items:center;gap:1vh;padding:2vh;background:var(--theme-bg-card);border:2px solid var(--theme-border);border-radius:1.5vh;cursor:pointer;transition:all .2s ease;text-align:center}.option-card:hover{background:var(--theme-bg-card);border-color:var(--theme-border)}.option-card.selected{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.6)}.option-card .option-label{width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-card);border-radius:50%;font-size:1.4vh;font-weight:700;color:var(--theme-text-secondary)}.option-card.selected .option-label{background:rgba(16,185,129,.8);color:var(--theme-text-primary)}.option-card .option-text{font-size:1.4vh;color:var(--theme-text-primary);line-height:1.5;margin:0}.option-divider{display:flex;align-items:center;justify-content:center}.option-divider span{font-size:1.2vh;color:var(--theme-text-tertiary);font-weight:600}.readingstyle-test-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2vh;padding-top:1.5vh;border-top:1px solid hsla(0,0%,100%,.1)}.readingstyle-test-nav .test-nav-btn{display:flex;align-items:center;gap:.5vh;padding:1vh 1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:all .2s ease}.readingstyle-test-nav .test-nav-btn:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.readingstyle-test-nav .test-nav-btn:disabled{opacity:.3;cursor:not-allowed}.readingstyle-test-nav .test-nav-progress{font-size:1.2vh;color:var(--theme-text-secondary)}.readingstyle-result-screen{display:flex;flex-direction:column;padding:1vh 0}.readingstyle-main-result{display:flex;align-items:center;gap:1.5vh;padding:2vh;background:color-mix(in srgb,var(--type-color,#10b981) 15%,transparent);border:1px solid color-mix(in srgb,var(--type-color,#10b981) 30%,transparent);border-radius:2vh;margin-bottom:1.5vh}.readingstyle-main-result .result-emoji{font-size:4vh}.readingstyle-main-result .result-type{display:flex;flex-direction:column}.readingstyle-main-result .result-name{font-size:2vh;font-weight:700;color:var(--theme-text-primary)}.readingstyle-main-result .result-subtitle{font-size:1.2vh;color:var(--theme-text-secondary)}.result-description{font-size:1.3vh;color:var(--theme-text-secondary);line-height:1.6;margin:0 0 1.5vh}.result-traits{display:flex;flex-wrap:wrap;gap:.5vh;margin-bottom:1.5vh}.trait-tag{font-size:1vh;padding:.4vh .8vh;color:var(--theme-text-primary)}.result-recommendation,.trait-tag{background:var(--theme-bg-card);border-radius:1vh}.result-recommendation{padding:1vh;margin-bottom:1.5vh}.result-recommendation .rec-label{display:block;font-size:1vh;color:var(--theme-text-secondary);margin-bottom:.3vh}.result-recommendation .rec-text{font-size:1.2vh;color:var(--theme-text-primary)}.readingstyle-scores{background:hsla(0,0%,100%,.03);border-radius:1.5vh;padding:1.5vh;margin-bottom:1.5vh}.readingstyle-scores h4{font-size:1.2vh;color:var(--theme-text-secondary);margin:0 0 1.5vh;font-weight:500}.score-items{gap:1.5vh}.score-item,.score-items{display:flex;flex-direction:column}.score-item{gap:.5vh}.score-header{display:flex;align-items:center;gap:.5vh}.score-header .score-emoji{font-size:1.2vh}.score-header .score-name{font-size:1.1vh;color:var(--theme-text-secondary)}.score-bar-container{display:flex;align-items:center;gap:.8vh}.score-bar-container .pole-label{font-size:.9vh;color:var(--theme-text-secondary);width:5vh;flex-shrink:0}.score-bar-container .pole-label:last-child{text-align:right}.score-bar-bg{flex:1;height:.6vh;background:var(--theme-bg-card);border-radius:.5vh;overflow:visible;position:relative}.score-bar-fill{height:100%;border-radius:.5vh;transition:width .5s ease}.score-bar-marker{position:absolute;top:50%;width:1vh;height:1vh;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px rgba(0,0,0,.3)}.readingstyle-result-actions{display:flex;gap:1vh;margin-top:1.5vh}.readingstyle-result-actions .result-retry-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.3vh;cursor:pointer;transition:all .2s ease}.readingstyle-result-actions .result-retry-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.readingstyle-result-actions .result-save-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease}.readingstyle-result-actions .result-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.readingstyle-result-actions .result-save-btn:disabled{opacity:.5;cursor:not-allowed}.readingstyle-select-screen{display:flex;flex-direction:column;padding:1vh 0}.readingstyle-back-to-start{display:flex;align-items:center;gap:.3vh;padding:.8vh 0;background:transparent;border:none;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:color .2s ease;margin-bottom:1vh}.readingstyle-back-to-start:hover{color:var(--theme-text-primary)}.readingstyle-select-desc{font-size:1.2vh;color:var(--theme-text-secondary);text-align:center;margin:0 0 2vh}.readingstyle-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1vh;margin-bottom:2vh}.type-card{display:flex;flex-direction:column;align-items:center;gap:.3vh;padding:1.2vh .5vh;border:2px solid transparent;border-radius:1.5vh;cursor:pointer;transition:all .2s ease;position:relative}.type-card,.type-card:hover{background:var(--theme-bg-card)}.type-card:hover{border-color:var(--type-color,hsla(0,0%,100%,.2))}.type-card.selected{background:color-mix(in srgb,var(--type-color,#10b981) 15%,transparent);border-color:var(--type-color,#10b981)}.type-card.current{border-color:var(--theme-text-tertiary)}.type-card-emoji{font-size:2vh}.type-card-name{font-size:1vh;font-weight:600;color:var(--theme-text-primary);text-align:center}.type-card-subtitle{font-size:.8vh;color:var(--theme-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.type-current-badge{position:absolute;top:.3vh;right:.3vh;font-size:.7vh;background:rgba(16,185,129,.8);color:var(--theme-text-primary);padding:.2vh .4vh;border-radius:.4vh}.readingstyle-selected-info{padding:1.5vh;background:var(--theme-bg-card);border-radius:1.5vh;margin-bottom:2vh}.selected-header{display:flex;align-items:center;gap:1vh;margin-bottom:1vh}.selected-emoji{font-size:2.5vh}.selected-title{display:flex;flex-direction:column}.selected-name{font-size:1.5vh;font-weight:600;color:var(--theme-text-primary)}.selected-subtitle{font-size:1.1vh;color:var(--type-color,hsla(0,0%,100%,.6))}.selected-description{font-size:1.2vh;color:var(--theme-text-secondary);line-height:1.5;margin:0 0 1vh}.selected-traits{display:flex;flex-wrap:wrap;gap:.5vh}.readingstyle-modal-actions{display:flex;gap:1vh}.readingstyle-save-btn{flex:1;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5vh}.readingstyle-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.readingstyle-save-btn:disabled{opacity:.5;cursor:not-allowed}.lovelang-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(1vh);display:flex;align-items:center;justify-content:center;z-index:2000}.lovelang-modal-container{width:min(41.8vh,90%);max-height:85vh;background:linear-gradient(180deg,rgba(30,30,35,.95) 0,rgba(20,20,25,.98));border-radius:3.7vh;overflow:hidden;display:flex;flex-direction:column}.lovelang-modal-content{display:flex;flex-direction:column;height:100%;padding:2vh;overflow-y:auto}.lovelang-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2vh;min-height:4vh}.lovelang-modal-header h2{font-size:2vh;font-weight:600;color:var(--theme-text-primary);margin:0;flex:1;text-align:center}.lovelang-back-btn,.lovelang-close-btn{width:4vh;height:4vh;border:none;background:var(--theme-bg-card);border-radius:50%;color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lovelang-back-btn:hover,.lovelang-close-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.lovelang-start-screen{display:flex;flex-direction:column;align-items:center;padding:1vh 0}.lovelang-intro{text-align:center;margin-bottom:2vh}.lovelang-intro-emoji{font-size:5vh;display:block;margin-bottom:1vh}.lovelang-intro-text{font-size:1.4vh;color:var(--theme-text-secondary);line-height:1.6;margin:0}.lovelang-current-result{width:100%;padding:1.5vh;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:1.5vh;margin-bottom:2vh}.lovelang-current-result .current-label{display:block;font-size:1vh;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.1vh;margin-bottom:1vh;text-align:center}.current-languages{display:flex;flex-direction:column;gap:.8vh}.current-lang{display:flex;align-items:center;gap:.8vh;padding:.8vh 1vh;background:color-mix(in srgb,var(--lang-color,#ef4444) 10%,transparent);border-radius:1vh}.current-lang .lang-rank{font-size:.9vh;color:var(--lang-color,hsla(0,0%,100%,.6));font-weight:600;width:3vh}.current-lang .lang-emoji{font-size:1.6vh}.current-lang .lang-name{font-size:1.2vh;color:var(--theme-text-primary);flex:1}.lovelang-start-options{width:100%;display:flex;flex-direction:column;gap:1vh;margin-bottom:2vh}.lovelang-option-btn{display:flex;align-items:center;gap:1.5vh;width:100%;padding:2vh;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:1.5vh;color:var(--theme-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.lovelang-option-btn:hover{background:var(--theme-bg-card);border-color:var(--theme-border)}.lovelang-option-btn.test{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(236,72,153,.2));border-color:rgba(239,68,68,.3)}.lovelang-option-btn.test:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(236,72,153,.3))}.lovelang-option-btn svg:first-child{flex-shrink:0;color:var(--theme-text-secondary)}.lovelang-option-btn svg:last-child{margin-left:auto;color:var(--theme-text-tertiary)}.lovelang-option-btn .option-text{display:flex;flex-direction:column;gap:.3vh}.lovelang-option-btn .option-title{font-size:1.5vh;font-weight:600}.lovelang-option-btn .option-desc{font-size:1.1vh;color:var(--theme-text-secondary)}.lovelang-languages-preview{width:100%;padding:1.5vh;background:hsla(0,0%,100%,.03);border-radius:1.5vh}.languages-preview-title{font-size:1.1vh;color:var(--theme-text-secondary);margin-bottom:1vh;text-align:center}.languages-preview-list{display:flex;justify-content:space-around}.lang-preview-item{display:flex;flex-direction:column;align-items:center;gap:.3vh}.lang-preview-emoji{font-size:2vh}.lang-preview-name{font-size:.9vh;color:var(--lang-color,hsla(0,0%,100%,.7));text-align:center}.lovelang-test-screen{display:flex;flex-direction:column;flex:1;padding:1vh 0}.lovelang-progress-bar{width:100%;height:.5vh;background:var(--theme-bg-card);border-radius:1vh;overflow:hidden;margin-bottom:2vh}.lovelang-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#ec4899);border-radius:1vh;transition:width .3s ease}.lovelang-question-languages{gap:1.5vh;margin-bottom:2vh}.lang-indicator,.lovelang-question-languages{display:flex;align-items:center;justify-content:center}.lang-indicator{font-size:2vh;width:4vh;height:4vh;background:color-mix(in srgb,var(--lang-color,#ef4444) 15%,transparent);border-radius:50%}.vs-text{font-size:1.2vh;color:var(--theme-text-tertiary);font-weight:600}.lovelang-options{flex:1;display:flex;flex-direction:column;gap:1.5vh;justify-content:center;padding:1vh 0}.lovelang-options .option-card{display:flex;flex-direction:column;align-items:center;gap:1vh;padding:2vh;background:var(--theme-bg-card);border:2px solid var(--theme-border);border-radius:1.5vh;cursor:pointer;transition:all .2s ease;text-align:center}.lovelang-options .option-card:hover{background:var(--theme-bg-card);border-color:var(--lang-color,hsla(0,0%,100%,.3))}.lovelang-options .option-card.selected{background:color-mix(in srgb,var(--lang-color,#ef4444) 15%,transparent);border-color:var(--lang-color,#ef4444)}.lovelang-options .option-emoji{font-size:2vh}.lovelang-options .option-text{font-size:1.3vh;color:var(--theme-text-primary);line-height:1.5;margin:0}.lovelang-test-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2vh;padding-top:1.5vh;border-top:1px solid hsla(0,0%,100%,.1)}.lovelang-test-nav .test-nav-btn{display:flex;align-items:center;gap:.5vh;padding:1vh 1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:all .2s ease}.lovelang-test-nav .test-nav-btn:hover:not(:disabled){background:var(--theme-bg-hover);color:var(--theme-text-primary)}.lovelang-test-nav .test-nav-btn:disabled{opacity:.3;cursor:not-allowed}.lovelang-test-nav .test-nav-progress{font-size:1.2vh;color:var(--theme-text-secondary)}.lovelang-result-screen{display:flex;flex-direction:column;padding:1vh 0}.lovelang-main-result{display:flex;flex-direction:column;gap:1vh;margin-bottom:1.5vh}.primary-language,.secondary-language{display:flex;align-items:center;gap:1vh;padding:1.5vh;background:color-mix(in srgb,var(--lang-color,#ef4444) 12%,transparent);border:1px solid color-mix(in srgb,var(--lang-color,#ef4444) 30%,transparent);border-radius:1.5vh}.primary-language{padding:2vh}.secondary-language{padding:1.2vh;opacity:.85}.lovelang-main-result .result-rank{font-size:1vh;color:var(--lang-color,hsla(0,0%,100%,.6));font-weight:700;width:3.5vh}.lovelang-main-result .result-emoji{font-size:2.5vh}.secondary-language .result-emoji{font-size:2vh}.lovelang-main-result .result-info{flex:1;display:flex;flex-direction:column}.lovelang-main-result .result-name{font-size:1.5vh;font-weight:600;color:var(--theme-text-primary)}.secondary-language .result-name{font-size:1.3vh}.lovelang-main-result .result-english{font-size:1vh;color:var(--theme-text-secondary)}.lovelang-main-result .result-score{font-size:1.4vh;font-weight:700;color:var(--lang-color,#fff)}.lovelang-description{background:hsla(0,0%,100%,.03);border-radius:1.5vh;padding:1.5vh;margin-bottom:1.5vh}.lovelang-description p{font-size:1.3vh;color:var(--theme-text-primary);line-height:1.5;margin:0 0 1vh}.description-details{gap:.8vh}.description-details,.detail-item{display:flex;flex-direction:column}.detail-item{gap:.2vh}.detail-label{font-size:.9vh}.detail-label,.detail-text{color:var(--theme-text-secondary)}.detail-text{font-size:1.1vh}.lovelang-scores{background:hsla(0,0%,100%,.03);border-radius:1.5vh;padding:1.5vh;margin-bottom:1.5vh}.lovelang-scores h4{font-size:1.2vh;color:var(--theme-text-secondary);margin:0 0 1.5vh;font-weight:500}.lovelang-scores .score-items{display:flex;flex-direction:column;gap:1vh}.lovelang-scores .score-item{display:flex;align-items:center;gap:.8vh}.lovelang-scores .score-item.primary{opacity:1}.lovelang-scores .score-rank{font-size:1vh;color:var(--lang-color,hsla(0,0%,100%,.5));font-weight:600;width:2vh}.lovelang-scores .score-emoji{font-size:1.3vh}.lovelang-scores .score-name{font-size:1vh;color:var(--theme-text-secondary);width:6vh;flex-shrink:0}.lovelang-scores .score-bar-wrapper{flex:1;display:flex;align-items:center;gap:.5vh}.lovelang-scores .score-bar-bg{flex:1;height:.6vh;background:var(--theme-bg-card);border-radius:.5vh;overflow:hidden}.lovelang-scores .score-bar-fill{height:100%;border-radius:.5vh;transition:width .5s ease}.lovelang-scores .score-value{font-size:1vh;color:var(--theme-text-secondary);width:2vh;text-align:right}.lovelang-result-actions{display:flex;gap:1vh;margin-top:1.5vh}.lovelang-result-actions .result-retry-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:var(--theme-bg-card);border:none;border-radius:1vh;color:var(--theme-text-secondary);font-size:1.3vh;cursor:pointer;transition:all .2s ease}.lovelang-result-actions .result-retry-btn:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.lovelang-result-actions .result-save-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:.5vh;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease}.lovelang-result-actions .result-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lovelang-result-actions .result-save-btn:disabled{opacity:.5;cursor:not-allowed}.lovelang-select-screen{display:flex;flex-direction:column;padding:1vh 0}.lovelang-back-to-start{display:flex;align-items:center;gap:.3vh;padding:.8vh 0;background:transparent;border:none;color:var(--theme-text-secondary);font-size:1.2vh;cursor:pointer;transition:color .2s ease;margin-bottom:1vh}.lovelang-back-to-start:hover{color:var(--theme-text-primary)}.lovelang-select-desc{font-size:1.2vh;color:var(--theme-text-secondary);text-align:center;margin:0 0 2vh}.lovelang-select-section{margin-bottom:2vh}.select-section-label{display:block;font-size:1.1vh;color:var(--theme-text-secondary);margin-bottom:1vh}.lovelang-select-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8vh}.lang-card{display:flex;flex-direction:column;align-items:center;gap:.3vh;padding:1vh .3vh;background:var(--theme-bg-card);border:2px solid transparent;border-radius:1vh;cursor:pointer;transition:all .2s ease;position:relative}.lang-card:hover:not(.disabled){background:var(--theme-bg-card);border-color:var(--lang-color,hsla(0,0%,100%,.2))}.lang-card.selected{background:color-mix(in srgb,var(--lang-color,#ef4444) 15%,transparent);border-color:var(--lang-color,#ef4444)}.lang-card.current{border-color:var(--theme-text-tertiary)}.lang-card.disabled{opacity:.3;cursor:not-allowed}.lang-card-emoji{font-size:1.8vh}.lang-card-name{font-size:.8vh;color:var(--theme-text-primary);text-align:center}.lang-current-badge{position:absolute;top:.3vh;right:.3vh;font-size:.6vh;background:rgba(239,68,68,.8);color:var(--theme-text-primary);padding:.15vh .3vh;border-radius:.3vh}.lovelang-selected-info{padding:1.5vh;background:var(--theme-bg-card);border-radius:1.5vh;margin-bottom:2vh}.lovelang-selected-info .selected-header{display:flex;align-items:center;gap:1vh;margin-bottom:1vh}.lovelang-selected-info .selected-emoji{font-size:2.5vh}.lovelang-selected-info .selected-title{display:flex;flex-direction:column}.lovelang-selected-info .selected-name{font-size:1.5vh;font-weight:600;color:var(--theme-text-primary)}.lovelang-selected-info .selected-english{font-size:1vh;color:var(--lang-color,hsla(0,0%,100%,.6))}.lovelang-selected-info .selected-description{font-size:1.2vh;color:var(--theme-text-secondary);line-height:1.5;margin:0}.lovelang-modal-actions{display:flex;gap:1vh}.lovelang-save-btn{flex:1;padding:1.5vh;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1vh;color:var(--theme-text-primary);font-size:1.3vh;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5vh}.lovelang-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lovelang-save-btn:disabled{opacity:.5;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body,html{touch-action:manipulation;-webkit-overflow-scrolling:touch}.friends-page-wrapper{position:fixed;background-color:transparent;color:var(--theme-text-primary);display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;height:100vh;width:100%;box-sizing:border-box;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:background-image .5s ease-in-out}.friends-page-wrapper.has-video-background{background:none}.friends-page-wrapper.has-video-background iframe,.friends-page-wrapper.has-video-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;border:none;pointer-events:none}.friends-page-wrapper.has-video-background iframe{min-width:100%;min-height:100%;transform-origin:center}.tab-content-container.friends-tab{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.friends-container,.messenger-container{width:calc(53vh * (320 / 420) * .9 + 2.8vh);max-width:calc(53vh * (320 / 420) * .9 + 2.8vh);height:100vh;max-height:100vh;background-color:transparent;display:flex;flex-direction:column;position:relative;margin:0;padding:0}.status-indicator{padding:.5vh 1vh;border-radius:1.4vh;font-size:1.4vh;font-weight:500;text-align:center;min-width:7.5vh}.status-indicator.friend{background-color:#4ade80;color:#000}.status-indicator.sent{background-color:#fbbf24;color:#000}.status-indicator.received{background-color:#3b82f6;color:var(--theme-text-primary)}.friend-badge{font-size:1.4vh;text-align:center}.friend-badge.exchange{border-radius:.8vh;position:relative;background-color:transparent}.exchange-icon-overlay,.friend-badge.exchange{display:flex;align-items:center;justify-content:center}.exchange-icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:0;pointer-events:none}.exchange-square{position:absolute;width:3.066vh;height:4.6vh;background-color:var(--theme-bg-card);border-radius:.8vh;opacity:.5}.exchange-square.left{left:0}.exchange-square.right{right:0}.friend-badge.exchange>:not(.exchange-icon-overlay){position:relative;z-index:1}.request-actions{display:flex;gap:1vh}.friends-container:after,.friends-container:before,.messenger-container:after,.messenger-container:before{display:none!important}.messenger-header{display:none}.friends-header{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:10vh;margin-bottom:3vh;gap:1vh}body.ios .friends-header{padding-top:8vh}.friends-header>*{opacity:1}.friends-content,.friends-list{flex:1;overflow-y:scroll!important;overflow-x:hidden;padding:0 0 9.5vh;min-height:0;background-color:transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:calc(100vh - 10vh)}.friends-content::-webkit-scrollbar,.friends-list::-webkit-scrollbar{display:none}.friends-content,.friends-list{-ms-overflow-style:none;scrollbar-width:none}.friends-list.modal-open{opacity:0;pointer-events:none}.friends-profile-section{width:100%;display:flex;justify-content:center;margin-bottom:1vh;margin-top:9vh}.friends-profile-section .profile-section{position:static;transform:none;top:auto;left:auto}.friends-stats-section{width:100%;margin-bottom:3vh;overflow:visible}.friends-stats-section .stats-section{position:static;transform:none;top:auto;left:auto;width:100%}.friends-stats-section .search-input-container{position:static;transform:none;top:auto;left:auto;margin:0 auto}.friends-search-section{width:100%;padding:0;margin-bottom:2vh}.friends-search-input-container{position:relative;width:100%;height:4.6vh;display:flex;align-items:center}.friends-search-input{width:100%;height:100%;background-color:var(--theme-bg-card);border:none;border-radius:2.5vh;color:var(--theme-text-primary);font-size:1.7vh;padding:0 4.6vh 0 2vh;outline:none}.friends-search-input:focus,.friends-search-input:hover{background-color:var(--theme-bg-hover)}.friends-search-input:focus{outline:none}.friends-search-input::placeholder{color:#888}.friends-clear-search-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4.6vh;height:4.6vh;background-color:transparent;border:none;color:#888;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .3s ease,background-color .3s ease}.friends-clear-search-btn svg{width:2.5vh;height:2.5vh;stroke-width:2}.friends-clear-search-btn:hover{color:var(--theme-text-primary);background-color:transparent}.friend-item{display:flex;align-items:center;padding:2vh 1.4vh;cursor:pointer;height:7vh;transition:opacity .3s;opacity:1}.friend-item.hidden{display:none}.friend-item.favorite .action-btn{color:var(--theme-text-primary)}.friend-item.favorite .action-btn svg{filter:brightness(1.2)}.friend-item.dragging{opacity:.5}.avatar,.friend-avatar{width:4.6vh;height:4.6vh;border-radius:50%;margin-right:1.4vh;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.8vh;flex-shrink:0;position:relative;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{color:var(--theme-text-primary);font-weight:700;font-size:1.8vh}.avatar-initials.hidden{display:none}.avatar-group{height:4.6vh;margin-right:1.4vh;position:relative;flex-shrink:0;display:flex;align-items:center}.avatar-group.participants-1{width:4.6vh}.avatar-group.participants-2{width:6.9vh}.avatar-group.participants-3{width:9.2vh}.avatar-group.participants-4,.avatar-group.with-join{width:11.5vh}.avatar-group .group-avatar{width:4.6vh;height:4.6vh;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;font-size:1.8vh;font-weight:700;overflow:hidden}.avatar-group .group-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-group .group-avatar .avatar-initials{color:var(--theme-text-primary);font-weight:700;font-size:1.8vh}.avatar-group .group-avatar .avatar-initials.hidden{display:none}.avatar-group .group-avatar:first-child{left:0;z-index:1}.avatar-group .group-avatar:nth-child(2){left:2.3vh;z-index:2}.avatar-group .group-avatar:nth-child(3){left:4.6vh;z-index:3}.chat-info,.friend-info{flex:1;min-width:0;padding-right:1.4vh}.friend-name{color:var(--theme-text-primary);transition:color .3s ease}.chat-name,.friend-name{font-size:1.7vh;font-weight:500;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer}.chat-name{opacity:.8;transition:opacity .3s ease}.chat-name:hover,.friend-name:hover{color:var(--theme-text-primary)}.friend-name.editable{cursor:pointer;transition:color .2s}.friend-name.editable:hover{color:#0084ff}.friend-name-edit{background-color:#2a2a2a;border:.125vh solid #0084ff;color:var(--theme-text-primary);font-size:1.7vh;font-weight:500;padding:.25vh .75vh;border-radius:.5vh;outline:none;width:100%;margin-bottom:.3vh}.chat-last-message,.friend-status{font-size:1.4vh;font-weight:300;color:var(--theme-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color .3s ease;cursor:pointer}.chat-last-message:hover,.friend-status:hover{color:var(--theme-text-primary)}.unread-badge{background:rgba(239,68,68,.7)!important;color:#fff!important;border-radius:50%}.friend-badge,.unread-badge{width:4.6vh;height:4.6vh;display:flex;align-items:center;justify-content:center;font-size:1.6vh;font-weight:500;flex-shrink:0;cursor:pointer;transition:color .3s ease}.friend-badge{background-color:#3a3a3a;color:var(--theme-text-secondary);border-radius:2.5vh;border-bottom-left-radius:.3vh}.friend-badge:hover{background-color:#4a4a4a;color:var(--theme-text-primary)}.unread-badge:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a)!important;color:var(--theme-text-primary)!important}.friend-badge.joinable{background-color:var(--theme-bg-card)}.friend-badge.friend,.friend-badge.friend.friend{background-color:var(--theme-bg-card)!important;color:var(--theme-text-secondary)!important}.friend-badge.friend.friend:hover,.friend-badge.friend:hover{background-color:var(--theme-bg-hover)!important;color:var(--theme-text-primary)!important}.friend-badge.friend.has-unread,.friend-badge.has-unread,.friend-badge.joinable.has-unread{background-color:rgba(239,68,68,.6)!important;color:#fff!important}.friend-actions{position:relative;min-width:4.6vh;flex-shrink:0;display:flex;align-items:center;gap:.75vh}.action-buttons-container .action-btn,.friend-item .action-btn{width:4.6vh;height:4.6vh;padding:0;gap:0;background-color:var(--theme-bg-card);border:none;border-radius:50%;color:var(--theme-text-secondary);cursor:pointer;transition:color .3s ease,background-color .3s ease;display:flex;align-items:center;justify-content:center}.action-buttons-container .action-btn:hover,.friend-item .action-btn:hover{background-color:var(--theme-bg-hover);color:var(--theme-text-primary)}.action-buttons-container .action-btn svg,.friend-item .action-btn svg{width:1.8vh;height:1.8vh;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.action-btn.accept:hover,.action-btn.favorite-active{color:var(--theme-text-primary)}.action-btn.reject,.action-btn.reject-hidden{opacity:0;pointer-events:none}.friend-item:hover .action-btn.reject,.friend-item:hover .action-btn.reject-hidden{opacity:1;pointer-events:all}.action-btn.pending:hover{background:var(--theme-bg-hover);color:var(--theme-text-primary)}.action-btn.add{color:var(--theme-text-secondary)}.action-btn.add:hover{color:var(--theme-text-primary)}.action-buttons-container{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.7vh;z-index:10}.action-buttons-container.has-expanded{background-color:var(--theme-bg-card);backdrop-filter:blur(1vh);-webkit-backdrop-filter:blur(1vh);border-radius:50vh;padding:.7vh;position:absolute;right:-.7vh;top:50%;transform:translateY(-50%);z-index:15}.expandable-actions{display:flex;align-items:center;gap:.75vh;position:relative;z-index:10;opacity:0;visibility:hidden;transform:translateX(2vh);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.expandable-actions.expanded{opacity:1;visibility:visible;transform:translateX(0)}.expandable-actions .action-btn{transform:scale(.9);transition:all .2s ease}.expandable-actions.expanded .action-btn{transform:scale(1)}.expandable-actions .action-btn svg{transform:rotate(0deg)}.expandable-actions .action-btn:first-child{transition-delay:.1s}.expandable-actions .action-btn:nth-child(2){transition-delay:.05s}.expandable-actions .action-btn:nth-child(3){transition-delay:0s}.bg-blue{background-color:#0084ff}.bg-green{background-color:#00c896}.bg-orange{background-color:#ff6b35}.bg-purple{background-color:#8b5cf6}.bg-pink{background-color:#ec4899}.bg-red{background-color:#ef4444}.bg-yellow{background-color:#eab308}.bg-cyan{background-color:#06b6d4}.bg-gray{background-color:#666}.tab-navigation{display:none!important}.chat-list{padding:0}.chat-item{display:flex;align-items:center;padding:1.4vh 2.5vh;cursor:pointer;transition:background .2s;position:relative}.chat-item:hover{background:var(--theme-bg-card)}.online-indicator{position:absolute;bottom:0;right:0;width:1.4vh;height:1.4vh;background:#4ade80;border:.25vh solid #0a0a0a;border-radius:50%}.section-title{padding:1.4vh 0 1vh;font-size:1.625vh;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.06vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.h-full{height:100%}.flex-col{flex-direction:column}.text-red-500{color:#ef4444}.mb-4{margin-bottom:1.6vh}.px-4{padding-left:1.6vh;padding-right:1.6vh}.py-2{padding-top:.8vh;padding-bottom:.8vh}.bg-blue-500{background-color:#3b82f6}.text-white{color:var(--theme-text-primary)}.rounded{border-radius:.5vh}.hover\:bg-blue-600:hover{background-color:#2563eb}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:4.6vh 2.5vh;color:#666}.empty-state p{margin-bottom:1vh}.tab-content-container.friends-tab .bottom-navigation{flex-shrink:0}.friends-page-wrapper *,.friends-page-wrapper :after,.friends-page-wrapper :before{box-sizing:border-box}.friend-badge.typing{background-color:var(--theme-bg-card);color:var(--theme-text-secondary)}.friend-badge.typing,.typing-animation-small{display:flex;align-items:center;justify-content:center}.typing-animation-small{gap:.3vh}.typing-animation-small span{display:inline-block;width:.4vh;height:.4vh;border-radius:50%;background-color:var(--theme-text-primary);animation:typingDotsSmall 1.5s ease-in-out infinite}.typing-animation-small span:first-child{animation-delay:0s}.typing-animation-small span:nth-child(2){animation-delay:.2s}.typing-animation-small span:nth-child(3){animation-delay:.4s}@keyframes typingDotsSmall{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-.3vh);opacity:1}}.favorite-icon{color:gold}.friend-item{transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;transform-origin:center;z-index:1}.friend-item.moving-to-friend{z-index:10}.friend-item.fade-in{animation:fadeIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes moveToFriend{0%{opacity:1;transform:scale(1) translateY(0);box-shadow:none}30%{opacity:.9;transform:scale(1.05) translateY(2vh);box-shadow:0 8px 20px hsla(0,0%,100%,.2)}70%{opacity:.7;transform:scale(1.03) translateY(1vh);box-shadow:0 6px 16px hsla(0,0%,100%,.15)}to{opacity:0;transform:scale(.95) translateY(4vh);box-shadow:0 4px 12px hsla(0,0%,100%,.1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(2vh);filter:blur(2px)}50%{opacity:.8;transform:scale(1.02) translateY(.5vh);filter:blur(.5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.chat-section .friend-item,.friends-section .friend-item{transition:transform .5s cubic-bezier(.23,1,.32,1),margin .5s cubic-bezier(.23,1,.32,1),opacity .3s ease}.friend-item.shifting-up{transform:translateY(-8vh);transition:transform .5s cubic-bezier(.23,1,.32,1)}.friend-item.shifting-down{transform:translateY(8vh)}.friend-item.normal,.friend-item.shifting-down{transition:transform .5s cubic-bezier(.23,1,.32,1)}.friend-item.normal{transform:translateY(0)}.chat-section,.friends-section{transition:all .3s cubic-bezier(.23,1,.32,1)}.chats-list,.friends-list{transition:height .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.friend-badge.in-chat{background-color:#06c;color:var(--theme-text-secondary)}.chat-status{font-size:1.4vh;font-weight:500}.friend-item.moving-from-chat,.friend-item.moving-to-chat{z-index:10}@keyframes moveToChat{0%{opacity:1;transform:scale(1) translateY(0);box-shadow:none}30%{opacity:.9;transform:scale(1.05) translateY(-2vh);box-shadow:0 8px 20px rgba(0,132,255,.3)}70%{opacity:.7;transform:scale(1.03) translateY(-1vh);box-shadow:0 6px 16px rgba(0,132,255,.2)}to{opacity:0;transform:scale(.95) translateY(-4vh);box-shadow:0 4px 12px rgba(0,132,255,.1)}}@keyframes moveFromChat{0%{opacity:0;transform:scale(.95) translateY(4vh);box-shadow:0 4px 12px hsla(0,0%,100%,.1)}30%{opacity:.7;transform:scale(1.03) translateY(1vh);box-shadow:0 6px 16px hsla(0,0%,100%,.15)}70%{opacity:.9;transform:scale(1.05) translateY(2vh);box-shadow:0 8px 20px hsla(0,0%,100%,.2)}to{opacity:1;transform:scale(1) translateY(0);box-shadow:none}}.book-commonality-selector{padding:1.6vh 0;border-bottom:.1vh solid hsla(0,0%,100%,.1)}.commonality-selector-label{display:block;margin-bottom:.8vh;color:var(--theme-text-secondary);font-size:1.4vh}.commonality-selector-dropdown{width:100%;padding:.8vh 1.2vh;border-radius:.8vh;border:.1vh solid var(--theme-border);background:var(--theme-bg-card);color:var(--theme-text-primary);font-size:1.4vh;cursor:pointer;outline:none;transition:background-color .3s ease,border-color .3s ease}.commonality-selector-dropdown:focus,.commonality-selector-dropdown:hover{background:var(--theme-bg-card);border-color:var(--theme-text-tertiary)}.commonality-selector-dropdown option{background-color:#1a1a1a;color:var(--theme-text-primary);padding:.8vh}.friends-preview-content{filter:blur(10px)}.comparison-mode-toggle{display:flex;justify-content:center;gap:.8vh;padding:1.5vh 0;border-bottom:.1vh solid hsla(0,0%,100%,.1)}.comparison-toggle-btn{display:flex;align-items:center;gap:.5vh;padding:.8vh 1.5vh;border:none;border-radius:50vh;font-size:1.2vh;cursor:pointer;transition:all .2s ease}.comparison-toggle-btn,.comparison-toggle-btn:hover{background:var(--theme-bg-card);color:var(--theme-text-secondary)}.comparison-toggle-btn.active{background:rgba(102,126,234,.2);color:var(--theme-text-primary)}.comparison-toggle-btn svg{width:1.8vh;height:1.8vh;stroke-width:2}.mbti-inline-selector{padding:1.2vh 1.5vh;background:rgba(0,0,0,.2);border-radius:1vh;margin-bottom:.8vh}.mbti-inline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.mbti-inline-title{font-size:1.4vh;font-weight:600;color:var(--theme-text-primary)}.mbti-test-link{background:none;border:none;color:rgba(102,126,234,.9);font-size:1.2vh;cursor:pointer;text-decoration:underline;transition:color .2s ease}.mbti-test-link:hover{color:#667eea}.mbti-inline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6vh}.mbti-inline-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8vh .4vh;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:.8vh;cursor:pointer;transition:all .2s ease}.mbti-inline-card:hover{background:var(--theme-bg-card);border-color:var(--theme-border)}.mbti-inline-card.selected{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.6)}.mbti-inline-emoji{font-size:1.6vh;margin-bottom:.2vh}.mbti-inline-code{font-size:1vh;font-weight:600}.mbti-inline-card.selected .mbti-inline-code,.mbti-inline-code{color:var(--theme-text-primary)}.view-mode-info{display:inline-flex;align-items:center;gap:.4vh;font-size:1.3vh;font-weight:500;padding:.2vh 0}.view-mode-info svg{width:1.2vh!important;height:1.2vh!important;opacity:.7;stroke-width:2}.view-mode-info.books{color:rgba(100,200,255,.9)}.view-mode-info.books svg{color:rgba(100,200,255,.8)}.view-mode-info.egenteto{color:var(--theme-text-secondary)}.view-mode-info.egenteto.egen{color:rgba(244,114,182,.95)}.view-mode-info.egenteto.egen svg{color:rgba(244,114,182,.85)}.view-mode-info.egenteto.teto{color:rgba(251,146,60,.95)}.view-mode-info.egenteto.teto svg{color:rgba(251,146,60,.85)}.view-mode-info.egenteto.mix{background:linear-gradient(90deg,rgba(244,114,182,.9),rgba(251,146,60,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-mode-info.egenteto.mix svg{color:hsla(7,42%,63%,.85)}.view-mode-info.egenteto.none{color:var(--theme-text-tertiary)}.view-mode-info.mbti{color:rgba(139,92,246,.95)}.view-mode-info.mbti svg{color:rgba(139,92,246,.85)}.view-mode-info.clickable{cursor:pointer;transition:all .2s ease;border-radius:.5vh}.view-mode-info.clickable:hover{color:var(--theme-text-primary)}.view-mode-info.clickable:hover svg{color:inherit;opacity:1}.view-mode-info.egenteto.egen.clickable:hover{color:#f472b6}.view-mode-info.egenteto.teto.clickable:hover{color:#fb923c}.view-mode-info.egenteto.mix.clickable:hover{color:#f78279}.view-mode-info.egenteto.none.clickable:hover{color:var(--theme-text-primary)}.view-mode-info.mbti.clickable:hover{color:#8b5cf6}.BookIntersection_container__CAMK1{width:100%;display:flex;flex-direction:column;gap:2vh;padding:2vh 1.4vh}.BookIntersection_svgWrapper__nmlBI{width:calc(53vh * (320 / 420) * .9);max-width:calc(53vh * (320 / 420) * .9);height:30vh;position:relative}.BookIntersection_svg__cpFCu{display:block}.BookIntersection_friendCircle__E9KCq,.BookIntersection_myCircle__G_vu6{fill:hsla(0,0%,100%,.2);stroke:none}.BookIntersection_label__IC_kT,.BookIntersection_sharedLabel__sJ3bm{fill:var(--theme-text-primary);font-size:1.4vh;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.BookIntersection_statsContainer__iPwYF{display:flex;flex-direction:column;gap:1vh;padding:0}.BookIntersection_statItem__5sogk{display:flex;justify-content:space-between;align-items:center;padding:1vh;background:var(--theme-bg-card);border-radius:.5vh}.BookIntersection_statLabel__Vyynl{font-size:1.4vh;color:var(--theme-text-secondary)}.BookIntersection_statValue__bKzaf{font-size:1.4vh;font-weight:600;color:var(--theme-text-primary)}.mbti-comparison-view{width:100%;padding:2vh;display:flex;flex-direction:column;align-items:center;gap:2vh}.mbti-comparison-empty{text-align:center;color:var(--theme-text-secondary);padding:4vh 2vh}.mbti-comparison-empty p{margin:0;font-size:1.6vh}.mbti-comparison-hint{margin-top:1vh!important;font-size:1.2vh!important;color:var(--theme-text-tertiary)!important}.mbti-comparison-cards{display:flex;align-items:center;justify-content:center;gap:1.5vh;width:100%;opacity:0;transform:translateY(10px);transition:all .4s ease}.mbti-comparison-cards.animated{opacity:1;transform:translateY(0)}.mbti-card{flex:1;max-width:12vh;background:var(--theme-bg-card);border-radius:2vh;padding:1.5vh;display:flex;flex-direction:column;align-items:center;gap:.5vh;transition:all .3s ease}.mbti-card.my-card{border:2px solid rgba(102,126,234,.3)}.mbti-card.friend-card{border:2px solid rgba(118,75,162,.3)}.mbti-card-label{font-size:1vh;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.1em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbti-card-emoji{font-size:4vh;line-height:1}.mbti-card-type{font-size:2vh;font-weight:700;color:var(--theme-text-primary)}.mbti-card-title{font-size:1vh;color:var(--theme-text-secondary);text-align:center}.mbti-card-empty{display:flex;flex-direction:column;align-items:center;gap:.5vh;padding:1vh 0}.mbti-card-empty span:first-child{font-size:3vh;color:var(--theme-text-tertiary)}.mbti-card-hint{font-size:1vh!important;color:var(--theme-text-tertiary)!important}.mbti-comparison-center{display:flex;flex-direction:column;align-items:center;gap:.8vh;padding:0 1vh;min-width:8vh}.mbti-compatibility-badge{padding:.5vh 1.2vh;border-radius:50vh;font-size:1.2vh;font-weight:600;color:var(--theme-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.mbti-similarity-bar{width:100%;height:.6vh;background:var(--theme-bg-card);border-radius:1vh;overflow:hidden}.mbti-similarity-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1vh;transition:width .5s ease}.mbti-similarity-text{font-size:1vh;color:var(--theme-text-secondary)}.mbti-vs{font-size:2vh;font-weight:700;color:var(--theme-text-tertiary)}.mbti-comparison-description{text-align:center;padding:1vh 2vh;background:hsla(0,0%,100%,.03);border-radius:1vh}.mbti-comparison-description p{margin:0;font-size:1.2vh;color:var(--theme-text-secondary);line-height:1.5}.mbti-comparison-description strong{color:var(--theme-text-primary)}.friends-tab-container{height:100%;overflow:auto}