:root{color-scheme:light;--paper: #eaf3ff;--paper-strong: #f7fbff;--ink: #15233b;--muted: #5c7394;--line: rgba(21, 35, 59, .12);--accent: #2f6fdd;--accent-soft: rgba(47, 111, 221, .12);--accent-deep: #1d4f9f;--teal: #1f5fb8;--shadow: 0 28px 60px rgba(37, 29, 20, .14);font-family:Roboto,sans-serif;background:radial-gradient(circle at top left,rgba(47,111,221,.18),transparent 28%),radial-gradient(circle at 85% 15%,rgba(31,95,184,.18),transparent 24%),linear-gradient(180deg,#c4dcfa,#74a4df 42%,#265da0);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}#root{min-height:100vh}.page-shell{position:relative;min-height:100vh;overflow:hidden}.background-orb{position:absolute;width:28rem;height:28rem;border-radius:999px;filter:blur(18px);opacity:.5;pointer-events:none}.orb-one{top:-8rem;right:-7rem;background:radial-gradient(circle,rgba(47,111,221,.38),transparent 60%)}.orb-two{bottom:-10rem;left:-10rem;background:radial-gradient(circle,rgba(31,95,184,.3),transparent 62%)}.app-layout{position:relative;z-index:1;width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero-card,.questionnaire-card,.footer-card,.metric-card,.select-age{background:#f2f7ffd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow)}.hero-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.5rem;padding:1.6rem;border-radius:32px}.select-age{position:relative;z-index:40;display:flex;width:100%;flex-grow:1;padding:1.2rem;border-radius:32px;margin-top:20px}.eyebrow,.section-label{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.77rem;color:var(--accent-deep)}.hero-copy h1{margin:.3rem 0 .75rem;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96}.intro{margin:0;max-width:42rem;font-size:1.02rem;line-height:1.7;color:var(--muted)}.control-panel{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border-radius:24px;background:linear-gradient(180deg,#ffffffb3,#ecf0fff2);border:1px solid var(--line)}.language-switch{display:inline-flex;width:fit-content;position:absolute;right:0;margin:10px;padding:.35rem;border-radius:999px;background:#1d24330f}.lang-button,.ghost-button{border:0;cursor:pointer}.lang-button{padding:.7rem 1rem;border-radius:999px;color:var(--ink);background:transparent;transition:.18s ease}.lang-button.active{background:var(--ink);color:#fff}.select-block{position:relative;display:flex;flex-direction:column;gap:.55rem;color:var(--ink);flex:1 1 0}.select-block span,.metric-card span,.footer-card span,.question-meta,.support-note{font-size:.93rem;color:var(--muted)}.select-block select{width:100%;padding:.95rem 3rem .95rem 1rem;border-radius:18px;border:1px solid var(--line);background-color:#fffffff0;background-image:linear-gradient(45deg,transparent 50%,var(--accent-deep) 50%),linear-gradient(135deg,var(--accent-deep) 50%,transparent 50%);background-position:calc(100% - 1.3rem) calc(50% - .14rem),calc(100% - .92rem) calc(50% - .14rem);background-size:.4rem .4rem,.4rem .4rem;background-repeat:no-repeat;color:var(--ink);box-shadow:0 10px 24px #15233b0f;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.select-block select:hover{border-color:#2f6fdd59;background-color:#fffffffa}.select-block select:focus{outline:none;border-color:#2f6fdd8c;box-shadow:0 0 0 4px #2f6fdd1f,0 14px 28px #15233b1a;transform:translateY(-1px)}.custom-select{position:relative;z-index:50}.custom-select-trigger{position:relative;width:100%;padding:.95rem 3rem .95rem 1rem;border:1px solid var(--line);border-radius:18px;background:#fffffff0;color:var(--ink);text-align:left;box-shadow:0 10px 24px #15233b0f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.custom-select-trigger:before,.custom-select-trigger:after{content:"";position:absolute;right:1.15rem;top:50%;width:.55rem;height:2px;border-radius:999px;background:var(--accent-deep);transform-origin:center;transition:transform .18s ease}.custom-select-trigger:before{transform:translateY(-50%) rotate(45deg)}.custom-select-trigger:after{right:.84rem;transform:translateY(-50%) rotate(-45deg)}.custom-select:hover .custom-select-trigger{border-color:#2f6fdd59;background-color:#fffffffa}.custom-select.is-open .custom-select-trigger{outline:none;border-color:#2f6fdd8c;box-shadow:0 0 0 4px #2f6fdd1f,0 14px 28px #15233b1a;transform:translateY(-1px)}.custom-select.is-open .custom-select-trigger:before{transform:translateY(-50%) rotate(-45deg)}.custom-select.is-open .custom-select-trigger:after{transform:translateY(-50%) rotate(45deg)}.custom-select-menu{position:absolute;top:calc(100% + .55rem);left:0;right:0;z-index:120;display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border:1px solid rgba(47,111,221,.18);border-radius:20px;background:#f8fbfffa;box-shadow:0 20px 44px #15233b29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:30rem;overflow-y:auto}.custom-select-option{width:100%;padding:.85rem .95rem;border:0;border-radius:14px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.custom-select-option:hover{background:#2f6fdd14;color:var(--accent-deep);transform:translate(2px)}.custom-select-option.selected{background:linear-gradient(135deg,#2f6fdd29,#1f5fb81a);color:var(--accent-deep);font-weight:700}.support-note{margin:0;line-height:1.6}.support-note.subtle{color:var(--accent-deep)}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.metric-card{padding:1rem 1.1rem;border-radius:22px}.metric-card strong{display:block;margin-top:.35rem;font-size:2rem}.questionnaire-card{position:relative;z-index:1;padding:1.3rem;border-radius:32px;margin-top:20px}.questionnaire-form{display:flex;flex-direction:column;gap:1.5rem}.section-stack+.section-stack{padding-top:1rem;border-top:1px solid var(--line)}.empty-state{padding:3rem 1rem;text-align:center}.empty-state h2,.section-header h2{margin:.4rem 0 0;font-size:clamp(1.5rem,2vw,2rem)}.empty-state p{margin:.75rem 0 0;color:var(--muted)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ghost-button{padding:.85rem 1rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep)}.questions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.question-card{z-index:99;padding:1rem;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe0,#f0fdffeb)}.question-meta{display:flex;justify-content:space-between;gap:1rem}.question-card h3{margin:.8rem 0 1rem;font-size:1.04rem;line-height:1.55;font-weight:600}.answer-row{display:flex;flex-wrap:wrap;gap:.75rem}.answer-pill{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.78rem 1rem;border-radius:999px;border:1px solid var(--line);background:#ffffffdb;cursor:pointer;transition:.18s ease}.answer-pill.selected{border-color:#33b5ac66;background:#4733b51f;color:var(--accent-deep)}.answer-pill input{margin:0}.textarea-block{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;color:var(--muted)}.textarea-block textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:18px;background:#ffffffeb;resize:vertical;color:var(--ink)}.submit-panel,.result-card{background:#f2faffd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow)}.submit-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem;border-radius:24px}.submit-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.submit-button{min-width:220px;padding:1rem 1.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--teal),#144e53);color:#fff;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.submit-button:hover:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.55;cursor:not-allowed}.validation-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:500;width:min(30rem,calc(100vw - 2rem));padding:.95rem 1rem .95rem 3rem;border:1px solid rgba(180,35,24,.16);border-radius:18px;background:linear-gradient(180deg,#fff6f5f5,#ffeeebfa);color:#8f1d16;font-weight:700;box-shadow:0 12px 28px #8f1d1614;animation:validation-toast-in .18s ease}.validation-toast:before{content:"!";position:absolute;left:1rem;top:50%;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#b423181f;color:#b42318;font-size:.9rem;font-weight:800;transform:translateY(-50%)}@keyframes validation-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.result-card{margin-top:1rem;padding:1.2rem;border-radius:28px}.result-card.error{border-color:#33b58847}.result-header{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;margin-top:1rem}.result-title-block{display:flex;flex-direction:column;gap:.45rem}.result-title-block h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.result-subtitle{margin:0;color:var(--muted)}.result-subtitle code{padding:.18rem .45rem;border-radius:8px;background:#15233b14}.result-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.result-summary-card{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem;border-radius:24px;border:1px solid rgba(47,111,221,.14);background:#ffffffeb}.result-summary-card span{font-size:0rem;color:var(--muted)}.result-summary-card strong{font-size:1.5rem;line-height:1.05;color:var(--ink)}.result-summary-card code{width:fit-content;padding:.22rem .48rem;border-radius:8px;background:#15233b14;color:var(--accent-deep)}.result-summary-card.normal{background:linear-gradient(180deg,#f1f7fffa,#e5f0fff2)}.result-summary-card.risk{background:linear-gradient(180deg,#eef5fffa,#e0edfff2)}.result-summary-card.probability{background:linear-gradient(180deg,#f5fafffa,#e9f3fff2)}.result-meta{margin:.45rem 0 0;color:var(--muted)}.result-meta code{padding:.2rem .45rem;border-radius:8px;background:#1d24330f}.prediction-chip{display:inline-flex;align-items:center;margin-top:.8rem;padding:.55rem .9rem;border-radius:999px;font-weight:700}.prediction-chip.normal{background:#2f6fdd1f;color:var(--accent-deep)}.prediction-chip.at-risk{background:#1d4f9f2e;color:#14345f}.result-badge{flex:1;padding:.95rem 1rem;border-radius:22px;background:#1f6b721f;color:var(--teal)}.result-badge span{display:block;font-size:.92rem}.result-badge strong{display:block;margin-top:.35rem;font-size:2rem}.result-explanation-title{margin:1.5rem 0 .85rem;font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--ink)}.explanation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.explanation-item{display:flex;flex-direction:column;min-width:0;gap:.3rem;padding:1rem;border-radius:22px;border:1px solid rgba(47,111,221,.12);background:#ffffffeb}.explanation-item h3{margin:0 0 .7rem;font-size:1rem;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.explanation-item p{margin:.2rem 0;color:var(--muted);overflow-wrap:anywhere}.explanation-item strong{display:inline-block;margin-top:.65rem;color:var(--accent-deep)}.modal-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-start;justify-content:center;padding:1.25rem;background:#0a16286b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{display:flex;flex-direction:column;width:100%;align-items:center;gap:15px}.modal-card{position:relative;width:min(960px,100%);max-height:min(88vh,56rem);margin-top:0;padding-top:4.5rem;scrollbar-gutter:stable;scrollbar-width:none;overscroll-behavior:contain;overflow-y:auto;background:linear-gradient(180deg,#f8fbfffa,#e9f2fffa)}.modal-card-form{position:relative;width:min(960px,100%);max-height:min(88vh,56rem);padding:2rem;scrollbar-gutter:stable;scrollbar-width:none;overscroll-behavior:contain;overflow-y:auto;background:linear-gradient(180deg,#f8fbfffa,#e9f2fffa);border-radius:24px}.first-step-form{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink);font-size:1rem;line-height:1.6}.form-container{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}.form-info h2{margin:0 0 12px;font-size:24px;color:var(--ink)}.form-info p{margin:0;line-height:1.6;color:var(--muted)}.form-to-send{display:flex;flex-direction:column;gap:14px}.form-item-input,.form-item-input-large{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;outline:none;background:#fffffff0;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.form-item-input:focus,.form-item-input-large:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.form-item-input-large{min-height:130px;resize:vertical}.form-status{margin:0;padding:.85rem 1rem;border-radius:14px;font-size:.95rem;line-height:1.5}.form-status.error{border:1px solid rgba(180,35,24,.16);background:#ffeeebd1;color:#8f1d16}.form-status.success{border:1px solid rgba(31,95,184,.16);background:#e8f2ffe6;color:var(--accent-deep)}.modal-card::-webkit-scrollbar{width:0;height:0}.modal-close{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;padding:.7rem .95rem;border:0;border-radius:999px;background:#15233b14;color:var(--ink);cursor:pointer}.footer-card{margin-top:1rem;padding:1rem 1.2rem;border-radius:24px}.footer-card code{display:inline-block;margin-top:.45rem;padding:.5rem .75rem;border-radius:12px;background:#1d24330f}@media(max-width:980px){.hero-card,.select-age,.questions-grid,.metrics-row,.explanation-list,.result-summary-grid{grid-template-columns:1fr}.section-header{flex-direction:column}.submit-panel,.result-header,.first-step-form{flex-direction:column;align-items:stretch}.form-container{grid-template-columns:1fr}.submit-button{width:100%}}@media(max-width:640px){.modal-overlay{padding:.75rem}.modal-card{max-height:calc(100vh - 1.5rem);padding-top:4.25rem;padding-right:.35rem}.modal-card-form{max-height:calc(100vh - 1.5rem);padding:1rem}.app-layout{width:min(100vw - 1rem,100%);padding-top:.75rem}.hero-card,.questionnaire-card,.footer-card{border-radius:24px;padding:1rem}.control-panel{padding:1rem}.question-card{padding:.95rem}.answer-row{flex-direction:column}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:double-button,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment{display:none;width:0;height:0;background:transparent;border:0;box-shadow:none}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#252f61;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3a3e83}::-webkit-scrollbar-corner{background:transparent}