.tool-panel{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-xl);gap:var(--sp-5);box-shadow:var(--shadow-md);padding:clamp(1.25rem,1rem + 2vw,2.5rem);display:grid}.tool-actions{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.tool-actions--center{justify-content:center}.tool-hint{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;max-width:36rem;margin-inline:auto}.tool-panel [hidden]{display:none!important}.assess__stem{font-family:var(--font-serif);font-size:var(--fs-lg);color:var(--c-forest)}.assess__list{gap:var(--sp-5);padding:0;list-style:none;display:grid}.q{gap:var(--sp-3);border:0;min-width:0;margin:0;padding:0;display:grid}.q__text{gap:var(--sp-3);font-weight:600;font-size:var(--fs-base);padding:0;line-height:1.4;display:flex}.q__text em{color:var(--text-muted);font-weight:400;font-size:var(--fs-sm)}.q__num{background:var(--c-sage);width:1.9rem;height:1.9rem;color:var(--c-forest);font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.q__options{gap:var(--sp-2);padding-left:calc(1.9rem + var(--sp-3));grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));display:grid}.q__options--row{padding-left:0}@media (width<=560px){.q__options{padding-left:0}}.opt{cursor:pointer;display:block;position:relative}.opt input,.chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.opt span{align-items:center;gap:var(--sp-2);border:1.5px solid var(--c-line);border-radius:var(--r-md);background:var(--c-cream);min-height:48px;font-size:var(--fs-sm);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);padding:.55rem .9rem;line-height:1.3;display:flex}.opt:hover span{border-color:var(--c-forest)}.opt input:checked+span{background:var(--c-forest);color:var(--c-white);border-color:var(--c-forest)}.opt input:focus-visible+span,.chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{position:relative}.chip span{border:1.5px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-cream);min-height:40px;font-size:var(--fs-sm);transition:background-color var(--dur) var(--ease);align-items:center;padding:.35rem .95rem;display:inline-flex}.chip:hover span{border-color:var(--c-forest)}.chip input:checked+span{background:var(--c-yellow-soft);border-color:var(--c-forest);font-weight:600}.assess__error{color:var(--c-alert);background:var(--c-alert-bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600}textarea.input{resize:vertical;font:inherit}.result{gap:var(--sp-4);outline:none;display:grid}.result__title{font-size:var(--fs-h3)}.result__score{font-family:var(--font-serif);color:var(--c-forest);font-size:clamp(2.5rem,2rem + 3vw,4rem);line-height:1}.result__of{font-size:var(--fs-base);color:var(--text-muted);font-family:var(--font-sans)}.meter{border-radius:var(--r-pill);background:var(--c-sage);height:12px;overflow:hidden}.meter>span{border-radius:inherit;background:var(--c-forest);height:100%;transition:width .6s var(--ease);display:block}.result[data-level=low] .meter>span{background:#2f7a5f}.result[data-level=mild] .meter>span{background:#8aa13a}.result[data-level=moderate] .meter>span{background:#c28a12}.result[data-level=high] .meter>span{background:#a24a2a}.result__crisis{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--c-alert-bg);border:1px solid #e8c6bb;border-left:5px solid var(--c-alert);border-radius:var(--r-md);display:flex}.result__crisis p+p{margin-top:var(--sp-2)}.result__crisis svg{color:var(--c-alert);flex:none;margin-top:2px}.result__crisis a{color:var(--c-alert);font-weight:700}.result__note{font-size:var(--fs-sm);color:var(--text-muted)}.result__steps{background:var(--bg-sage);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5)}.result__steps h3{font-size:var(--fs-h4);margin-bottom:var(--sp-2)}.result__steps ul{gap:var(--sp-2);font-size:var(--fs-sm);padding-left:1.2em;display:grid}.breath{text-align:center;justify-items:center}.breath .field{text-align:left;width:100%;max-width:30rem}.breath__stage{aspect-ratio:1;place-items:center;width:min(100%,20rem);display:grid}.breath__orb{background:radial-gradient(circle at 35% 30%, #fff 0, var(--c-sage) 45%, #9cc1ae 100%);border-radius:50%;place-items:center;width:100%;height:100%;transition-property:transform;transition-duration:1s;transition-timing-function:ease-in-out;display:grid;transform:scale(.55);box-shadow:0 0 0 10px #dde9df8c,0 0 0 22px #dde9df4d}.breath__count{font-family:var(--font-serif);color:var(--c-forest);font-size:3rem}.breath__cue{font-family:var(--font-serif);font-size:var(--fs-h3);color:var(--c-forest);min-height:1.3em}.breath__rounds{min-height:1.4em;font-size:var(--fs-sm);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.breath__orb{transition:none;transform:none!important}}.ground__progress{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-teal);font-weight:700}.ground__prompt{font-size:var(--fs-h2);margin-top:var(--sp-2);outline:none}.ground__hint{color:var(--text-muted);font-size:var(--fs-lg);margin-top:var(--sp-3);max-width:38rem}.ground__dots{gap:var(--sp-2);margin-block:var(--sp-5);display:flex}.ground__dots span{border:2px solid var(--c-forest);width:22px;height:22px;transition:background-color var(--dur) var(--ease);border-radius:50%}.ground__dots span.on{background:var(--c-forest)}[data-ground-done]:focus{outline:none}.bubbles__field{border-radius:var(--r-lg);touch-action:manipulation;user-select:none;cursor:pointer;background:linear-gradient(#eef5ee 0%,#dbe8e1 55%,#c3d9d0 100%);height:clamp(18rem,50vw,28rem);position:relative;overflow:hidden}.bubble{border-radius:50%;animation:linear forwards bubble-rise;position:absolute;bottom:-120px;box-shadow:inset 0 0 12px #ffffffb3,0 2px 8px #073f3a1f}.bubble:before{content:"";background:#ffffffd9;border-radius:50%;width:22%;height:14%;position:absolute;top:14%;left:22%;transform:rotate(-30deg)}.bubble.is-still{animation:bubble-in .6s var(--ease) both;bottom:auto}.bubble.is-popping{pointer-events:none;animation:.28s ease-out forwards bubble-pop}.bubbles__field.is-paused .bubble:not(.is-popping){animation-play-state:paused}@keyframes bubble-rise{0%{transform:translate(0)}50%{transform:translate(14px,calc(-1*clamp(9rem,25vw,14rem)))}to{transform:translate(-6px,calc(-1*clamp(24rem,62vw,36rem)))}}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bubble-pop{to{opacity:0;transform:scale(1.5)}}.detective__thought{font-family:var(--font-serif);font-size:var(--fs-h3);color:var(--c-forest);padding:var(--sp-4) var(--sp-5);margin:var(--sp-3) 0;background:var(--c-yellow-soft);border-radius:var(--r-lg);border-left:5px solid var(--c-yellow);outline:none;line-height:1.35}.detective__ask{margin-bottom:var(--sp-3);font-weight:600}.detective__choices{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.choice{text-align:left;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--c-line);border-radius:var(--r-md);background:var(--c-cream);font:inherit;color:inherit;cursor:pointer;min-height:48px;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);gap:.2rem;display:grid}.choice strong{color:var(--c-forest)}.choice span{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.choice:hover:not(:disabled){border-color:var(--c-forest);background:var(--c-white)}.choice:disabled{cursor:default;opacity:.65}.choice.is-right{opacity:1;background:#e4f1ea;border-width:2px;border-color:#2f7a5f}.choice.is-picked{opacity:1;background:#fdf3d9;border-color:#c28a12}.detective__feedback{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--bg-sage);border-radius:var(--r-lg);gap:var(--sp-3);display:grid}.detective__verdict{font-family:var(--font-serif);font-size:var(--fs-h4);color:var(--c-forest)}[data-det-done]:focus,[data-det-card] :focus:not(:focus-visible){outline:none}.moodlog form{gap:var(--sp-5);display:grid}.moodlog__history{gap:var(--sp-4);border-top:1px solid var(--c-line);padding-top:var(--sp-5);display:grid}.moodchart{height:9rem;padding:var(--sp-3);background:var(--bg-sage);border-radius:var(--r-md);align-items:flex-end;gap:6px;display:flex}.moodchart__bar{background:var(--c-forest);border-radius:6px 6px 2px 2px;flex:1;max-width:2.5rem;min-height:6px}.moodchart__bar.m1{background:#a24a2a}.moodchart__bar.m2{background:#c28a12}.moodchart__bar.m3{background:#8aa13a}.moodchart__bar.m4{background:#2f7a5f}.moodchart__bar.m5{background:var(--c-forest)}.moodlog__summary{font-size:var(--fs-sm);color:var(--text-muted)}.moodlog__list{gap:var(--sp-3);padding:0;list-style:none;display:grid}.moodlog__list li{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);font-size:var(--fs-sm);gap:.25rem;display:grid;position:relative}.moodlog__list li>p:first-child span{color:var(--text-muted);margin-left:var(--sp-2)}.moodlog__bits{color:var(--text-muted)}.moodlog__del{font:inherit;font-size:var(--fs-xs);color:var(--c-alert);cursor:pointer;background:0 0;border:0;justify-self:start;min-height:32px;padding:.25rem 0;text-decoration:underline}.tool-meta{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.tool-body{padding-bottom:var(--section-gap);gap:var(--sp-8);display:grid}.tool-lede{font-size:var(--fs-lg);color:var(--text-muted);max-width:44rem}.tool-links{gap:var(--sp-2);padding:0;list-style:none;display:grid}.tool-links a{font-weight:600}@media print{header,footer,.skip-link,.tool-actions,form,.tool-links{display:none!important}.tool-panel{box-shadow:none;border:0}.result{display:grid!important}}
