:root{--brand-teal: #2a9d8f;--brand-deep: #264653;--brand-ochre: #e9c46a;--bg-base: #f3f4f2;--bg-card: #fbfcfa;--border-soft: #d8ddd6;--text-main: #202325;--text-muted: #4f5652;font-size:clamp(17px,.35vw + 15px,21px);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--brand-teal) 9%,white) 0%,transparent 48%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--brand-ochre) 15%,white) 0%,transparent 50%),var(--bg-base);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem}.screen-card{width:min(680px,100%);margin:0 auto;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:1.2rem;padding:1.4rem;box-shadow:0 10px 30px #0000000d}.screen-header h1{margin:0;font-size:clamp(1.35rem,4vw,1.8rem);letter-spacing:.01em}.screen-header p{margin:.65rem 0 0;color:var(--text-muted)}.app-hero{display:grid;justify-items:center;margin-bottom:.8rem}.app-title{font-size:clamp(1.7rem,7vw,2.35rem);letter-spacing:.08em;margin:0}.app-logo{display:block;height:auto;margin-top:.45rem;max-width:94px;width:100%}.app-tagline{color:var(--text-muted);margin:.55rem 0 0}.temporalidad-image{display:block;height:auto;margin:0 auto .8rem;max-width:500px;width:100%}.screen-content{margin-top:1.25rem}.screen-footer{text-align:center}.stack{display:grid;gap:.8rem}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}button,.as-link{border:none;border-radius:.85rem;cursor:pointer;font-size:1rem;padding:.85rem 1rem;text-align:center;width:100%}.primary-button,.as-link{background:var(--brand-deep);color:#f7faf6}.secondary-button{background:color-mix(in srgb,var(--brand-teal) 12%,white);border:1px solid color-mix(in srgb,var(--brand-deep) 30%,var(--border-soft));color:var(--brand-deep)}.text-button{background:transparent;color:var(--brand-deep);text-decoration:underline}.text-link{color:color-mix(in srgb,var(--brand-deep) 82%,black)}.option-button{background:color-mix(in srgb,var(--brand-teal) 8%,white);color:var(--brand-deep)}.option-button.is-selected{background:color-mix(in srgb,var(--brand-teal) 20%,white);border:1px solid color-mix(in srgb,var(--brand-teal) 60%,var(--brand-deep))}.card-button{background:color-mix(in srgb,var(--brand-teal) 8%,white);display:grid;gap:.4rem}.card-button strong{font-size:1.02rem}.intervention-option-button{align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-ochre) 55%,white) 0 8px,color-mix(in srgb,var(--brand-teal) 8%,white) 8px 100%);border:1px solid color-mix(in srgb,var(--brand-teal) 34%,var(--border-soft));color:var(--brand-deep);display:flex;font-weight:600;gap:.75rem;justify-content:space-between;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-align:left}.intervention-option-button:hover{border-color:color-mix(in srgb,var(--brand-teal) 62%,var(--brand-deep));box-shadow:0 8px 18px #2646531f;transform:translateY(-1px)}.intervention-option-cue{color:color-mix(in srgb,var(--brand-deep) 88%,black);font-size:1.15rem;line-height:1}.summary-text,.summary-question,.subtle-note{margin:0}.summary-question{font-weight:600}.subtle-note{color:color-mix(in srgb,var(--brand-deep) 70%,#5d675f);font-size:.95rem}.intensity-slider-wrap{display:grid;gap:.8rem}.intensity-face-image{display:block;height:auto;margin:0 auto;max-width:132px;width:100%}.intensity-slider{accent-color:var(--brand-teal);width:100%}.slider-values{color:color-mix(in srgb,var(--brand-deep) 72%,#566059);display:flex;font-size:.9rem;justify-content:space-between}.value-emphasis{margin:0;color:var(--brand-deep);font-weight:600;text-align:center}.soft-timer{color:color-mix(in srgb,var(--brand-deep) 68%,#4d584f);font-size:1.05rem;margin:0}.history-card{background:color-mix(in srgb,var(--brand-teal) 10%,white);border:1px solid color-mix(in srgb,var(--brand-teal) 24%,var(--border-soft));border-radius:.9rem;padding:.9rem}.history-card p{margin:0 0 .4rem}.history-card p:last-child{margin-bottom:0}.as-link{display:inline-block;text-align:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,.as-link:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.app-title{color:var(--brand-deep)}.summary-question{color:color-mix(in srgb,var(--brand-deep) 90%,black)}.intervention-title-row{align-items:center;display:flex;gap:.55rem;justify-content:space-between}.intervention-title{color:var(--brand-deep);font-size:clamp(1.2rem,3.3vw,1.55rem);margin:0}.lightbulb-button{align-items:center;background:color-mix(in srgb,var(--brand-ochre) 22%,white);border:1px solid color-mix(in srgb,var(--brand-ochre) 48%,var(--brand-deep));border-radius:999px;display:inline-flex;font-size:1.2rem;justify-content:center;line-height:1;min-height:2.25rem;min-width:2.25rem;padding:.25rem;text-align:center;width:auto}.modal-overlay{align-items:center;background:#1419166b;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:1rem;box-shadow:0 20px 42px #0003;max-width:640px;padding:1.1rem 1.15rem;position:relative;width:min(640px,100%)}.modal-close-button{align-items:center;background:transparent;border-radius:999px;color:var(--brand-deep);display:inline-flex;font-size:1.35rem;justify-content:center;min-height:2rem;min-width:2rem;padding:0;position:absolute;right:.5rem;text-align:center;top:.45rem;width:auto}.modal-title{color:var(--brand-deep);font-size:1.2rem;margin:0 0 .9rem}.modal-body{margin-top:.35rem}@media(min-width:700px){.screen{padding:2rem}.screen-card{padding:1.8rem}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}