@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-vietnamese-wght-normal-ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/quicksand-latin-wght-normal-Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-cloud:#fcfbff;--color-pearl:#f2effa;--color-pearl-deep:#e8e4f2;--color-lilac:#dcd5f7;--color-sky:#d3e2fb;--color-blush-soft:#f6d9e8;--color-ink:#2e2650;--color-ink-muted:#5c5680;--color-ring:#8f86b3;--color-berry:#b8336f;--color-berry-deep:#9c2a5e;--color-on-berry:#fff;--color-card:#fff;--color-line:#e4def4;--color-track:#e6e1f3;--color-danger:#a1263e;--font-display:"Quicksand Variable", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body:"Figtree Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-bubble:28px;--radius-tile:26px;--radius-pill:999px;--shadow-pill:0 1px 0 #ffffffe6 inset, 0 6px 18px -10px #4c3c8c47;--shadow-puffed:0 2px 0 #fffffff2 inset, 0 -3px 8px #b8336f14 inset, 0 12px 28px -12px #b8336f73;--shadow-bubble:0 18px 40px -22px #4c3c8c66;--shadow-cta:0 1px 0 #ffffff59 inset, 0 14px 30px -14px #b8336fb3;--ease-soft:cubic-bezier(.22, 1, .36, 1);--duration-tap:.14s;--duration-state:.22s;--column-max:480px;--column-quiz:560px;--gutter:var(--space-5);--control-height:56px;--option-height:60px;--footer-space:112px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--color-ink);background-color:var(--color-cloud);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(24px);background:radial-gradient(32% 26% at 22% 24%,#dcd5f7e6,#0000 70%),radial-gradient(30% 24% at 80% 18%,#d3e2fbd9,#0000 70%),radial-gradient(26% 22% at 72% 58%,#f6d9e88c,#0000 70%),radial-gradient(34% 26% at 30% 82%,#dcd5f7b3,#0000 70%),radial-gradient(24% 20% at 86% 88%,#d3e2fb99,#0000 70%);animation:48s ease-in-out infinite alternate haze-drift;position:fixed;inset:-25%}@keyframes haze-drift{0%{transform:translate(-3%,-2%)rotate(0)scale(1)}to{transform:translate(3%,2%)rotate(8deg)scale(1.06)}}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance;margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{text-wrap:pretty;margin:0}ol,ul{margin:0;padding:0}a{color:inherit}svg{flex-shrink:0;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--color-card)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before{animation:none}}.cloud-mark{overflow:visible}.cloud-mark--float{animation:7s ease-in-out infinite alternate puff-float}@keyframes puff-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.cloud-mark--float{animation:none}}.page{gap:var(--space-6);width:100%;max-width:var(--column-max);min-height:100dvh;padding-top:max(var(--space-5), env(safe-area-inset-top));padding-right:max(var(--gutter), env(safe-area-inset-right));padding-bottom:max(var(--space-10), env(safe-area-inset-bottom));padding-left:max(var(--gutter), env(safe-area-inset-left));flex-direction:column;margin-inline:auto;display:flex}.page--quiz{max-width:var(--column-quiz)}.page--wide{max-width:1120px}.page__footer{z-index:10;margin-top:auto;margin-bottom:calc(max(var(--space-10), env(safe-area-inset-bottom)) * -1);padding:var(--space-8) 0 max(var(--space-5), env(safe-area-inset-bottom));display:flex;position:sticky;bottom:0}.page__footer>:not(.page__fade){width:100%}.page__fade{z-index:-1;height:calc(var(--footer-space) + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom, #fcfbff00, #fcfbffe6 40%, var(--color-cloud) 70%);position:fixed;bottom:0;left:0;right:0}.progress{border-radius:var(--radius-pill);background-color:var(--color-track);width:100%;height:8px;overflow:hidden}.progress__fill{border-radius:inherit;background-color:var(--color-berry);min-width:8px;height:100%;transition:width var(--duration-state) var(--ease-soft)}.analysis{justify-content:center;gap:var(--space-6);padding-bottom:var(--space-16)}.analysis__art{padding-block:var(--space-4);filter:drop-shadow(0 18px 24px #7864c838);place-items:center;display:grid}.analysis__title{font-size:var(--text-2xl);text-align:center}.analysis__steps{flex-direction:column;gap:10px;list-style:none;display:flex}.analysis__step{align-items:center;gap:var(--space-4);min-height:var(--option-height);padding:var(--space-3) var(--space-6) var(--space-3) var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-muted);box-shadow:inset 0 0 0 1px var(--color-line);transition:color var(--duration-state) var(--ease-soft), box-shadow var(--duration-state) var(--ease-soft);background:#ffffff8c;font-weight:500;display:flex}.analysis__step--active,.analysis__step--done{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-pill);background:linear-gradient(#fff,#fbfaff)}.analysis__step--done{font-weight:600}.analysis__check{border:1.5px solid var(--color-ring);background:var(--color-card);border-radius:50%;flex-shrink:0;place-content:center;width:26px;height:26px;display:grid}.analysis__step--active .analysis__check{border-color:var(--color-track);border-top-color:var(--color-berry);animation:.9s linear infinite analysis-spin}.analysis__step--done .analysis__check{border-color:var(--color-berry);background:var(--color-berry)}.analysis__step--done .analysis__check:after{content:"";border-bottom:2.25px solid var(--color-on-berry);border-left:2.25px solid var(--color-on-berry);width:11px;height:6px;margin-top:-2px;transform:rotate(-45deg)}@keyframes analysis-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.analysis__step--active .analysis__check{animation:none}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-8);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-lg);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--duration-state) var(--ease-soft), box-shadow var(--duration-state) var(--ease-soft), transform var(--duration-tap) var(--ease-soft);border:0;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button:active{transform:scale(.98)}.button--primary{color:var(--color-on-berry);background-color:var(--color-berry);box-shadow:var(--shadow-cta)}.button--primary:hover{background-color:var(--color-berry-deep)}.button--secondary{color:var(--color-ink);background-color:var(--color-card);box-shadow:inset 0 0 0 1.5px var(--color-line), var(--shadow-pill)}.button--secondary:hover{box-shadow:inset 0 0 0 1.5px var(--color-ring), var(--shadow-pill)}.button:disabled,.button[aria-disabled=true]{color:var(--color-ink-muted);background-color:var(--color-pearl-deep);box-shadow:none;cursor:not-allowed;transform:none}.home{gap:0}.home__hero{min-height:calc(100dvh - var(--footer-space) - var(--space-5));flex-direction:column;display:flex}.home__brand{justify-content:center;display:flex}.wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;text-transform:lowercase;font-weight:700;display:inline-flex}.home__art{padding-block:var(--space-4) var(--space-2);justify-content:center;align-items:center;margin-top:auto;display:flex}.hero-art{aspect-ratio:32/26;place-items:center;width:min(100%,340px);display:grid;position:relative}.hero-art__dew{width:100%;height:100%;position:absolute;inset:0}.hero-art__halo{background:radial-gradient(closest-side,#fffffff2,#ece7fcb3 55%,#dcd5f700);border-radius:50%;position:absolute;inset:4% 6%}.hero-art__puff{filter:drop-shadow(0 18px 24px #7864c838);width:72%;height:auto;position:relative}.hero-art__shadow{background:radial-gradient(closest-side,#7864c82e,#0000);border-radius:50%;width:46%;height:7%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.home__greeting{gap:var(--space-3);padding-bottom:var(--space-4);text-align:center;flex-direction:column;align-items:center;margin-bottom:auto;display:flex}.home__greeting h1{max-width:13ch}.home__intro{text-wrap:balance;max-width:30ch;color:var(--color-ink-muted);font-size:var(--text-lg)}.home__how{gap:var(--space-5);margin-top:var(--space-12);flex-direction:column;display:flex}.home__how h2{font-size:var(--text-xl)}.home__steps{gap:var(--space-6);flex-direction:column;list-style:none;display:flex}.home__step{gap:var(--space-4);grid-template-columns:40px 1fr;display:grid;position:relative}.home__step:not(:last-child):after{content:"";top:46px;bottom:calc(var(--space-6) * -1 + 6px);border-left:2px dotted var(--color-ring);position:absolute;left:19px}.home__step-number{width:40px;height:40px;color:var(--color-ink);background:radial-gradient(circle at 35% 30%, #fff, var(--color-lilac) 85%);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffffe6}.home__step-text{gap:var(--space-1);min-width:0;padding-top:var(--space-2);flex-direction:column;display:flex}.home__step h3{font-size:var(--text-lg)}.home__step p{color:var(--color-ink-muted)}.home__privacy{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-10);padding:var(--space-4) var(--space-5);border-radius:var(--radius-bubble);color:var(--color-ink-muted);font-size:var(--text-sm);background:#ffffff8c;display:flex}.home__privacy svg{margin-top:2px}.home__privacy strong{color:var(--color-ink);font-weight:600}@media (width>=960px){.home{column-gap:var(--space-16);padding-top:var(--space-8);grid-template-columns:1.1fr 1fr;grid-template-areas:"brand brand""art greeting""art cta""how how""privacy privacy";align-content:start;display:grid}.home__hero{display:contents}.home__brand{grid-area:brand;justify-content:flex-start}.home__art{padding-block:var(--space-6);grid-area:art;margin-top:0}.hero-art{width:min(100%,440px)}.home__greeting{padding-bottom:var(--space-6);text-align:left;grid-area:greeting;align-self:end;align-items:flex-start;margin-bottom:0}.home__greeting h1{max-width:14ch;font-size:3.25rem}.home .page__footer{grid-area:cta;align-self:start;margin:0;padding:0;position:static}.home .page__fade{display:none}.home .page__footer>:not(.page__fade){width:auto;min-width:260px}.home__how{margin-top:var(--space-8);grid-area:how}.home__steps{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home__step:not(:last-child):after{display:none}.home__privacy{margin-top:var(--space-10);grid-area:privacy;justify-self:start}}.photo{color:#fff;background:radial-gradient(70% 45% at 50% 40%,#7864c859,#0000 70%),linear-gradient(#2e2650 0%,#1b1634 100%);min-height:100dvh;position:relative}.photo__camera{width:100%;max-width:var(--column-quiz);min-height:100dvh;padding-top:max(var(--space-4), env(safe-area-inset-top));padding-right:max(var(--gutter), env(safe-area-inset-right));padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));padding-left:max(var(--gutter), env(safe-area-inset-left));flex-direction:column;margin-inline:auto;display:flex}.photo__bar{align-items:center;gap:var(--space-3);grid-template-columns:44px 1fr 44px;display:grid}.photo__title{color:#fff;font-size:var(--text-lg);text-align:center}.photo__icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;width:44px;height:44px;transition:background-color var(--duration-state) var(--ease-soft);background:#ffffff1f;border:1.5px solid #ffffff73;border-radius:50%;place-items:center;padding:0;display:grid}.photo__icon-button:hover{background:#ffffff38}.photo__icon-button:focus-visible{box-shadow:none;outline-color:#fff}.photo__frame{margin-block:var(--space-6);border-radius:var(--radius-bubble);background:radial-gradient(60% 50% at 50% 45%,#dcd5f72e,#0000),#ffffff0a;flex:1;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.photo__guide{width:100%;height:100%;max-height:62dvh}.photo__actions{display:flex}.photo__shutter{width:100%;min-height:64px}.photo__shutter:focus-visible{outline-color:#fff}.photo__shutter-dot{width:22px;height:22px;box-shadow:inset 0 0 0 3px var(--color-berry);background:#fff;border:3px solid #fff;border-radius:50%}.photo-sheet__scrim{z-index:20;background:#14102873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.photo-sheet{gap:var(--space-5);width:100%;max-width:var(--column-quiz);padding:var(--space-3) var(--gutter) max(var(--space-6), env(safe-area-inset-bottom));border-radius:var(--radius-bubble) var(--radius-bubble) 0 0;color:var(--color-ink);background:var(--color-cloud);flex-direction:column;display:flex;box-shadow:0 -18px 40px -20px #14102899}.photo-sheet:focus{outline:none;box-shadow:0 -18px 40px -20px #14102899}.photo-sheet__grip{border-radius:var(--radius-pill);background:var(--color-pearl-deep);align-self:center;width:40px;height:5px}.photo-sheet__title{font-size:var(--text-xl)}.photo-sheet__tips{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.photo-sheet__tip{align-items:center;gap:var(--space-4);font-size:var(--text-md);font-weight:500;line-height:var(--leading-snug);grid-template-columns:72px 1fr;display:grid}.photo-sheet__art{width:72px;height:72px}.assistant{align-items:end;gap:var(--space-2);margin-left:calc(var(--gutter) * -.5);grid-template-columns:60px 1fr;display:grid}.assistant__mark{align-self:end;margin-bottom:-6px;position:relative}.assistant__dew{background:radial-gradient(circle at 35% 30%, #fff, var(--color-lilac) 80%);border-radius:50%;width:11px;height:11px;position:absolute;bottom:46px;right:-12px;box-shadow:0 2px 6px -2px #4c3c8c59}.assistant__dew--small{width:6px;height:6px;bottom:36px;right:-1px}.assistant__bubble{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-5);border-radius:var(--radius-bubble);box-shadow:var(--shadow-bubble);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff9e;border:1px solid #ffffffd9;flex-direction:column;display:flex}.assistant__title{font-size:1.5rem;line-height:1.2}@media (width>=960px){.assistant__title{font-size:var(--text-2xl)}}.assistant__help{color:var(--color-ink-muted);font-size:var(--text-md);line-height:var(--leading-snug)}.choice-list{gap:10px;display:grid}.choice-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--duration-state) var(--ease-soft), box-shadow var(--duration-state) var(--ease-soft), transform var(--duration-state) var(--ease-soft);background:linear-gradient(#fff,#fbfaff);display:flex;position:relative}.choice-card:hover{box-shadow:inset 0 0 0 1.5px var(--color-ring), var(--shadow-pill)}.choice-card:active{transform:scale(.985)}.choice-card:has(.choice-card__input:checked){box-shadow:inset 0 0 0 2px var(--color-berry), var(--shadow-puffed);background:linear-gradient(#fff 0%,#fdf2f7 100%);transform:scale(1.012)}.choice-card:has(.choice-card__input:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px}.choice-card:has(.choice-card__input:disabled){color:var(--color-ink-muted);background:var(--color-pearl);box-shadow:inset 0 0 0 1px var(--color-line);cursor:not-allowed;transform:none}.choice-card__input{appearance:none;border:1.5px solid var(--color-ring);background-color:var(--color-card);width:26px;height:26px;cursor:inherit;transition:background-color var(--duration-state) var(--ease-soft), border-color var(--duration-state) var(--ease-soft);border-radius:50%;flex-shrink:0;place-content:center;margin:0;display:grid}.choice-card__input:after{content:"";border-bottom:2.25px solid var(--color-on-berry);border-left:2.25px solid var(--color-on-berry);width:11px;height:6px;transition:transform var(--duration-tap) var(--ease-soft);margin-top:-2px;transform:rotate(-45deg)scale(0)}.choice-card__input:checked{border-color:var(--color-berry);background-color:var(--color-berry)}.choice-card__input:checked:after{transform:rotate(-45deg)scale(1)}.choice-card__input:disabled{border-color:var(--color-line);background-color:var(--color-pearl)}.choice-card__input:focus-visible{box-shadow:none;outline:none}.choice-card__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.choice-card__label{font-size:var(--text-md);font-weight:500;line-height:var(--leading-snug);overflow-wrap:anywhere}.choice-card:has(.choice-card__input:checked) .choice-card__label{font-weight:600}.choice-card__description{color:var(--color-ink-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.choice-card--pill{align-items:center;gap:var(--space-4);min-height:var(--option-height);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-radius:var(--radius-pill)}.choice-card--pill .choice-card__input{order:2;margin-left:auto}.choice-card--tile{justify-content:space-between;gap:var(--space-4);min-height:132px;padding:var(--space-4);border-radius:var(--radius-tile);flex-direction:column}.choice-card--tile .choice-card__input{top:var(--space-4);right:var(--space-4);position:absolute}.choice-card__icon{width:40px;height:40px;color:var(--color-ink);background:radial-gradient(circle at 35% 30%, #fff, var(--color-pearl) 70%);border-radius:50%;place-items:center;display:grid}.choice-card:has(.choice-card__input:checked) .choice-card__icon{background:radial-gradient(circle at 35% 30%, #fff, var(--color-blush-soft) 75%)}.choice-card--tile .choice-card__label{font-size:var(--text-sm)}.top-bar{align-items:center;gap:var(--space-4);grid-template-columns:44px 1fr auto;min-height:48px;display:grid}.top-bar__back,.top-bar__spacer{width:44px;height:44px}.top-bar__back{border:1.5px solid var(--color-ring);color:var(--color-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-state) var(--ease-soft), transform var(--duration-tap) var(--ease-soft);background-color:#ffffff8c;border-radius:50%;place-items:center;padding:0;display:grid}.top-bar__back:hover{background-color:var(--color-card)}.top-bar__back:active{transform:scale(.94)}.top-bar__count{min-width:3.5ch;color:var(--color-ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.quiz{gap:var(--space-6)}.quiz__choices{border:0;min-width:0;margin:0;padding:0}.quiz__fields{gap:var(--space-3);display:grid}.quiz__fields--money{grid-template-columns:minmax(0,1fr) 7.5rem}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__label{padding-left:var(--space-5);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600}.field__input{width:100%;min-height:var(--option-height);padding:0 var(--space-6);border-radius:var(--radius-pill);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-pill);font:inherit;font-size:var(--text-lg);transition:box-shadow var(--duration-state) var(--ease-soft);background:linear-gradient(#fff,#fbfaff);border:0;font-weight:500}.field__input::placeholder{color:var(--color-ink-muted);opacity:.7}.field__input:hover{box-shadow:inset 0 0 0 1.5px var(--color-ring), var(--shadow-pill)}.field__input:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-pill)}.quiz__stop{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-bubble);color:var(--color-danger);background:#ffffffb3;font-weight:600;display:flex;box-shadow:inset 0 0 0 1.5px #a1263e59}.quiz__stop-mark{width:26px;height:26px;color:var(--color-on-berry);background:var(--color-danger);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:grid}@media (width>=960px){.quiz{padding-top:var(--space-10)}}.result{gap:var(--space-8)}.result__head{align-items:center;gap:var(--space-3);padding-top:var(--space-4);display:flex}.result__head h1{font-size:var(--text-3xl)}.result__note{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-blush-soft);font-size:var(--text-sm);text-align:center;font-weight:600;box-shadow:inset 0 0 0 1.5px #b8336f4d}.result__section{gap:var(--space-4);flex-direction:column;display:flex}.result__section h2{font-size:var(--text-xl)}.skeleton{border-radius:var(--radius-pill);background:var(--color-pearl-deep);height:12px;display:block}.result__see{gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-bubble);box-shadow:var(--shadow-bubble);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffff9e;border:1px solid #ffffffd9;flex-direction:column;display:flex}.result__see-row{align-items:center;gap:var(--space-4);grid-template-columns:40px 1fr;display:grid}.result__dot{background:radial-gradient(circle at 35% 30%, #fff, var(--color-lilac) 85%);border-radius:50%;width:40px;height:40px}.result__lines{gap:var(--space-2);flex-direction:column;display:flex}.result__routine{flex-direction:column;gap:10px;list-style:none;display:flex}.result__step{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-tile);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-pill);background:linear-gradient(#fff,#fbfaff);grid-template-columns:40px 1fr;display:grid}.result__step-number{width:40px;height:40px;color:var(--color-on-berry);background:var(--color-berry);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid}.result__step-body{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.result__step-body .skeleton{align-self:stretch;max-width:70%}.result__step-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.result__chip{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink-muted);background:var(--color-pearl);box-shadow:inset 0 0 0 1px var(--color-line);font-size:var(--text-xs);align-items:center;font-weight:600;display:inline-flex}.result__types{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.result__chip--large{min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}