@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.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-cherry:#d3134d;--color-cherry-deep:#9e0a39;--color-grape:#2e0b3f;--color-grape-soft:#6e4a80;--color-lemon:#ffe14d;--color-lemon-deep:#e8b800;--color-bubble:#fff0f6;--color-milk:#fff;--color-track:#f7cadb;--color-ring:#b07a9a;--color-outline:#ecc3d6;--color-disabled:#f3d6e2;--color-disabled-ink:#6a3f5c;--color-edge:#2e0b3f24;--color-ink:var(--color-grape);--color-ink-muted:var(--color-grape-soft);--color-surface:var(--color-bubble);--color-card:var(--color-milk);--color-primary:var(--color-cherry);--color-on-primary:var(--color-milk);--font-display:"Bricolage Grotesque Variable", "Arial Rounded MT Bold", 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:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.5rem;--leading-tight:1.06;--leading-snug:1.25;--leading-normal:1.5;--weight-display:780;--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-pill:999px;--radius-tile:24px;--radius-bubble:28px;--radius-panel:40px;--edge:4px;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--duration-press:90ms;--duration-pop:.22s;--column-max:480px;--gutter:var(--space-5);--control-height:60px;--icon-button:48px}*,: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-surface);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}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance;margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty;margin:0}ol,ul{margin:0;padding:0}a{color:inherit}svg{flex-shrink:0;display:block}:focus-visible{outline:3px solid var(--color-grape);outline-offset:3px;box-shadow:0 0 0 3px var(--color-milk)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{gap:var(--space-6);width:100%;max-width:var(--column-max);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-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:has(.action-bar){padding-bottom:calc(var(--control-height) + var(--space-16) + env(safe-area-inset-bottom))}@media (width>=1024px){.page:has(.action-bar){padding-bottom:var(--space-12)}}.progress{border-radius:var(--radius-pill);background-color:var(--color-track);height:12px;position:relative;overflow:hidden}.progress__fill{border-radius:var(--radius-pill);background-color:var(--color-primary);min-width:12px;height:100%;transition:width var(--duration-pop) var(--ease-pop);position:relative}.progress__fill:after{content:"";border-radius:var(--radius-pill);background-color:#ffffff80;height:2px;position:absolute;top:3px;left:6px;right:6px}.analysis{justify-content:center;gap:var(--space-8)}.analysis__drop{width:120px;height:auto;margin-inline:auto}.analysis__text{gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.analysis__text h1{font-size:var(--text-2xl)}.analysis__text p{color:var(--color-ink-muted);font-size:var(--text-lg)}.analysis__steps{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.analysis__step{align-items:center;gap:var(--space-4);min-height:var(--control-height);padding:var(--space-3) var(--space-5);border:2px solid var(--color-outline);border-radius:var(--radius-pill);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);font-weight:600;line-height:var(--leading-snug);display:flex}.analysis__step--waiting{color:var(--color-ink-muted);box-shadow:none;background-color:#0000;border-style:dashed}.analysis__mark{border:2px solid var(--color-ring);border-radius:var(--radius-pill);color:#0000;flex:none;place-items:center;width:28px;height:28px;display:grid}.analysis__step--active .analysis__mark{border-color:var(--color-track);border-top-color:var(--color-cherry);animation:.8s linear infinite analysis-turn}.analysis__step--done .analysis__mark{border-color:var(--color-lemon);color:var(--color-grape);background-color:var(--color-lemon);animation:analysis-pop var(--duration-pop) var(--ease-pop)}.analysis__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes analysis-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes analysis-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.analysis__step--active .analysis__mark,.analysis__step--done .analysis__mark{animation:none}}.action-bar{z-index:10;padding-top:var(--space-8);padding-right:max(var(--gutter), env(safe-area-inset-right));padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));padding-left:max(var(--gutter), env(safe-area-inset-left));background:linear-gradient(to bottom, #fff0f600, var(--color-surface) var(--space-8));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.action-bar__inner{gap:var(--space-3);max-width:var(--column-max);pointer-events:auto;flex-direction:column;margin-inline:auto;display:flex}.action-bar__inner>.button{width:100%}@media (width>=1024px){.action-bar{padding:var(--space-8) 0 0;background:0 0;position:static}.action-bar__inner{max-width:none;margin-inline:0}}.button{isolation:isolate;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-family:var(--font-display);font-optical-sizing:auto;font-size:var(--text-lg);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--duration-press) ease-out, box-shadow var(--duration-press) ease-out;border:2px solid #0000;font-weight:760;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button--primary{color:var(--color-on-primary);background-color:var(--color-primary);box-shadow:inset 0 -3px 0 #0000001f, 0 var(--edge) 0 var(--color-cherry-deep)}.button--primary:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:linear-gradient(#ffffff57,#fff0);height:38%;position:absolute;top:5px;left:22px;right:22px}.button--secondary{border-color:var(--color-outline);color:var(--color-ink);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge)}.button:active:not(:disabled){transform:translateY(3px)}.button--primary:active:not(:disabled){box-shadow:inset 0 -2px 0 #0000001f, 0 1px 0 var(--color-cherry-deep)}.button--secondary:active:not(:disabled){box-shadow:0 1px 0 var(--color-edge)}.button:disabled{color:var(--color-disabled-ink);background-color:var(--color-disabled);box-shadow:none;cursor:not-allowed;border-color:#0000}.button:disabled:before{content:none}.home{gap:0}.home__first{min-height:calc(100dvh - var(--control-height) - var(--space-12) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.home__panel{height:clamp(300px,54dvh,480px);margin-top:calc(max(var(--space-4), env(safe-area-inset-top)) * -1);margin-inline:calc(var(--gutter) * -1);border-radius:0 0 var(--radius-panel) var(--radius-panel);background-color:var(--color-lemon);--sticker-shadow:var(--color-lemon-deep);box-shadow:inset 0 calc(var(--edge) * -1.5) 0 var(--color-lemon-deep);flex:none;place-items:center;display:grid;position:relative}.home__wordmark{top:max(var(--space-5), env(safe-area-inset-top));left:var(--gutter);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:800;position:absolute}.home__drop{width:clamp(160px,30dvh,230px);height:auto;margin-top:var(--space-6)}.home__greeting{justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-2);text-align:center;flex-direction:column;flex:1;display:flex}.home__greeting h1{font-size:clamp(2rem,8.6vw,2.5rem)}.home__intro{color:var(--color-ink-muted);font-size:var(--text-lg)}.home__how{gap:var(--space-6);padding-top:var(--space-12);flex-direction:column;display:flex}.home__steps{gap:var(--space-5);flex-direction:column;list-style:none;display:flex}.home__step{align-items:start;gap:var(--space-4);grid-template-columns:44px 1fr;display:grid}.home__step-number{border:3px solid var(--color-milk);border-radius:var(--radius-pill);width:44px;height:44px;font-family:var(--font-display);font-size:var(--text-lg);background-color:var(--color-lemon);box-shadow:0 3px 0 var(--color-edge);place-items:center;font-weight:800;display:grid;transform:rotate(-6deg)}.home__step-text{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;display:flex}.home__step-text 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-tile);color:var(--color-ink-muted);background-color:var(--color-card);font-size:var(--text-sm);display:flex}.home__privacy svg{color:var(--color-ink);margin-top:1px}.home__privacy strong{color:var(--color-ink);font-weight:700}@media (width>=1024px){.home{max-width:none;padding:0 clamp(48px, 7vw, 112px) var(--space-12) 0;grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,7vw,112px);display:grid}.home__first{display:contents}.home__panel{border-radius:0 var(--radius-panel) var(--radius-panel) 0;height:100dvh;box-shadow:inset calc(var(--edge) * -1.5) 0 0 var(--color-lemon-deep);grid-area:1/1/-1;margin:0;position:sticky;top:0}.home__wordmark{top:var(--space-8);left:var(--space-10);font-size:var(--text-xl)}.home__drop{width:clamp(220px,44dvh,340px);margin-top:0}.home__greeting{max-width:30rem;padding:max(var(--space-16), 14dvh) 0 0;text-align:left;flex:none;grid-column:2;align-self:end}.home__greeting h1{font-size:3.5rem}.home__action{grid-column:2;max-width:30rem}.home__action .button{align-self:flex-start;width:auto}.home__how{max-width:30rem;padding-top:var(--space-16);grid-column:2}.home__how h2{font-size:var(--text-xl)}.home__privacy{grid-column:2;align-self:start;max-width:30rem}}.photo{min-height:100dvh;color:var(--color-milk);background-color:var(--color-grape)}.photo__camera{gap:var(--space-4);width:100%;max-width:var(--column-max);height:100dvh;min-height:560px;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{justify-content:space-between;display:flex}.photo__icon-button{width:var(--icon-button);height:var(--icon-button);border-radius:var(--radius-pill);color:var(--color-milk);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#ffffff1a;border:2px solid #ffffff38;place-items:center;padding:0;display:grid}.photo :focus-visible{outline-color:var(--color-lemon);box-shadow:0 0 0 3px var(--color-grape)}.photo__title{font-size:var(--text-xl);line-height:var(--leading-snug);text-align:center}.photo__frame{border-radius:var(--radius-panel);background:radial-gradient(60% 50% at 50% 46%,#ffffff1f,#fff0),#3d1752;flex:1;min-height:0;position:relative;overflow:hidden}.photo__frame svg{width:100%;height:100%;overflow:visible}.photo__actions{flex-direction:column;display:flex}.photo__actions .button{width:100%;min-height:68px;font-size:var(--text-xl)}.photo__shutter-dot{border:3px solid var(--color-milk);border-radius:var(--radius-pill);background-color:#fff6;width:18px;height:18px}.photo__scrim{z-index:20;background-color:#2e0b3f8c;position:fixed;inset:0}.sheet{z-index:21;gap:var(--space-5);max-width:var(--column-max);padding:var(--space-3) var(--gutter) max(var(--space-6), env(safe-area-inset-bottom));border-radius:var(--radius-panel) var(--radius-panel) 0 0;color:var(--color-ink);background-color:var(--color-surface);animation:sheet-up .26s var(--ease-pop);flex-direction:column;margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet:focus{box-shadow:none;outline:none}.sheet :focus-visible{outline-color:var(--color-grape);box-shadow:0 0 0 3px var(--color-milk)}.sheet__handle{border-radius:var(--radius-pill);background-color:var(--color-track);width:44px;height:5px;margin-inline:auto}.sheet h2{font-size:var(--text-xl);line-height:var(--leading-snug)}.sheet__tips{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.sheet__tip{align-items:center;gap:var(--space-4);padding:var(--space-3);padding-right:var(--space-4);border-radius:var(--radius-tile);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);font-weight:600;line-height:var(--leading-snug);grid-template-columns:72px 1fr;display:grid}.sheet__art{background-color:var(--color-surface);border-radius:18px;place-items:center;width:72px;height:72px;display:grid}.sheet .button{width:100%}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.assistant{align-items:end;gap:var(--space-3);margin-left:calc(var(--space-2) * -1);grid-template-columns:64px 1fr;display:grid}.assistant__drop{width:64px;height:auto;margin-bottom:-8px}.assistant__bubble{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-5);border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) 8px;background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);flex-direction:column;display:flex;position:relative}.assistant__bubble:before{content:"";background-color:var(--color-card);clip-path:polygon(100% 0,100% 100%,0 100%);width:22px;height:18px;position:absolute;bottom:0;left:-10px}.assistant__title{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:-.015em}.assistant__help{color:var(--color-ink-muted);font-size:var(--text-md)}@media (width>=1024px){.assistant{align-items:start;gap:var(--space-5);grid-template-columns:1fr;margin-left:0}.assistant__drop{width:128px;margin-bottom:0;margin-left:var(--space-2)}.assistant__bubble{padding:var(--space-8);border-radius:8px var(--radius-bubble) var(--radius-bubble) var(--radius-bubble)}.assistant__bubble:before{clip-path:polygon(0 0,100% 100%,0 100%);width:28px;height:16px;top:-14px;bottom:auto;left:0}.assistant__title{font-size:var(--text-2xl);line-height:var(--leading-tight)}}.choice{align-items:center;gap:var(--space-4);border:2px solid var(--color-outline);color:var(--color-ink);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--duration-press) ease-out, box-shadow var(--duration-press) ease-out;display:flex;position:relative}.choice__input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.choice__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.choice__label{font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug)}.choice__description{color:var(--color-ink-muted);font-size:var(--text-sm)}.choice__mark{border:2px solid var(--color-ring);border-radius:var(--radius-pill);color:#0000;background-color:var(--color-card);flex:none;place-items:center;width:28px;height:28px;display:grid}.choice__input--checkbox~.choice__mark{border-radius:10px}.choice__icon{color:var(--color-ink);display:grid}.choice--pill{min-height:var(--control-height);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-radius:var(--radius-pill)}.choice--tile{align-items:start;gap:var(--space-3);min-height:136px;padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-tile);grid-template:"icon mark"1fr"body body"/1fr auto;display:grid}.choice--tile .choice__icon{grid-area:icon}.choice--tile .choice__mark{grid-area:mark}.choice--tile .choice__body{grid-area:body;align-self:end}.choice--tile .choice__label{font-size:var(--text-sm);overflow-wrap:break-word}@media (hover:hover){.choice:hover:not(:has(.choice__input:disabled,.choice__input:checked)){border-color:var(--color-ring)}}.choice:active:not(:has(.choice__input:disabled)){box-shadow:0 2px 0 var(--color-edge);transform:translateY(2px)}.choice:has(.choice__input:checked){border-color:var(--color-cherry-deep);color:var(--color-on-primary);background-color:var(--color-primary);box-shadow:0 var(--edge) 0 var(--color-cherry-deep);animation:choice-pop var(--duration-pop) var(--ease-pop)}:is(.choice:has(.choice__input:checked) .choice__icon,.choice:has(.choice__input:checked) .choice__description){color:var(--color-on-primary)}.choice:has(.choice__input:checked) .choice__mark{border-color:var(--color-lemon);color:var(--color-grape);background-color:var(--color-lemon);animation:mark-pop var(--duration-pop) var(--ease-pop)}.choice:has(.choice__input:focus-visible){outline:3px solid var(--color-grape);outline-offset:3px}.choice:has(.choice__input:disabled){color:var(--color-ink-muted);box-shadow:none;cursor:not-allowed;background-color:#0000;border-style:dashed}.choice:has(.choice__input:disabled) .choice__icon{color:var(--color-ink-muted)}.choice:has(.choice__input:disabled) .choice__mark{background-color:#0000}@keyframes choice-pop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes mark-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.choice{animation:none}.choice:has(.choice__input:checked){animation:none}.choice:has(.choice__input:checked) .choice__mark{animation:none}.choice:active:not(:has(.choice__input:disabled)){transform:none}}.top-bar{align-items:center;gap:var(--space-4);min-height:var(--icon-button);display:flex}.top-bar__back,.top-bar__spacer{width:var(--icon-button);height:var(--icon-button);flex:none}.top-bar__back{border:2px solid var(--color-outline);border-radius:var(--radius-pill);color:var(--color-ink);background-color:var(--color-card);box-shadow:0 3px 0 var(--color-edge);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-press) ease-out, box-shadow var(--duration-press) ease-out;place-items:center;padding:0;display:grid}.top-bar__back:active{box-shadow:0 1px 0 var(--color-edge);transform:translateY(2px)}.top-bar__progress{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.top-bar__count{color:var(--color-ink-muted);font-size:var(--text-xs);align-self:flex-end;font-weight:600;line-height:1.2}.quiz__answers{border:0;min-width:0;margin:0;padding:0}.quiz__list{gap:var(--space-3);flex-direction:column;display:flex}.quiz__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quiz__form{display:contents}.quiz__grid--plain .choice--tile{min-height:104px}.quiz__money{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 112px;display:grid}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field__label{color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600}.field__input{width:100%;min-width:0;min-height:var(--control-height);padding:0 var(--space-6);border:2px solid var(--color-outline);border-radius:var(--radius-pill);color:var(--color-ink);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);font:inherit;font-weight:600}.field__input::placeholder{color:var(--color-ink-muted)}.quiz__status{margin-top:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-sm)}.quiz__status:empty{display:none}@media (width>=1024px){.quiz{align-content:start;column-gap:clamp(48px,6vw,96px);row-gap:var(--space-8);max-width:1120px;padding-top:var(--space-8);padding-inline:var(--space-12);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.quiz .top-bar{grid-column:1/-1}.quiz .assistant{top:var(--space-8);grid-area:2/1/span 2;align-self:start;position:sticky}.quiz__form>.quiz__answers{grid-area:2/2}.quiz .quiz__action{padding-top:var(--space-2);grid-area:3/2;align-self:start}}.result{gap:var(--space-8)}.result__header{align-items:center;gap:var(--space-4);padding-top:var(--space-4);display:flex}.result__drop{width:56px;height:auto}.result__header h1{font-size:var(--text-3xl)}.result__note{margin-top:calc(var(--space-4) * -1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-tile);background-color:var(--color-lemon);box-shadow:0 var(--edge) 0 var(--color-lemon-deep);font-weight:600}.result__section{gap:var(--space-4);flex-direction:column;display:flex}.result__section h2{font-size:var(--text-xl)}.result__card{gap:var(--space-5);padding:var(--space-5);border:2px solid var(--color-outline);border-radius:var(--radius-tile);background-color:var(--color-card);box-shadow:0 var(--edge) 0 var(--color-edge);flex-direction:column;display:flex}.result__row{align-items:center;gap:var(--space-4);grid-template-columns:40px 1fr;display:grid}.result__lines{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.result__steps{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.result__step{align-items:start;gap:var(--space-4);grid-template-columns:44px 1fr;display:grid}.result__number{border:3px solid var(--color-milk);border-radius:var(--radius-pill);width:44px;height:44px;font-family:var(--font-display);font-size:var(--text-lg);background-color:var(--color-lemon);box-shadow:0 3px 0 var(--color-edge);place-items:center;font-weight:800;display:grid;transform:rotate(-6deg)}.result__step h3{padding-top:var(--space-2)}.result__chips{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.skeleton{border-radius:var(--radius-pill);background-color:var(--color-track);height:12px;display:block}.skeleton--dot{width:40px;height:40px}.chip{min-height:32px;padding:0 var(--space-3);border:2px dashed var(--color-ring);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--text-sm);align-items:center;font-weight:600;display:inline-flex}.chip--large{min-height:44px;padding:0 var(--space-4);background-color:var(--color-card)}