*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-height:100vh;color:#333}.app{min-height:100vh;padding:20px}.container{max-width:896px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.app-title{text-align:center;color:#333;font-size:28px;font-weight:700;margin:0;padding:30px 20px 20px;background:#fff}.questions{padding:20px}.question{background:#f8f9fa;border-radius:10px;padding:24px;margin-bottom:12px;border-left:4px solid #155724;width:100%;display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}.qIndex{background:#6c757d;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-top:5px;font-size:12px}.qText{font-size:17px;line-height:1.6;color:#333;margin-bottom:15px;font-weight:500;flex:0 1 calc(100% - 53px);word-wrap:break-word;max-width:100%}.qInput{width:100%;max-width:100%;flex:0 0 100%;margin-top:10px}.slider{width:100%;position:relative;padding:5px;border-radius:8px;transition:background-color .2s ease}.slider-labels{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#666;font-weight:500}.slider input[type=range]{width:100%;height:12px;border-radius:6px;background:#e9ecef;outline:none;-webkit-appearance:none;cursor:pointer;border:1px solid #ced4da;box-shadow:inset 0 2px 4px #0000001a}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #ccc;cursor:pointer;box-shadow:0 2px 4px #0003}.slider.answered input[type=range]::-webkit-slider-thumb{background:#2ecc71;border:3px solid #2ECC71}.slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #ccc;cursor:pointer;box-shadow:0 2px 4px #0003}.slider.answered input[type=range]::-moz-range-thumb{background:#2ecc71;border:3px solid #2ECC71}.actions{padding:25px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn.primary{background:#155724;color:#fff}.btn.primary:hover{background:#0f3d1a;transform:translateY(-1px)}.btn.ghost{background:transparent;color:#155724;border:2px solid #155724}.btn.ghost:hover{background:#155724;color:#fff}.results{padding:25px 20px;background:#fff}.bars{margin-bottom:25px}.barRow{margin-bottom:20px;display:grid;grid-template-columns:1fr 2fr 160px;gap:12px;align-items:center}.barLabel{font-weight:600;margin-bottom:10px;color:#333;font-size:16px}.barContainer{position:relative;height:35px;background:#f1f3f4;border-radius:18px;overflow:hidden;margin-bottom:8px}.barBackground{position:absolute;inset:0;display:flex}.barSegment{height:100%;transition:all .3s ease}.barFill{position:absolute;top:0;left:0;height:100%;background:#155724;border-radius:18px;transition:width .8s ease}.barScore{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.barLegend{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#666;margin-top:15px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.legend-range{background:#155724;color:#fff;padding:3px 8px;border-radius:5px;font-weight:600;font-size:11px;min-width:40px;text-align:center}.legend-label{font-size:12px;color:#333;font-weight:500}.barWrap{position:relative;height:44px;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;background:#f8f9fa}.barBg{position:absolute;inset:0;background:linear-gradient(90deg,#fff9a6,#f7ea00 18%,orange 40%,#2ecc71 68%,#ff3b30)}.marker{position:absolute;top:0;bottom:0;width:2px;background:#333;transform:translate(-1px)}.scaleNums{position:absolute;left:0;right:0;bottom:2px;display:grid;grid-template-columns:20% 22.5% 25% 32.5%;font-size:10px;color:#222;text-align:center}.scaleNums .snum{position:relative}.scaleNums .s8{left:2px}.scaleNums .s16{left:calc(20% - 10px)}.scaleNums .s25{left:calc(42.5% - 10px)}.scaleNums .s34{left:calc(67.5% - 10px)}.scaleNums .s40{position:absolute;right:4px;bottom:-2px}.barValue{font-size:12px;color:#222}.barValue .score{font-weight:700}.barValue .band{color:#666}.barWrap:after{content:"40";position:absolute;right:4px;bottom:2px;font-size:10px;color:#222}.barWrap:before{content:"8";position:absolute;left:4px;bottom:2px;font-size:10px;color:#222}.definitions{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.defItem{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #155724}.defTitle{font-weight:600;margin-bottom:10px;color:#333;font-size:16px}.defText{color:#666;line-height:1.5;font-size:14px}.qr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.qr-modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.qr-modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.qr-modal-header h3{margin:0;color:#155724;font-size:18px;font-weight:600}.qr-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.qr-close-btn:hover{background:#f8f9fa;color:#333}.qr-modal-body{padding:20px;text-align:center}.qr-modal-body p{margin:0 0 15px;color:#333;line-height:1.5}.qr-code-image{max-width:100%;height:auto;border:2px solid #155724;border-radius:10px;margin:15px 0}.qr-note{font-size:12px;color:#666;font-style:italic}@media print{.no-print{display:none!important}.app{background:#fff;padding:0}.container{box-shadow:none;border-radius:0}.app-title{break-after:avoid;page-break-after:avoid}.questions{break-inside:avoid;page-break-inside:avoid}.question{break-inside:avoid;page-break-inside:avoid;break-after:avoid;page-break-after:avoid}.results{break-inside:avoid;page-break-inside:avoid;margin-top:30px}.bars{break-inside:avoid;page-break-inside:avoid}.definitions{break-before:avoid;page-break-before:avoid;break-inside:avoid;page-break-inside:avoid}.defItem{break-inside:avoid;page-break-inside:avoid}}@media (max-width: 768px){.app{padding:10px}.container{border-radius:10px}.app-title{font-size:24px;padding:20px 15px 15px}.questions{padding:15px}.question{padding:12px;margin-bottom:8px}.qText{font-size:15px}.actions{flex-direction:column;align-items:stretch;gap:10px;padding:20px 15px}.btn{padding:15px 20px;font-size:16px}.definitions{grid-template-columns:1fr;gap:15px}.defItem{padding:15px}.results{padding:20px 15px}}