.tysleep3{--tys-navy:#0f284d;--tys-green:#228b22;--tys-blue:#e1eff0;max-width:850px!important;margin:14px auto!important;padding:0 8px!important;box-sizing:border-box;color:#17314a;font:14px/1.4 'Segoe UI',Arial,sans-serif;clear:both}
.tysleep3,.tysleep3 *{box-sizing:border-box}
.tysleep3 [hidden]{display:none!important}
.tysleep3 .tys3-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.tysleep3 .tys3-form-panel{background:var(--tys-blue);border:1px solid var(--tys-navy);padding:14px;border-radius:3px;min-width:0}
.tysleep3 .tys3-results{min-width:0;background:#fff;border:1px solid #cad7dc;border-radius:3px;padding:12px;scroll-margin-top:16px}
.tysleep3 h2{font-size:18px!important;line-height:1.3;margin:0 0 10px!important;padding:0;color:var(--tys-navy);font-weight:700;text-align:center;background:transparent!important;border:0!important}
.tysleep3 .tys3-results>h2{background:var(--tys-green)!important;color:#fff!important;padding:6px!important}
.tysleep3 h2 small{font-size:10px;font-weight:400;color:#637b90}
.tysleep3 .tys3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tysleep3 label.tys3-field{display:flex!important;flex-direction:column;gap:3px;font-size:12px!important;font-weight:600!important;color:var(--tys-navy)!important;margin:0 0 8px!important;min-width:0}
.tysleep3 input[type=time],.tysleep3 select{display:block;width:100%!important;min-width:0;height:40px!important;min-height:40px!important;padding:6px 9px!important;border:1px solid var(--tys-navy)!important;border-radius:2px!important;background:#fff!important;color:var(--tys-navy)!important;font:16px/1.25 'Segoe UI',Arial,sans-serif!important;box-shadow:none}
.tysleep3 input:focus-visible,.tysleep3 select:focus-visible,.tysleep3 button:focus-visible,.tysleep3 summary:focus-visible{outline:3px solid #5ca7dd!important;outline-offset:2px}
.tysleep3 [aria-invalid=true]{border-color:#b12121!important;background:#fff4f4!important}
.tysleep3 .tys3-error{font-size:11px;color:#aa1f1f;min-height:0}
.tysleep3 .tys3-advanced{margin:0 0 8px;border:1px solid #b8cbcf;padding:6px;background:#f7fbfc}
.tysleep3 .tys3-advanced summary{font-size:12px;font-weight:600;cursor:pointer}
.tysleep3 .tys3-advanced .tys3-field{margin:8px 0 0!important}
.tysleep3 .tys3-buttons,.tysleep3 .tys3-actions{display:flex;gap:8px}
.tysleep3 button{flex:1;padding:10px 9px!important;border:0!important;border-radius:2px!important;color:#fff!important;background:var(--tys-navy)!important;font:600 14px/1.2 'Segoe UI',Arial,sans-serif!important;cursor:pointer;margin:0!important;height:auto!important;min-height:40px}
.tysleep3 .tys3-reset{background:#4c4c4c!important}
.tysleep3 .tys3-actions{margin-top:10px}.tysleep3 .tys3-actions button{background:var(--tys-green)!important}
.tysleep3 .tys3-rating{margin-top:8px;text-align:center}
.tysleep3 .tys3-empty,.tysleep3 .tys3-status{font-size:12px;color:#536374;margin:5px 0}
.tysleep3 .tys3-hero{text-align:center;padding:11px 8px;background:#eff7f3;border-left:4px solid var(--tys-green)}
.tysleep3 .tys3-hero>*{display:block}.tysleep3 .tys3-hero>span{font-size:12px}.tysleep3 .tys3-hero>strong{font-size:27px;color:var(--tys-navy);margin:4px 0}.tysleep3 .tys3-hero>small{font-size:12px}
.tysleep3 .tys3-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.tysleep3 .tys3-stats>div{border:1px solid #dbe4e7;padding:7px}.tysleep3 .tys3-stats span,.tysleep3 .tys3-stats strong{display:block}.tysleep3 .tys3-stats span{font-size:11px}.tysleep3 .tys3-stats strong{font-size:14px;color:var(--tys-navy)}
.tysleep3 .tys3-chart{display:flex;gap:12px;align-items:center;margin:9px 0}.tysleep3 .tys3-donut{width:104px;height:104px;flex:0 0 104px;border-radius:50%;background:conic-gradient(var(--tys-green) var(--percent),#dfe8ed 0);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.tysleep3 .tys3-donut:before{content:'';position:absolute;inset:13px;background:#fff;border-radius:50%}.tysleep3 .tys3-donut>*{position:relative}.tysleep3 .tys3-donut strong{font-size:20px;color:var(--tys-navy)}.tysleep3 .tys3-donut small{font-size:10px}
.tysleep3 .tys3-bars{flex:1;min-width:0}.tysleep3 .tys3-bar-item{margin:7px 0;font-size:11px}.tysleep3 .tys3-track{margin-top:4px;height:12px;background:#e4eaef;border-radius:20px;overflow:hidden}.tysleep3 .tys3-track i{display:block;background:var(--tys-green);height:100%;border-radius:20px}.tysleep3 .tys3-track i.tys3-min{background:var(--tys-navy)}
.tysleep3 .tys3-comparison{background:#eaf5f1;border-left:3px solid var(--tys-green);padding:8px;font-size:12px;margin:8px 0}.tysleep3 .tys3-alternatives{font-size:12px}.tysleep3 .tys3-alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.tysleep3 .tys3-alt-grid>div{background:#f2f5f8;border:1px solid #dbe4e7;padding:6px}.tysleep3 .tys3-alt-grid strong,.tysleep3 .tys3-alt-grid small{display:block}.tysleep3 .tys3-alt-grid small{font-size:10px}.tysleep3 .tys3-advice{font-size:12px;margin-top:10px}.tysleep3 .tys3-advice p{margin:3px 0}.tysleep3 .tys3-disclaimer{font-size:10px;color:#657480;margin:9px 0 0}
@media(max-width:650px){.tysleep3{margin:6px auto!important;padding:0 5px!important}.tysleep3 .tys3-layout{display:block}.tysleep3 .tys3-form-panel{padding:10px}.tysleep3 .tys3-results{margin-top:10px}.tysleep3 h2{font-size:16px!important;margin-bottom:7px!important}.tysleep3 label.tys3-field{font-size:11px!important;margin-bottom:6px!important}.tysleep3 input[type=time],.tysleep3 select{height:38px!important;min-height:38px!important}.tysleep3 .tys3-advanced{padding:4px 7px}.tysleep3 .tys3-buttons button{min-height:38px}}
@media(max-width:350px){.tysleep3 .tys3-grid{gap:5px}.tysleep3 .tys3-form-panel{padding:7px}.tysleep3 .tys3-chart{gap:7px}.tysleep3 .tys3-donut{height:88px;width:88px;flex-basis:88px}}
@media print{.tysleep3 .tys3-form-panel,.tysleep3 .tys3-actions{display:none!important}.tysleep3 .tys3-layout{display:block}.tysleep3 .tys3-results{border:0!important}}
