:root{--emerald: #0e9f6e;--emerald-hover: #0b8a5f;--emerald-surface: #e7f6ef;--on-emerald: #ffffff;--indigo: #312e81;--insight: #eceaf6;--insight-fg: #3d3563;--amber: #c77a0a;--amber-surface: #fbf3e2;--amber-fg: #b45309;--blue-surface: #eff6ff;--blue-fg: #1d4ed8;--ink: #1a2320;--muted: #5d6b63;--surface: #ffffff;--page: #eeebe5;--container-high: #e7e3db;--shadow-card: 0 10px 30px -14px rgba(26, 35, 32, .18);--shadow-soft: 0 8px 24px -14px rgba(26, 35, 32, .16);--shadow-emerald: 0 10px 26px -10px rgba(14, 159, 110, .55);--r-card: 20px;--r-sm: 12px;--r-pill: 999px;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-serif: "Fraunces", Georgia, serif;--tr: .18s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--emerald: #34d399;--emerald-hover: #6ee7b7;--emerald-surface: #143026;--on-emerald: #06140d;--indigo: #818cf8;--insight: #292734;--insight-fg: #b2acd2;--amber: #fcd34d;--amber-surface: #2d2520;--amber-fg: #fcd34d;--blue-surface: #16243a;--blue-fg: #93c5fd;--ink: #e8eae6;--muted: #9aa8a0;--surface: #1a2320;--page: #131a17;--container-high: #243029}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--page);line-height:1.55;min-height:100dvh}#app{max-width:1160px;margin:0 auto;padding:32px 24px 60px}.header{text-align:center;padding:8px 0 26px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--indigo);box-shadow:0 6px 16px -6px #312e8180}.logo-mark svg{width:30px;height:30px}.logo-mark svg path{fill:#fff}.header h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(26px,5vw,34px);letter-spacing:-.015em;margin:14px 0 6px}.subtitle{color:var(--muted);font-size:clamp(15px,2.5vw,17px)}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--emerald)}.eyebrow svg{width:14px;height:14px}.picker{background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:40px}.picker-hero{height:150px;background-image:url(/zone_list_hero.webp);background-size:cover;background-position:center}.picker-body{padding:24px 26px 26px}.picker-title{font-family:var(--font-serif);font-weight:600;font-size:22px;margin:6px 0 2px}.picker-sub{color:var(--muted);font-size:14px;margin-bottom:18px}.room-group{margin-top:18px}.room-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tile{position:relative;background:var(--surface);border:none;border-radius:16px;overflow:hidden;padding:0;text-align:left;cursor:pointer;font-family:inherit;color:inherit;box-shadow:var(--shadow-card);transition:transform var(--tr),box-shadow var(--tr)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.tile.selected{outline:3px solid var(--emerald);outline-offset:0}.tile .tile-pic{display:block;width:100%;height:116px;background-size:cover;background-position:center;background-color:var(--container-high)}.tile .tile-name{display:block;padding:11px 13px 13px;font-size:13px;font-weight:600}.tile .tile-check{position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;background:var(--emerald);color:var(--on-emerald);display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.tile.selected .tile-check{display:flex}.tile:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--on-emerald);background:var(--emerald);border:none;border-radius:16px;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-emerald);transition:background var(--tr),transform var(--tr)}.cta-btn:hover{background:var(--emerald-hover);transform:translateY(-1px)}.cta-btn svg{transition:transform var(--tr)}.cta-btn:hover svg{transform:translate(3px)}.results{animation:slideUp .4s cubic-bezier(.22,1,.36,1) both}.results-eyebrow{margin:0 4px 14px}.results-grid{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start}.verdict{position:sticky;top:32px;display:flex;flex-direction:column;gap:18px}.stat{background:var(--container-high);border-radius:24px;padding:32px 24px;text-align:center}.stat .stat-n{font-family:var(--font-serif);font-weight:600;font-size:84px;line-height:.9;letter-spacing:-.02em}.stat .stat-lbl{color:var(--muted);font-size:15px;margin-top:6px}.stat .stat-due{margin-top:16px;font-size:16px}.stat .stat-due b{color:var(--amber);font-weight:700}.coach{background:var(--insight);border-radius:24px 14px;padding:22px;box-shadow:var(--shadow-soft)}.coach-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}.coach-head svg{color:var(--indigo);width:20px;height:20px}.coach-head span{font-weight:600;font-size:14px;color:var(--indigo)}.coach-quote{font-family:var(--font-serif);font-size:20px;line-height:1.45;color:var(--insight-fg)}.board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dcard{background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.dcard-pic{height:128px;background-size:cover;background-position:center;background-color:var(--container-high)}.dcard-body{padding:16px 17px 18px}.dcard-title{font-size:16px;font-weight:700;line-height:1.25;margin:9px 0}.dcard-ctx{color:var(--muted);font-size:13.5px;line-height:1.5;margin-top:10px}.pill{display:inline-block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:var(--r-pill)}.pill.amber{background:var(--amber-surface);color:var(--amber-fg)}.pill.blue{background:var(--blue-surface);color:var(--blue-fg)}.pill.neutral{background:var(--container-high);color:var(--muted)}.glossary-term{text-decoration:underline dotted;text-underline-offset:2px;cursor:help}#glossary-tip{display:none;position:fixed;background:var(--ink);color:var(--page);font-size:12px;line-height:1.4;padding:8px 12px;border-radius:8px;max-width:min(260px,80vw);z-index:100;pointer-events:none;box-shadow:var(--shadow-soft)}#glossary-tip.visible{display:block}.footer{text-align:center;padding:40px 0 8px}.footer p{font-size:13px;color:var(--muted)}.footer a{color:var(--emerald);text-decoration:none;font-weight:500}.copyright{font-size:12px;margin-top:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:839px){.results-grid{grid-template-columns:1fr}.verdict{position:static}.tiles{grid-template-columns:repeat(3,1fr)}.stat .stat-n{font-size:72px}}@media(max-width:599px){#app{padding:20px 16px 48px}.picker-hero{height:110px}.tiles{grid-template-columns:1fr 1fr}.stat .stat-n{font-size:64px}.board{grid-template-columns:1fr;gap:0;background:var(--surface);border-radius:20px;padding:4px 16px;box-shadow:var(--shadow-card)}.dcard{flex-direction:row;gap:13px;background:none;border-radius:0;box-shadow:none;overflow:visible;padding:16px 0;align-items:flex-start}.dcard+.dcard{border-top:1px solid rgba(26,35,32,.08)}.dcard-pic{width:52px;height:52px;border-radius:13px;flex-shrink:0}.dcard-body{padding:0}.dcard-title{font-size:15px;margin:0 0 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}