.container{max-width:600px;margin:0 auto;padding:1rem}.title{text-align:center;font-size:2rem;margin-bottom:1rem}.form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.label{display:block;margin-bottom:1rem}.input{border:1px solid #ccc;border-radius:4px;margin-top:.5rem}.button-primary,.input{width:100%;padding:.75rem}.button-primary{background:#0070f3;color:#fff;border:none;border-radius:4px;margin-bottom:1rem;cursor:pointer}.button-primary:hover{background:#005bb5}.message{text-align:center;font-size:.9rem;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:1.5rem;border-radius:8px;width:90%;max-width:400px}.modal-title{font-size:1.25rem}.modal-message,.modal-title{text-align:center;margin-bottom:1rem}.modal-message{font-size:.9rem}.onboarding-card{max-width:450px;margin:40px auto;background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 6px 28px 0 rgba(0,0,0,.1);border:1px solid #ebebeb;font-family:system-ui,Arial,sans-serif}.onboarding-card h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.onboarding-card label{display:block;margin-bottom:1.5rem;font-size:1rem;font-weight:500}.onboarding-card .checkbox-label{display:flex;align-items:center;gap:12px;margin:0;min-height:36px;padding-left:0}.onboarding-card input[type=checkbox]{width:22px;height:22px;margin:0;padding:0;flex-shrink:0;accent-color:#2563eb}.onboarding-card .checkbox-group{display:flex;flex-direction:column;gap:12px;padding-left:0}.onboarding-card label .desc{font-size:.95em;color:#666;margin-bottom:.3em;display:block}.onboarding-card input:not([type=checkbox]),.onboarding-card select{width:100%;padding:.6em .9em;margin-top:.15em;border:1px solid #d1d5db;border-radius:7px;font-size:1em;margin-bottom:.2em;background:#f7f7fa;transition:border-color .2s}.onboarding-card input:focus,.onboarding-card select:focus{outline:none;border-color:#3b82f6;background:#fff}.onboarding-card button{width:100%;background:#2563eb;color:#fff;padding:.7em 0;font-size:1.05em;border:none;border-radius:7px;cursor:pointer;margin-top:.5em;font-weight:600;transition:background .18s}.onboarding-card button:hover:not(:disabled){background:#1742a2}.onboarding-card .bmi{color:#276ad9;font-size:1em;font-weight:600;margin:.6em 0}.onboarding-card .error{color:#dc2626;font-size:.96em;margin:.6em 0}.dashboard-container{max-width:460px;margin:40px auto;padding:32px;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center}.dashboard-stat-card{background:#f7f9fa;padding:24px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.dashboard-main-score{font-size:3rem;font-weight:700;color:#2c7be5;text-align:center}.dashboard-main-score-label{color:#888;font-size:1rem;text-align:center;margin-bottom:16px}.dashboard-substats{margin-top:12px;display:flex;flex-direction:column;gap:8px}.barstat-row{display:flex;align-items:center;margin-bottom:4px}.barstat-label{flex:1.3 1;font-size:.98rem;color:#444}.barstat-bar-bg{flex:2 1;height:12px;background:#e3e8ee;border-radius:8px;margin:0 10px;position:relative;overflow:hidden}.barstat-bar-fill{height:100%;background:#2c7be5;border-radius:8px;transition:width .3s}.barstat-value{flex:0.7 1;text-align:right;font-size:.95rem;font-family:monospace;color:#1d2939}.causal-path-summary{margin-top:1.5rem;font-size:1rem;color:#425166}.causal-confidence{color:#398bfc;font-size:.95em;margin-left:.4em}.stat-row{display:flex;align-items:center;margin-bottom:4px}.stat-label{flex:1.3 1;font-size:.98rem;color:#444}.stat-bar-bg{flex:2 1;height:12px;background:#e3e8ee;border-radius:8px;margin:0 10px;position:relative;overflow:hidden}.stat-bar-fill{height:100%;border-radius:8px;transition:width .3s}.stat-value{flex:0.7 1;text-align:right;font-size:.95rem;font-family:monospace;color:#1d2939}.highlights-section{margin-bottom:32px}.section-title{font-size:1.35rem;font-weight:600;margin-bottom:10px}.highlights-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.highlight-item{background:#f5f8fa;border-radius:8px;padding:8px 14px;font-size:1rem;font-weight:500;display:flex;align-items:center}.highlight-grid{display:flex;flex-wrap:wrap;gap:14px}.highlight-card{min-width:240px;max-width:350px;background:#f8f9fc;border-radius:9px;padding:12px 14px 8px;margin-bottom:0;box-shadow:0 1px 5px #eaeaea;display:flex;flex-direction:column}.highlight-good{background:#e7fbe9;color:#23b26d}.highlight-bad{background:#fbeaea;color:#e23c3c}.highlight-neutral{background:#f8f9fc;color:#888}.highlight-header{font-weight:600;font-size:1.07em;margin-bottom:3px}.highlight-arrow{font-size:1.25em;margin-right:7px}.highlight-causal{font-size:.98em;color:#565;margin-top:6px}.baselines-section{margin-bottom:32px}.baseline-list{display:flex;flex-wrap:wrap;gap:18px;width:100%}.baseline-card{flex:1 1 100%;min-width:0;max-width:none;width:100%;border-radius:16px;background:#f7f9fa;padding:22px 32px 18px;box-shadow:0 1px 5px #eaeaea;margin:0 auto 24px}.baseline-label{font-weight:600;color:#335;margin-bottom:6px}.baseline-user{font-size:1.06em}.baseline-pop-bar,.baseline-user{margin-bottom:8px}.baseline-pop-bar{display:flex;align-items:center;margin-bottom:10px;gap:8px}.pop-bar-bg{width:100%;max-width:260px;height:10px;background:#e4eaf0;border-radius:7px;position:relative;margin:4px 0 12px}.pop-bar{position:absolute;left:0;top:0;width:var(--pop-bar-width,100%);height:32px;background:#cce4ff;border-radius:0;z-index:1}.pop-user-arrow{position:absolute;top:-11px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid #16a34a;transform:translateX(-50%);z-index:3}.pop-norm-line{position:absolute;top:0;height:100%;width:2px;background:#e23c3c;z-index:2;transform:translateX(-1px)}.mean-pop-bar{background:#ebd5fb}.mean-bar{background:#9333ea}.mean-label{color:#9333ea;font-weight:600}.baseline-bars-wrap{margin:12px 0 8px}.bars-relative-container{position:relative;width:100%;height:32px;margin:0 0 6px;background:none}.user-bar{position:absolute;left:0;top:50%;width:var(--user-bar-width,80%);height:14px;background:#2563eb;border-radius:0;transform:translateY(-50%);z-index:2}.baseline-bar-labels{display:flex;justify-content:space-between;font-size:13px;margin-top:2px}.bar-label-user{color:#2563eb;font-weight:600}.bar-label-pop{color:#40648c;font-weight:600}.comparison-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:2px;line-height:1.1}.legend{display:flex;align-items:center;gap:4px;font-weight:500}.legend:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.legend.baseline:before{background:#3b82f6}.legend.latest:before{background:#16a34a}.legend.mean:before{background:#a855f7}.legend.pop:before{background:#dc2626}.marker-line{position:absolute;top:0;height:100%;width:2px}.baseline-marker{background:#3b82f6}.mean-marker{background:#a855f7}.pop-marker{background:#dc2626}@media (max-width:480px){.baseline-stat-row{flex-direction:column;gap:2px}.pop-bar-bg{max-width:100%}}.baseline-bar-compare{margin-bottom:10px}.baseline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;line-height:1;z-index:1}.baseline-marker.user{color:#398bfc}.baseline-marker.latest{color:#23b26d}.baseline-marker.mean{color:#a95dfc}.baseline-marker.pop{color:#e23c3c}.baseline-bar-legend{font-size:.96em;margin:2px 0 0;display:flex;gap:14px}.legend-user{color:#398bfc}.legend-latest{color:#23b26d}.legend-mean{color:#a95dfc}.legend-pop{color:#e23c3c}.baseline-bar-numbers{font-size:.92em;color:#444;margin:2px 0 7px;display:flex;gap:14px}.baseline-deviation-row,.baseline-drift-row{display:flex;align-items:center;gap:6px;font-size:1em}.deviation-value{font-weight:600}.dev-up{color:#e23c3c}.dev-down{color:#23b26d}.drift-value{font-weight:600}.drift-red{color:#e23c3c}.drift-green{color:#23b26d}.baseline-summary{margin-top:6px;font-size:.98em;color:#346}.comparison-bar{width:100%;max-width:260px;margin:18px 0}.bar-bg{position:relative;width:100%;height:13px;background:#e4eaf0;border-radius:7px;margin:2px 0 7px}.marker-tick{position:absolute;top:0;width:2px;height:100%;border-radius:1px;background:#3b82f6;z-index:2}.marker-tick.pop{background:#dc2626}.arrow-marker,.arrow-marker.mean{position:absolute;left:0;bottom:100%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #16a34a;transform:translateX(-50%);z-index:3}.arrow-marker.mean{border-top:13px solid #a855f7}.comparison-legend{display:flex;gap:16px;font-size:.95em;margin-top:1px;align-items:center}.legend-arrow{color:#16a34a}.legend-arrow.mean{color:#a855f7}.legend-baseline{color:#3b82f6}.legend-pop{color:#dc2626}@media (max-width:480px){.comparison-bar{max-width:100%}}.risks-section{margin-bottom:32px}.risks-list{display:flex;gap:16px;flex-wrap:wrap}.risk-card{background:#fff6e0;border-radius:10px;padding:13px 19px;min-width:220px;box-shadow:0 1px 4px #eaeaea;flex:1 1 270px}.risk-header{font-weight:600;font-size:1.08em;display:flex;align-items:center;gap:8px;margin-bottom:4px}.risk-icon{font-size:1.6em}.risk-type{flex:2 1}.risk-status{font-size:.98em;color:#c9861d}.risk-card.risk-status-high .risk-status{color:#e23c3c}.risk-card.risk-status-medium .risk-status{color:#f3c623}.risk-card.risk-status-low .risk-status{color:#678}.risk-details{font-size:.97em;color:#555}.risk-criteria{font-style:italic;color:#8c4d00;margin-top:2px}.risk-events{color:#456;margin-top:1px;font-size:.96em}.disruptors-section{margin-bottom:32px}.disruptor-list{display:flex;flex-direction:column;gap:.8em;margin:0;padding:0}.disruptor-card{background:#f0f7ff;border-left:5px solid #2563eb;padding:.7em 1.2em;border-radius:.7em;font-size:1.06em;box-shadow:0 2px 6px rgba(30,64,175,.07);color:#1e293b}.disruptor-item{color:#7e3f00;margin-bottom:6px;font-size:1em}.activity-stat-card{margin-bottom:32px;padding:16px 0 8px}.activity-stats-row{display:flex;gap:28px}.activity-metric{display:flex;align-items:center;gap:6px;min-width:130px}.activity-bar-bg{width:60px;height:11px;background:#e3e8ee;border-radius:7px;margin:0 5px}.activity-bar-fill{height:100%;border-radius:7px}.activity-value{font-family:monospace;color:#1d2939}.donut-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.donut-label{text-align:center}.donut-value{font-size:1.18em;font-weight:700}.donut-title{font-size:.96em;color:#444;margin-top:-2px}.sleep-efficiency-gauge{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.gauge-title{font-weight:600;color:#335;margin-bottom:2px;font-size:1.08em}.gauge-svg-wrap{position:relative;width:100px;height:54px}.gauge-svg-wrap svg{display:block;width:100px;height:54px}.gauge-emoji{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);font-size:2.1rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gauge-label{margin-top:0;font-size:1.11em;font-weight:600;color:#23b26d}.gauge-speedo-wrap{width:240px;height:140px;position:relative;margin:0 auto}.gauge-score{font-size:1.6em;font-weight:600;margin-top:2px;color:#2563eb}.big-gauge{margin-bottom:12px}.big-gauge .gauge-title{font-size:1.5em;font-weight:700;color:#2d3250;margin-bottom:2px}.big-gauge .gauge-label{margin-top:0;font-size:1.1em;font-weight:700;color:#23b26d}.big-gauge .gauge-score{font-size:2.2em;font-weight:800;color:#2563eb}.alerts-section{margin-bottom:2em}.alerts-list{display:grid;grid-gap:16px;gap:16px}.alert-card{border-radius:14px;background:#f6f8fa;border:1px solid #e5e7eb;padding:16px 22px;box-shadow:0 2px 8px 0 rgba(20,35,60,.04)}.alert-main{font-size:1.08em;display:flex;align-items:center;margin-bottom:4px}.alert-metric{font-weight:700;color:#e23c3c}.alert-value{color:#2563eb}.alert-factors{font-size:.95em;color:#444}.checkbox-group{display:flex;flex-direction:column;gap:12px;padding-left:2px}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:1.08em;cursor:pointer;min-height:36px;margin-bottom:0;padding-left:0}.big-checkbox{width:22px;height:22px;accent-color:#2563eb;margin-right:4px;margin-left:0;vertical-align:middle;flex-shrink:0}.checkbox-label span{margin-left:0}.big-checkbox:focus{outline:2px solid #2563eb;outline-offset:2px}