*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#e0eff5;min-height:100vh;line-height:1.5}#app{max-width:540px;margin:0 auto;display:flex;min-height:100vh;box-shadow:0 -2px 10px #0000001a;justify-content:center;align-items:stretch;/}.container{background:#fff}.header{position:relative;display:flex}.crop{width:60px;flex:0 0 60px;position:relative;overflow:hidden;background:#347687}.photo{height:1000px;width:100%;overflow:hidden}.photo img{width:100%;height:1000px;object-fit:cover;object-position:49.5% 20%;display:block}.overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#34768700 0px 450px,#347687 1000px 100%)}.header-content{padding:0 20px;flex:1;margin-top:120px}h1 sup{font-size:.55em;vertical-align:super;color:#ba348b}.header-title{display:flex;background:#fff;padding:6px 20px;position:absolute;border-radius:8px;top:40px;left:-40px;justify-content:center;font-size:.9rem;color:#ba348b;font-weight:700}.header-content>p{margin-bottom:10px;font-size:.78rem;color:#444;line-height:1.45}.header-content>p strong{color:#347687}.section-title{color:#ba348b;font-size:1rem;font-weight:700;margin-top:30px}#dlqi-form{padding:20px}.question{margin-bottom:18px}.question-text{font-size:.82rem;color:#444;margin-bottom:8px;line-height:1.4}.question-number,.highlight{color:#347687;font-weight:700}.options{display:flex;flex-direction:column;gap:2px;padding-left:18px}.options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;color:#444;padding:1px 0}.points{font-size:.75rem;color:#347687;font-weight:700;min-width:12px;text-align:right}.options input[type=radio]{width:14px;height:14px;accent-color:#347687;cursor:pointer;margin:0}.sub-question{margin-top:8px;padding:10px 12px;background:#f5f5f5;border-left:2px solid#347687}.sub-question .question-text{font-size:.8rem}.result-section{margin-top:20px;text-align:center;padding-top:15px;border-top:1px solid #ddd}#calculate-btn{background:#347687;color:#fff;border:none;padding:10px 25px;font-size:.95rem;border-radius:5px;cursor:pointer;font-weight:700}#calculate-btn:hover{background:#008dad}.result{margin-top:15px;padding:15px;background:#f0f9fc;border-radius:6px;border:1px solid#347687}.result p{font-size:1rem;color:#347687;margin-bottom:6px}.result #total-score{font-size:1.3rem;font-weight:700;color:#007a96}#interpretation{font-size:.9rem!important;color:#444!important;margin-top:8px!important;padding:8px;background:#fff;border-radius:4px}.hidden{display:none}.footer-content{padding:20px;flex:1}.footer-title{color:#ba348b;font-size:1rem;margin-bottom:30px;font-weight:700}.footer-score{position:relative;display:flex;width:100%;justify-content:center}.score-icon{position:absolute;width:35px;height:35px;top:50%;transform:translateY(-50%);left:.5%;margin-right:15px}.live-score{bottom:0;left:0;right:0;width:100%;border:solid 2px #ba348b;padding-top:6px;padding-bottom:6px;border-radius:8px;color:#444;text-align:center;font-size:1.4rem;font-weight:700;margin-left:15px}.footer-buttons{display:flex;justify-content:end;margin-right:26px}.clear-button{background:#007a96;color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:700;margin-top:30px}.footer-refs{margin-top:30px}.ref{font-size:.66rem;color:#444}.ref-link{color:#444;text-decoration:underline}.highlight-second{color:#ba348b;font-weight:700}.italic{font-style:italic}.footer-sil{height:210px;position:relative}.sil{position:absolute;rotate:-90deg;font-size:.7rem;color:#444;right:-95px;top:100px}.footer-logo{display:flex;justify-content:end}.logo{width:200px;margin-top:10px}#live-score-value{font-size:1.4rem}@media(max-width:550px){.header-title{font-size:.7rem}.footer-buttons{justify-content:center;margin-right:0}}