:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#dfe9ff 0,transparent 48%),#f5f7fb}
.shell{width:min(1080px,100%);margin:0 auto;padding:clamp(28px,6vw,72px) 18px 44px}
.intro{text-align:center;max-width:720px;margin:0 auto 28px}
.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:#e8eefc;color:#264b8f;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
h1{margin:18px 0 10px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.02;letter-spacing:-.045em}
.project-link{color:inherit;text-decoration:underline;text-decoration-color:#7a99d8;text-decoration-thickness:.06em;text-underline-offset:.1em}.project-link:hover{color:#264b8f}.project-link:focus-visible{outline:3px solid #84adff;outline-offset:4px;border-radius:4px}
.intro p{margin:0 auto;color:#475467;font-size:clamp(1rem,2.6vw,1.16rem);line-height:1.55}
.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.channel{position:relative;background:#fff;border:1px solid #e4e7ec;border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(16,24,40,.07);overflow:hidden}
.channel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}
.telegram{--accent:#229ed9;--soft:#eaf7fd}.max{--accent:#6c4dff;--soft:#f0edff}.instagram{--accent:#dd2a7b;--soft:#fff0f6}
.channel-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--accent);font-weight:900;font-size:1.1rem}
h2{margin:0;font-size:1.12rem}.channel-head p{margin:2px 0 0;color:#667085;font-size:.88rem}
.channel-destination{margin:10px 0 0;color:#667085;font-size:.78rem;text-align:center}
.qr-link{display:block;width:min(100%,236px);margin:0 auto 14px;padding:10px;border-radius:18px;background:#fff;border:1px solid #eaecf0}
.qr-link img{display:block;width:100%;height:auto;image-rendering:pixelated}
.channel-button{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;text-decoration:none;font-weight:800;color:#fff;background:var(--accent);transition:transform .18s ease,filter .18s ease}
.channel-button:hover{transform:translateY(-1px);filter:brightness(.96)}.channel-button:focus-visible,.qr-link:focus-visible,.assessment-trigger:focus-visible,.dialog-close:focus-visible,.article-link:focus-visible,.reset-assessment:focus-visible,.question input:focus-visible+span{outline:3px solid #84adff;outline-offset:3px}
.assessment-cta{max-width:660px;margin:26px auto 0;text-align:center;background:linear-gradient(145deg,#101828,#263d76);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 44px rgba(16,24,40,.16)}
.cta-kicker{display:block;margin-bottom:8px;color:#b2ccff;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.assessment-cta h2{font-size:clamp(1.35rem,4vw,2rem);line-height:1.15}.assessment-cta p{margin:10px auto 18px;max-width:520px;color:#d0d5dd;line-height:1.5}
.assessment-trigger{width:100%;min-height:52px;border:1px solid #6172f3;border-radius:15px;background:#3444a5;color:#fff;font:inherit;font-weight:850;cursor:pointer;padding:10px 14px;transition:transform .18s ease,background .18s ease}.assessment-trigger:hover{background:#4153c4;transform:translateY(-1px)}
.assessment-dialog{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:28px;background:#f7f9fc;color:#101828;box-shadow:0 28px 90px rgba(16,24,40,.34)}
.assessment-dialog::backdrop{background:rgba(15,23,42,.68);backdrop-filter:blur(7px)}
.dialog-shell{padding:24px}.dialog-header{position:sticky;top:-24px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-24px -24px 18px;padding:23px 24px 18px;background:rgba(247,249,252,.96);border-bottom:1px solid #e4e7ec;backdrop-filter:blur(12px)}
.dialog-kicker{display:block;margin-bottom:5px;color:#3444a5;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dialog-header h2{margin:0;max-width:680px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.12;letter-spacing:-.025em}
.dialog-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #d0d5dd;border-radius:13px;background:#fff;color:#344054;font-size:1.75rem;line-height:1;cursor:pointer}
.assessment-intro{margin-bottom:16px;padding:14px 16px;border:1px solid #c7d7fe;border-radius:16px;background:#eef4ff;color:#344054;line-height:1.5}
.assessment-form{display:grid;gap:18px}.test-panel{padding:20px;border:1px solid #e4e7ec;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.05)}
.test-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}.test-number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#101828;color:#fff;font-size:.82rem;font-weight:900;letter-spacing:.04em}.test-heading h3{margin:0;font-size:1.25rem}.test-heading p{margin:3px 0 0;color:#667085;font-size:.9rem}
.question{margin:0;padding:16px 0;border:0;border-top:1px solid #eaecf0}.question legend{display:block;width:100%;padding:0 0 10px;font-weight:800;line-height:1.4}.question label{display:block;margin:7px 0;cursor:pointer}.question input{position:absolute;opacity:0;pointer-events:none}.question label span{display:block;padding:11px 13px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#344054;line-height:1.35;transition:border-color .15s ease,background .15s ease,transform .15s ease}.question label:hover span{border-color:#84adff;background:#f8faff}.question input:checked+span{border-color:#3444a5;background:#eef0ff;color:#1d2d78;font-weight:750;box-shadow:inset 0 0 0 1px #3444a5}
.test-result{display:flex;align-items:center;gap:14px;margin-top:10px;padding:15px;border-radius:16px;background:#ecfdf3;border:1px solid #abefc6}.test-result.pending{background:#f8fafc;border-color:#e2e8f0}.result-score{display:grid;place-items:center;min-width:64px;height:48px;padding:0 9px;border-radius:13px;background:#067647;color:#fff;font-weight:900}.pending .result-score{background:#98a2b3}.test-result strong{display:block}.test-result p{margin:3px 0 0;color:#475467;line-height:1.4}
.assessment-summary{padding:22px;border-radius:22px;background:linear-gradient(140deg,#101828,#243b72);color:#fff}.summary-label{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b2ccff}.assessment-summary h3{margin:8px 0 8px;font-size:1.4rem}.assessment-summary>p{color:#d0d5dd;line-height:1.55}.article-link{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:16px;border-radius:14px;background:#fff;color:#101828;text-decoration:none;font-weight:900;text-align:center;padding:10px 14px}.assessment-summary .medical-note{margin:12px 0 0;color:#98a2b3;font-size:.78rem}
.specialist-link{background:#d5f4f1;color:#075963}
.result-sheet{padding:24px;border:1px solid #d0d5dd;border-radius:22px;background:#fff;color:#101828;box-shadow:0 12px 34px rgba(16,24,40,.08)}.result-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:2px solid #101828}.sheet-kicker{display:block;margin-bottom:5px;color:#3444a5;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.result-sheet h3{margin:0;font-size:1.35rem}.result-sheet time{color:#667085;font-size:.88rem;white-space:nowrap}.sheet-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.sheet-scores>div{padding:16px;border-radius:16px;background:#f5f7fb}.sheet-scores span,.sheet-conclusion span{display:block;color:#667085;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.sheet-scores strong{display:block;margin:5px 0 3px;font-size:1.6rem}.sheet-scores p,.sheet-conclusion p{margin:0;color:#344054;line-height:1.4}.sheet-conclusion{padding:15px 16px;border-left:4px solid #3444a5;background:#eef0ff;border-radius:4px 14px 14px 4px}.sheet-conclusion p{margin-top:6px}.sheet-qr{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:18px;margin-top:18px;padding:16px;border:1px solid #e4e7ec;border-radius:18px}.sheet-qr canvas{display:block;width:148px;height:148px;background:#fff;image-rendering:pixelated}.sheet-qr strong{display:block;margin-bottom:5px}.sheet-qr p{margin:0;color:#667085;line-height:1.45}.result-sheet footer{margin-top:14px;color:#667085;font-size:.76rem}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions button,.result-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 13px;border-radius:13px;font:inherit;font-weight:800;text-align:center;cursor:pointer}.result-actions button{border:0;background:#101828;color:#fff}.result-actions a{border:1px solid #d0d5dd;background:#fff;color:#344054;text-decoration:none}
.reset-assessment{justify-self:center;border:0;background:transparent;color:#475467;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;cursor:pointer;padding:9px 14px}
.alcohol-cta{margin-top:16px;background:linear-gradient(145deg,#103b47,#116b75)}
.alcohol-cta .cta-kicker{color:#b9f2ed}.alcohol-cta .assessment-trigger{border-color:#53b8bc;background:#087b85}.alcohol-cta .assessment-trigger:hover{background:#09939d}
.alcohol-dialog .dialog-kicker{color:#087b85}.alcohol-dialog .test-number{background:#087b85}
.alcohol-dialog .question input:checked+span{border-color:#087b85;background:#e6f7f7;color:#075963;box-shadow:inset 0 0 0 1px #087b85}
.question-hint{margin:0 0 12px;color:#475467;font-size:.93rem;line-height:1.5}
.drink-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.drink-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:7px 8px 11px;border:1px solid #b7d7d9;border-radius:14px;background:#f4fbfb;text-align:center}
.drink-photo{display:block;width:100%;height:124px;object-fit:contain}
.drink-card strong{font-size:.88rem;line-height:1.25}.drink-card span{margin-top:4px;color:#475467;font-size:.82rem}
.conversion-details{margin:0 0 14px;padding:12px 14px;border:1px solid #b7d7d9;border-radius:13px;background:#f4fbfb}
.conversion-details summary{color:#075963;font-weight:800;cursor:pointer}.conversion-scroll{overflow-x:auto;margin-top:12px}
.conversion-details table{width:100%;min-width:650px;border-collapse:collapse;text-align:left;font-size:.88rem}
.conversion-details th,.conversion-details td{padding:8px 9px;border:1px solid #c3dde0}.conversion-details thead th{background:#dceff0}.conversion-details tbody th{white-space:nowrap}
.alcohol-skip-note{padding:13px 15px;border:1px solid #b7d7d9;border-radius:13px;background:#e6f7f7;color:#075963;line-height:1.45}
.alcohol-summary{background:linear-gradient(140deg,#103b47,#116b75)}.alcohol-summary .summary-label{color:#b9f2ed}
.alcohol-summary .medical-note{color:#d3eeee;font-size:.87rem}.alcohol-summary .article-link{color:#075963}
.anxiety-cta{background:linear-gradient(145deg,#182c4b,#315a83)}
.anxiety-cta .cta-kicker{color:#cbdcf5}
.anxiety-cta .assessment-trigger{border-color:#6a9dc9;background:#315a83}
.anxiety-cta .assessment-trigger:hover{background:#3b6d9e}
.anxiety-dialog .dialog-kicker{color:#315a83}
.anxiety-dialog .question input:checked+span{border-color:#315a83;background:#eef4fb;color:#182c4b;box-shadow:inset 0 0 0 1px #315a83}
.anxiety-summary{background:linear-gradient(140deg,#182c4b,#315a83)}
.anxiety-summary .medical-note{color:#e0e9f4;font-size:.87rem}
.depression-cta{background:linear-gradient(145deg,#182c4b,#315a83)}
.depression-cta .cta-kicker{color:#cbdcf5}
.depression-cta .assessment-trigger{border-color:#6a9dc9;background:#315a83}
.depression-cta .assessment-trigger:hover{background:#3b6d9e}
.depression-dialog .dialog-kicker{color:#315a83}
.depression-dialog .question input:checked+span{border-color:#315a83;background:#eef4fb;color:#182c4b;box-shadow:inset 0 0 0 1px #315a83}
.depression-summary{background:linear-gradient(140deg,#182c4b,#315a83)}
.depression-summary .medical-note{color:#e0e9f4;font-size:.87rem}
.depression-safety{margin:18px 0;padding:18px;border:2px solid #315a83;border-radius:18px;background:#eef4fb;color:#182c4b;line-height:1.55}
.depression-safety p{margin:8px 0 0}
.depression-safety a{color:#182c4b;font-weight:800}
.depression-summary .depression-result-safety{padding:14px;border:1px solid #d3eeee;border-radius:14px;background:#f1f7fb;color:#182c4b}
.depression-result-safety a{color:#182c4b;font-weight:800}
@media(max-width:760px){.shell{padding-top:26px}.channels{grid-template-columns:1fr}.channel{display:grid;grid-template-columns:88px 1fr;gap:0 14px;align-items:center;padding:15px}.channel-head{grid-column:2;margin:0 0 9px}.mark{width:38px;height:38px}.qr-link{grid-column:1;grid-row:1/3;width:88px;margin:0;padding:6px;border-radius:13px}.channel-button{grid-column:2;min-height:46px}.channel-destination{grid-column:1/-1}.assessment-cta{margin-top:18px;border-radius:20px;padding:22px 16px}.intro{margin-bottom:20px}}
@media(max-width:600px){.assessment-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.dialog-shell{padding:16px}.dialog-header{top:-16px;margin:-16px -16px 14px;padding:17px 16px 14px}.dialog-header h2{font-size:1.25rem}.dialog-close{width:40px;height:40px;flex-basis:40px}.test-panel{padding:15px;border-radius:18px}.question label span{padding:12px}.assessment-intro{font-size:.92rem}.result-sheet{padding:16px}.result-sheet-header{display:block}.result-sheet time{display:block;margin-top:8px}.sheet-scores{grid-template-columns:1fr}.sheet-qr{grid-template-columns:112px 1fr;gap:12px;padding:12px}.sheet-qr canvas{width:112px;height:112px}.result-actions{grid-template-columns:1fr}}
@media(max-width:600px){.drink-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.drink-photo{height:118px}.drink-card strong{font-size:.87rem}}
@media print{body.print-result{background:#fff}body.print-result *{visibility:hidden!important}body.print-result .result-sheet,body.print-result .result-sheet *{visibility:visible!important}body.print-result .result-sheet{display:block!important;position:fixed;inset:0;width:100%;height:auto;margin:0;padding:16mm;border:0;border-radius:0;box-shadow:none}body.print-result .sheet-qr canvas{width:42mm;height:42mm}.assessment-dialog::backdrop{background:#fff}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.relationships-note{font-size:.9rem;line-height:1.55;color:#475467;margin:20px 0 0}.relationship-answer{margin:12px 0;padding:14px;border:1px solid #d0d5dd;border-radius:14px}.relationship-answer[open]{background:#eef4ff}.relationship-answer summary{cursor:pointer;font-weight:750;line-height:1.5}.relationship-answer p,#relationships-result p{line-height:1.6}#relationships-result{scroll-margin-top:110px}#relationships-result:focus{outline:3px solid #84adff;outline-offset:3px}
.relationship-contact{background:#d5f4f1;color:#075963}
.adhd-cta{background:linear-gradient(145deg,#182c4b,#315a83)}
.adhd-cta .cta-kicker{color:#cbdcf5}
.adhd-dialog .dialog-kicker{color:#315a83}
.adhd-step[hidden],.adhd-result[hidden],#adhd-submit[hidden],#adhd-restart[hidden]{display:none}
.adhd-step h3,.adhd-result h3{margin:0 0 20px;font-size:1.27rem}
.adhd-text-label{display:block;margin:18px 0 9px;font-weight:800;line-height:1.5}
.adhd-step textarea{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #b8c3d1;border-radius:13px;background:#fff;color:#101828;font:inherit;line-height:1.55;resize:vertical}
.adhd-step textarea:focus-visible{outline:3px solid #84adff;outline-offset:2px}
.adhd-context-note{margin:20px 0 0;padding:15px;border-left:4px solid #315a83;border-radius:4px 12px 12px 4px;background:#eef4fb;color:#344054;line-height:1.55}
.adhd-answer{padding:13px 0;border-bottom:1px solid #e4e7ec}
.adhd-answer h4{margin:0 0 5px;font-size:.97rem}
.adhd-answer p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.adhd-result>p{line-height:1.55}
.adhd-result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.adhd-result-actions .article-link{margin:0}
.adhd-result:focus{outline:3px solid #84adff;outline-offset:3px}
@media(max-width:600px){.adhd-result-actions>*{width:100%;box-sizing:border-box;text-align:center}}
.child-adhd-cta{margin-top:16px;background:linear-gradient(145deg,#183c38,#2b7168)}
.child-adhd-cta .cta-kicker{color:#d1f5e6}
.child-adhd-cta .assessment-trigger{border-color:#4bb39e;background:#167565}
.child-adhd-cta .assessment-trigger:hover{background:#198c78}
.child-adhd-dialog .dialog-kicker{color:#167565}
.child-adhd-dialog .assessment-intro p{margin:0 0 8px}
.child-adhd-dialog .assessment-intro p:last-child{margin-bottom:0}
.child-adhd-fields[hidden],.child-adhd-result[hidden],#child-adhd-submit[hidden],#child-adhd-restart[hidden]{display:none}
.child-adhd-fields h3,.child-adhd-result h3{margin:0 0 16px;font-size:1.27rem}
.child-age-input{display:block;width:120px;max-width:100%;padding:12px 14px;border:1px solid #b8c3d1;border-radius:13px;background:#fff;color:#101828;font:inherit}
.child-age-input:focus-visible,.child-adhd-fields textarea:focus-visible{outline:3px solid #84adff;outline-offset:2px}
.child-adhd-fields textarea{display:block;width:100%;padding:12px 14px;border:1px solid #b8c3d1;border-radius:13px;background:#fff;color:#101828;font:inherit;line-height:1.55;resize:vertical}
.child-adhd-result>p{line-height:1.55}
.child-adhd-result:focus{outline:3px solid #84adff;outline-offset:3px}

.site-footer{margin:36px auto 0;padding:22px 18px;border-top:1px solid #d0d5dd;text-align:center;color:#475467}
.site-footer>p{margin:0 0 14px;font-size:.88rem;font-weight:700}
.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;text-decoration:none;font-size:.9rem;font-weight:750}
.social-links a:hover{border-color:#84adff;background:#f8faff}
.social-links a:focus-visible,.footer-qr summary:focus-visible,.share-actions a:focus-visible,.share-actions button:focus-visible{outline:3px solid #84adff;outline-offset:3px}
.social-links img{display:block;width:20px;height:20px;flex:none}
.footer-qr{margin:17px auto 0;width:fit-content;max-width:100%;font-size:.84rem}
.footer-qr summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.footer-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.footer-qr figure{margin:0}.footer-qr img{display:block;width:min(100%,120px);height:auto;margin:auto;padding:5px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;image-rendering:pixelated}.footer-qr figcaption{margin-top:5px}
.result-outro{padding:18px;border:1px solid #d0d5dd;border-radius:18px;background:#fff;color:#101828}
.result-outro h3{margin:0 0 12px;font-size:1.06rem}
.share-actions{display:flex;flex-wrap:wrap;gap:9px}
.share-actions button,.share-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid #3444a5;border-radius:11px;background:#fff;color:#273789;text-decoration:none;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}
.share-actions button:first-child{background:#3444a5;color:#fff}
.share-status{min-height:1.2em;margin:8px 0 0;color:#3444a5;font-size:.84rem}
.share-privacy{margin:3px 0 0;color:#667085;font-size:.82rem;line-height:1.45}
.share-invite{margin:16px 0 10px;font-size:.88rem;font-weight:750}
.result-outro .social-links{justify-content:flex-start}
@media(max-width:600px){.site-footer{margin-top:27px}.share-actions>*{flex:1 1 100%}.result-outro{padding:15px}.footer-qr-grid{gap:8px}.social-links a{min-height:40px;padding:8px 11px}}
