:root{color-scheme:light;--ink: #1a1a1a;--paper: #fbfaf7;--paper-deep: #f4f1eb;--lila: #e6ddf5;--rosa: #f9dde7;--azul: #d9e8f7;--menta: #d8f0e4;--durazno: #fbe6d4;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", sans-serif;--script: "Allura", cursive;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse at 8% 12%,rgba(230,221,245,.32),transparent 25rem),radial-gradient(ellipse at 94% 82%,rgba(216,240,228,.3),transparent 26rem),var(--paper)}button,a{color:var(--ink);font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.app-shell{width:min(100%,940px);min-height:calc(100dvh - 52px);margin:0 auto;padding:24px 22px 42px;display:flex;align-items:center;justify-content:center}.site-footer{min-height:52px;padding:12px 16px 18px;text-align:center;font-size:10px;letter-spacing:.16em}.screen{width:100%;animation:arrive .48s cubic-bezier(.22,.61,.36,1) both}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0;font-size:10px;line-height:1.5;letter-spacing:.21em;text-transform:uppercase}.welcome-screen{position:relative;max-width:690px;margin:auto;padding:54px 0 48px;text-align:center}.welcome-copy{position:relative;z-index:1}.display-title,.result-title{margin:22px 0 24px;font:500 clamp(35px,8vw,63px)/.94 var(--serif);letter-spacing:.105em;text-transform:uppercase}.script-word{display:inline-block;font:400 1.25em/.7 var(--script);letter-spacing:.015em;text-transform:none}.intro-copy{max-width:570px;margin:0 auto;font-size:15px;line-height:1.9}.primary-button,.secondary-button{min-height:56px;border:0;border-radius:999px;padding:0 28px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;margin-top:30px;background:linear-gradient(110deg,#e6ddf5,#f9dde7 52%,#d9e8f7);box-shadow:0 7px 18px #52424c17;font-size:14px;font-weight:600}.primary-button span{font-size:19px;line-height:1}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #52424c1f}.primary-button:active,.secondary-button:active{transform:translateY(0)}.time-note{margin:13px 0 0;font-size:11px;letter-spacing:.08em}.welcome-art{position:absolute;z-index:0;width:228px;height:228px;top:-30px;right:-34px;opacity:.58;pointer-events:none}.art-ring{position:absolute;border:1px solid rgba(26,26,26,.15);border-radius:50%}.ring-one{inset:16px}.ring-two{inset:0;transform:rotate(-25deg) scaleX(.6)}.art-sun{position:absolute;top:45px;right:48px;width:30px;height:30px;border-radius:50%;background:var(--durazno)}.art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--rosa)}.dot-one{left:25px;bottom:54px}.dot-two{right:26px;bottom:33px;background:var(--menta)}.welcome-swatch{display:flex;width:134px;height:9px;margin:39px auto 0;overflow:hidden;border-radius:8px}.welcome-swatch i{flex:1}.welcome-swatch i:nth-child(1){background:var(--lila)}.welcome-swatch i:nth-child(2){background:var(--rosa)}.welcome-swatch i:nth-child(3){background:var(--azul)}.welcome-swatch i:nth-child(4){background:var(--menta)}.welcome-swatch i:nth-child(5){background:var(--durazno)}.quiz-screen{max-width:700px;padding:15px 0 22px}.quiz-topline,.progress-meta,.quiz-nav{display:flex;align-items:center;justify-content:space-between}.text-button,.back-button{border:0;padding:10px 0;background:none;cursor:pointer;font-size:12px}.text-button{text-decoration:underline;text-underline-offset:4px}.progress-meta{margin:46px 0 9px;font-size:11px;letter-spacing:.08em}.progress-track{width:100%;height:3px;overflow:hidden;border-radius:5px;background:#e9e5df}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e6ddf5,#f9dde7,#d9e8f7,#d8f0e4);transition:width .4s ease}.question-panel{max-width:590px;margin:50px auto 0}.question-number{margin:0 0 7px;font:400 36px/1 var(--serif)}.question-title{margin:0;font:500 clamp(28px,6vw,42px)/1.12 var(--serif);letter-spacing:.015em}.helper-copy{margin:15px 0 27px;font-size:13px}.answer-list{display:grid;gap:10px}.answer-button{display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:14px;width:100%;min-height:61px;padding:12px 17px;border:1px solid rgba(26,26,26,.1);border-radius:16px;background:#ffffffa6;box-shadow:0 3px 9px #392f2a09;text-align:left;cursor:pointer;font-size:13px;line-height:1.5;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.answer-button:hover{transform:translateY(-1px);border-color:#1a1a1a47;box-shadow:0 6px 15px #392f2a12}.answer-button.is-selected{background:linear-gradient(105deg,#e6ddf5c7,#f9dde7b8);border-color:#1a1a1a47}.answer-letter{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#f4f1eb;font:500 13px var(--serif)}.answer-check{width:10px;height:10px;border:1px solid rgba(26,26,26,.35);border-radius:50%}.is-selected .answer-check{border:3px solid var(--ink);background:var(--paper)}.quiz-nav{margin-top:31px}.back-button{display:flex;align-items:center;gap:9px}.back-button span{font-size:17px}.back-button:disabled{opacity:.36;cursor:default}.nav-hint{font-size:10px}.result-screen{--tone: var(--lila);position:relative;max-width:700px;margin:0 auto;padding:27px 0 35px}.tone-lila{--tone: var(--lila)}.tone-azul{--tone: var(--azul)}.tone-rosa{--tone: var(--rosa)}.tone-durazno{--tone: var(--durazno)}.tone-menta{--tone: var(--menta)}.result-header{position:relative;text-align:center}.result-icon{width:48px;height:48px;margin:22px auto 9px}.result-title{margin:5px 0 11px;font-size:clamp(34px,7vw,55px);letter-spacing:.12em}.result-title .script-word{max-width:100%;font-size:1.24em;letter-spacing:0}.result-deck{margin:0 auto;font-size:13px}.result-content{max-width:610px;margin:30px auto 0}.result-description{margin:0;font-size:14px;line-height:1.85}.result-block{margin-top:30px;padding:22px 25px;border-radius:19px;background:color-mix(in srgb,var(--tone) 56%,var(--paper))}.section-title{margin:0;font:600 23px/1.2 var(--serif);letter-spacing:.025em}.gift-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.gift-list li{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.55}.gift-mark{font-size:13px}.practice-block{background:#ffffffa3;border:1px solid rgba(26,26,26,.08)}.practice-heading{display:flex;align-items:center;gap:13px}.practice-index{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border:1px solid rgba(26,26,26,.35);border-radius:50%;font:12px var(--serif)}.practice-list{display:grid;gap:10px;margin:16px 0 0;padding-left:20px;font-size:13px;line-height:1.65}.practice-list li{padding-left:5px}.closing-quote{margin:28px 0 0;text-align:center;font:italic 25px/1.25 var(--serif)}.brand-phrase{margin:7px 0 0;text-align:center;font-size:11px;letter-spacing:.08em}.result-actions{display:flex;flex-direction:column;align-items:center;margin-top:21px}.share-button{margin-top:0;background:var(--tone)}.secondary-button{min-height:46px;margin-top:7px;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px}.share-status{min-height:18px;margin:5px 0 0;text-align:center;font-size:11px}.invitation{max-width:470px;margin:15px auto 0;text-align:center}.invitation p{margin:0;font-size:12px;line-height:1.7}.martha-link{text-decoration-thickness:1px;text-underline-offset:3px}.martha-link[aria-disabled=true]{pointer-events:none;text-decoration:none}.orientation-note{margin:22px 0 0;text-align:center;font-size:10px;letter-spacing:.035em}@media(min-width:700px){.app-shell{padding:30px 40px 48px}.welcome-screen{padding-top:66px}.intro-copy{font-size:16px}.quiz-screen{padding-top:35px}.question-panel{margin-top:62px}.answer-button{min-height:65px;font-size:14px}.result-content{margin-top:37px}}@media(max-width:430px){.app-shell{padding-inline:19px}.welcome-screen{padding-top:44px}.welcome-art{top:-26px;right:-42px;transform:scale(.75);transform-origin:top right}.display-title{font-size:clamp(35px,10vw,47px)}.intro-copy{font-size:14px;line-height:1.8}.progress-meta{margin-top:31px}.question-panel{margin-top:38px}.answer-button{grid-template-columns:28px 1fr 11px;gap:10px;padding:11px 12px;font-size:12.5px}.nav-hint{max-width:155px;text-align:right;line-height:1.5}.result-block{padding:20px 18px}.result-title{font-size:34px;letter-spacing:.06em}.result-title .script-word{font-size:1.17em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}