:root{--pure-black:#000000;--dark-black:#000000;--pure-white:#ffffff;--cream-white:#f8f8f8;--gray:#808080;--error-red:#ff0000;--success-green:#00ff00;--background:var(--pure-black);--foreground:var(--pure-white);--card-bg:var(--dark-black);--secondary-text:var(--gray);--accent:var(--cream-white)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.btn-primary{background:var(--pure-white);color:var(--pure-black);border:none;padding:16px 32px;border-radius:4px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;min-height:48px}.btn-primary:hover{background:var(--pure-black);color:var(--pure-white);border:1px solid var(--pure-white)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-field{background:var(--pure-black);color:var(--pure-white);border:1px solid var(--gray);padding:16px;border-radius:4px;font-family:Inter,sans-serif;font-size:16px;min-height:52px;width:100%;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:var(--pure-white);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.input-field::placeholder{color:var(--gray)}.card{background:var(--card-bg);border:1px solid var(--pure-white);border-radius:8px;padding:24px;margin-bottom:24px}.text-primary{color:var(--pure-white)}.text-secondary{color:var(--secondary-text)}.text-accent{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mb-4{margin-bottom:24px}.mb-2{margin-bottom:16px}.mt-4{margin-top:24px}.main-title{color:var(--pure-white);font-size:42px;font-weight:700;margin-bottom:16px}.user-info{color:var(--secondary-text);font-size:21px;text-align:center}.user-handle{font-size:24px;margin-bottom:4px}.score-section-title,.user-handle{font-weight:600;color:var(--pure-white)}.score-section-title{font-size:28px;margin-bottom:8px}.score-number{color:var(--accent);font-size:48px;font-weight:700;margin-bottom:16px}.score-advice{color:var(--secondary-text);font-size:16px;line-height:1.6;text-align:left}.score-header{text-align:center}.analysis-card{min-height:600px}.analysis-card,.score-card{background:var(--card-bg);border:1px solid var(--pure-white);border-radius:8px;padding:24px;margin-bottom:24px}.analysis-section-title{color:var(--pure-white);font-size:24px;font-weight:600;margin-bottom:24px}.analysis-layout{gap:100px;align-items:center;flex-wrap:wrap}.analysis-layout,.radar-container{display:flex;justify-content:center}.radar-container{flex:0 0 auto;min-width:320px;width:100%;max-width:450px;overflow:visible}.results-container{flex:0 1 400px;min-width:300px;max-width:450px}.results-title{color:var(--pure-white);font-size:20px;font-weight:600;margin-bottom:16px}.result-item{padding:12px;background:var(--dark-black);border-radius:4px;margin-bottom:12px}.result-header{margin-bottom:6px}.result-header,.result-header-simple{display:flex;justify-content:space-between;align-items:center}.result-label{color:var(--pure-white);font-size:18px;font-weight:500}.result-score{color:var(--accent);font-size:20px;font-weight:600}.result-comment{color:var(--secondary-text);font-size:14px;line-height:1.4}.overall-comment-section{margin-top:20px;padding:16px;background:var(--dark-black);border-radius:8px}.overall-comment-title{color:var(--pure-white);font-size:20px;font-weight:600;margin-bottom:8px}.overall-comment-text{color:var(--secondary-text);font-size:14px;line-height:1.6}@media (max-width:768px){.container{padding:0 16px}.analysis-card,.card{padding:16px}.analysis-layout{gap:40px}.radar-container{min-width:300px}.results-container{min-width:280px}}@media (max-width:480px){.container{padding:0 8px}.analysis-card,.card{padding:12px}.analysis-layout{gap:20px;flex-direction:column}.radar-container{min-width:320px;width:100%;max-width:100%;overflow:visible;padding:2px}.results-container{min-width:100%;width:100%;max-width:100%}.analysis-section-title{font-size:20px}.result-label{font-size:16px}.result-score{font-size:18px}}