@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-vietnamese-wght-normal.CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-latin-ext-wght-normal.DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/ai-assistant-101/_astro/inter-latin-wght-normal.Dx4kXJAl.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/ai-assistant-101/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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(/ai-assistant-101/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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(/ai-assistant-101/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;interpolate-size:allow-keywords}body{-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}img,svg,canvas,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}p,li,h1,h2,h3,h4{overflow-wrap:break-word}[hidden]:not([popover]){display:none!important}}@layer tokens{@property --ring{syntax:"<number>";inherits:true;initial-value:0}@property --hue-shift{syntax:"<angle>";inherits:true;initial-value:0deg}:root{color-scheme:light dark;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Bricolage Grotesque Variable", var(--font-body);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--hue:278;--accent:light-dark(oklch(52% .2 var(--hue)),oklch(74% .15 var(--hue)));--accent-strong:light-dark(oklch(44% .21 var(--hue)),oklch(82% .12 var(--hue)));--accent-soft:light-dark(oklch(95% .035 var(--hue)),oklch(30% .07 var(--hue)));--on-accent:light-dark(white,oklch(18% .04 var(--hue)));--teal:light-dark(oklch(55% .11 190),oklch(76% .11 190));--coral:light-dark(oklch(60% .17 30),oklch(74% .14 30));--amber:light-dark(oklch(68% .15 75),oklch(82% .13 80));--violet:var(--accent);--teal-ink:light-dark(oklch(48% .1 190),oklch(76% .11 190));--amber-ink:light-dark(oklch(50% .12 65),oklch(82% .13 80));--coral-ink:light-dark(oklch(52% .17 30),oklch(74% .14 30));--ok:light-dark(oklch(52% .14 150),oklch(76% .15 150));--ok-soft:light-dark(oklch(95% .04 150),oklch(29% .06 150));--bad:light-dark(oklch(54% .19 25),oklch(72% .16 25));--bad-soft:light-dark(oklch(95% .03 25),oklch(29% .06 25));--warn-soft:light-dark(oklch(96% .04 85),oklch(30% .05 80));--on-status:light-dark(white,oklch(18% .04 var(--hue)));--bg:light-dark(oklch(98.6% .006 85),oklch(17% .012 280));--bg-elev:light-dark(oklch(100% 0 0),oklch(21.5% .015 280));--bg-sunk:light-dark(oklch(96% .008 85),oklch(14.5% .012 280));--text:light-dark(oklch(23% .02 280),oklch(94% .008 280));--text-muted:light-dark(oklch(46% .02 280),oklch(72% .015 280));--border:light-dark(oklch(90% .01 280),oklch(30% .015 280));--border-strong:light-dark(oklch(80% .015 280),oklch(40% .02 280));--border-control:oklch(58% .02 280);--shadow-sm:0 1px 2px light-dark(oklch(20% .02 280/.06),oklch(0% 0 0/.4));--shadow:0 1px 2px light-dark(oklch(20% .02 280/.05),oklch(0% 0 0/.3)), 0 8px 24px -8px light-dark(oklch(20% .05 280/.12),oklch(0% 0 0/.5));--shadow-lg:0 24px 60px -20px light-dark(oklch(30% .1 280/.25),oklch(0% 0 0/.7));--radius-sm:.5rem;--radius:.875rem;--radius-lg:1.375rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--step--1:clamp(.84rem, .82rem + .1vw, .9rem);--step-0:clamp(1.02rem, .98rem + .2vw, 1.125rem);--step-1:clamp(1.2rem, 1.12rem + .4vw, 1.4rem);--step-2:clamp(1.45rem, 1.3rem + .75vw, 1.85rem);--step-3:clamp(1.8rem, 1.5rem + 1.4vw, 2.6rem);--step-4:clamp(2.2rem, 1.7rem + 2.6vw, 3.8rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.099 24.3%, 1.108 26%, 1.104, 1.088 30.4%, 1.008 39.6%, .987 43.5%, .98 47.3%, .991 59.6%, 1.001 72.2%, 1);--dur:.22s;--content-w:46rem;--wide-w:72rem}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}}@layer base{@view-transition{navigation:auto}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}body{font-family:var(--font-body);font-size:var(--step-0);background:var(--bg);color:var(--text);font-optical-sizing:auto;transition:background-color .3s,color .3s}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.15}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p,li{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;transition:color var(--dur);text-decoration-thickness:.08em;&:hover{color:var(--accent-strong)}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}::placeholder{color:var(--text-muted);opacity:1}::selection{background:color-mix(in oklch, var(--accent) 30%, transparent)}code,kbd{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--accent-soft);border-radius:.35em;padding:.1em .35em}}@layer layout{.skip-link{background:var(--accent);color:var(--on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:100;position:absolute;inset-block-start:-4rem;inset-inline-start:var(--space-4);&:focus{inset-block-start:var(--space-3)}}.container{width:min(100% - 2rem, var(--wide-w));margin-inline:auto}.narrow{width:min(100% - 2rem, var(--content-w));margin-inline:auto}main{padding-block-end:var(--space-8)}}@layer components{.btn{--btn-bg:var(--bg-elev);--btn-fg:var(--text);--btn-border:var(--border-strong);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:2.75rem;color:var(--btn-fg);font-weight:600;font-size:var(--step--1);transition:transform var(--dur) var(--ease-out), background-color var(--dur), box-shadow var(--dur), border-color var(--dur), color var(--dur);padding:.7em 1.25em;line-height:1.2;text-decoration:none;display:inline-flex;&:hover{box-shadow:var(--shadow-sm);color:var(--btn-fg);border-color:var(--accent);transform:translateY(-1px)}&:active{transform:translateY(0)scale(.98)}&:disabled{opacity:.5;cursor:not-allowed;transform:none}& svg{flex:none;width:1.15em;height:1.15em}}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-border:transparent;&:hover{background:var(--accent-strong);box-shadow:0 6px 20px -6px color-mix(in oklch, var(--accent) 70%, transparent)}}.btn-ghost{--btn-bg:transparent;--btn-border:transparent;&:hover{background:var(--accent-soft);box-shadow:none}}.btn-sm{min-height:2.25rem;padding:.45em .95em}.icon-btn{border-radius:var(--radius-pill);width:2.5rem;height:2.5rem;color:var(--text-muted);transition:background-color var(--dur), color var(--dur), transform var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid;&:hover{background:var(--accent-soft);color:var(--accent)}&:active{transform:scale(.92)}& svg{width:1.25rem;height:1.25rem}}.chip{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--step--1);align-items:center;gap:.4em;padding:.25em .75em;font-weight:600;display:inline-flex}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.site-header{z-index:50;background:color-mix(in oklch, var(--bg) 82%, transparent);backdrop-filter:blur(14px)saturate(1.4);border-block-end:1px solid color-mix(in oklch, var(--border) 70%, transparent);view-transition-name:site-header;position:sticky;top:0;&[data-autohide]{transition:translate .35s var(--ease-out);position:fixed;inset-inline:0;translate:0 -100%}&[data-autohide]:is([data-shown],:focus-within){translate:0}& .bar{align-items:center;gap:var(--space-3);min-height:4rem;display:flex}& .brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);color:var(--text);margin-inline-end:auto;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex;& svg{width:2rem;height:2rem}}& nav{gap:var(--space-1);display:flex;& a{border-radius:var(--radius-pill);color:var(--text-muted);font-weight:550;font-size:var(--step--1);padding:.4em .8em;text-decoration:none;&:hover,&[aria-current=page]{color:var(--text);background:var(--accent-soft)}}}& .tools{align-items:center;gap:var(--space-1);display:flex}}@media (width<40rem){.site-header .bar{gap:var(--space-2) var(--space-1);min-height:0;padding-block:var(--space-2);flex-wrap:wrap;&:before{content:"";flex-basis:100%;order:2}}.site-header .tools{display:contents}.site-header .icon-btn{order:1}.site-header .theme-toggle{margin-inline-end:calc(var(--space-2) * -1)}.site-header .brand{white-space:nowrap;font-size:1rem;& svg{width:1.75rem;height:1.75rem}}.site-header nav{border:1px solid var(--border);border-radius:var(--radius-pill);order:3;gap:0;padding:2px;& a{padding:.3em .9em}}.site-header .lang-menu{order:4;margin-inline-start:auto}.site-header{transition:translate .3s var(--ease-out)}.site-header[data-away]:not(:focus-within){translate:0 -100%}}@media (width<22.5rem){.site-header .brand span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (height<30rem){.site-header:not([data-autohide]){position:relative}}.read-progress{background:linear-gradient(90deg, var(--accent), var(--teal));transform-origin:0;height:3px;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0);@supports (animation-timeline:scroll()){animation:linear both grow-x scroll(root)}}@keyframes grow-x{to{transform:scaleX(1)}}.lang-btn{anchor-name:--lang-menu;border:1px solid var(--border);border-radius:var(--radius-pill);min-height:2.5rem;color:var(--text-muted);transition:background-color var(--dur), border-color var(--dur), color var(--dur);background:0 0;align-items:center;gap:.3em;padding:0 .55em 0 .65em;font-size:1rem;display:inline-flex;&:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}& .chevron{width:.9rem;height:.9rem;transition:rotate var(--dur) var(--ease-out)}&:has(+.lang-list:popover-open) .chevron{rotate:180deg}}.lang-list{position-anchor:--lang-menu;position-area:block-end span-inline-start;position-try-fallbacks:flip-inline;min-width:11rem;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .18s, transform .25s var(--ease-out), overlay .18s allow-discrete, display .18s allow-discrete;margin:.4rem 0 0;list-style:none;inset:auto;transform:translateY(-4px)scale(.98);&:popover-open{opacity:1;transform:none;@starting-style{opacity:0;transform:translateY(-4px)scale(.98)}}& a{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--step--1);padding:.55em .75em;font-weight:550;text-decoration:none;display:flex;&:hover,&:focus-visible{background:var(--accent-soft);color:var(--text)}&:focus-visible{outline-offset:-2px}&[aria-current=true]{font-weight:700}&>svg{color:var(--accent);margin-inline-start:auto}}}@supports not (position-area:block-end){.lang-list{position:fixed;inset:4.25rem 1rem auto auto}}.theme-toggle{& .sun,& .moon{transition:transform .5s var(--ease-spring), opacity .3s;transform-origin:50%}& .moon{opacity:0;transform:rotate(-90deg)scale(.5)}}:root[data-resolved-theme=dark] .theme-toggle{& .sun{opacity:0;transform:rotate(90deg)scale(.5)}& .moon{opacity:1;transform:none}}.sound-toggle[aria-pressed=false] .waves{opacity:0}.sound-toggle[aria-pressed=false] .mute{opacity:1}.sound-toggle .mute{opacity:0}.sound-toggle .waves,.sound-toggle .mute{transition:opacity var(--dur)}.site-footer{border-block-start:1px solid var(--border);padding-block:var(--space-6);color:var(--text-muted);font-size:var(--step--1);& .container{gap:var(--space-6);display:grid}& .footer-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}& section{gap:var(--space-2);align-content:start;display:grid}& .footer-privacy{color:var(--text);font-weight:600;& svg{vertical-align:-.15em;width:1.1em;height:1.1em;color:var(--teal-ink);margin-inline-end:.35em;display:inline-block}}& h2{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-weight:700}& .footer-bottom{justify-content:space-between;gap:var(--space-2) var(--space-5);border-block-start:1px solid var(--border);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}}.prose{&>*+*,& .track>*+*{margin-block-start:var(--space-4)}& h2{font-size:var(--step-2);align-items:baseline;gap:var(--space-3);margin-block-start:var(--space-7);scroll-margin-top:5rem;display:flex}& h3{margin-block-start:var(--space-6)}& ul,& ol{gap:var(--space-2);padding-inline-start:1.3em;display:grid}& li::marker{color:var(--accent);font-weight:700}& strong{font-weight:650}& blockquote{border-inline-start:4px solid var(--accent);padding:var(--space-3) var(--space-5);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--step-1);font-family:var(--font-display)}& table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:var(--step--1);display:block;overflow:auto hidden;@supports (display:table){display:table}}& th,& td{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:top}& th{background:var(--bg-sunk);font-weight:650}& tr+tr td{border-block-start:1px solid var(--border)}& hr{background:var(--border);height:1px;margin-block:var(--space-7);border:0}& .modes{gap:var(--space-3);display:grid;& p{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);border-inline-start:4px solid var(--c,var(--accent));font-size:var(--step--1)}& p:nth-child(2){--c:var(--teal)}& p:nth-child(3){--c:var(--amber)}& strong{font-size:var(--step-0);margin-inline-end:.2em;display:inline-block}}& .risk ul{padding:0;list-style:none}& .risk li{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border)}& .recipes{gap:var(--space-4);margin-block:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}}mark.ph{background:var(--warn-soft);color:inherit;border-radius:.3em;padding-inline:.2em}.widget{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow);position:relative;container-type:inline-size;margin-block:var(--space-6)!important;& .widget-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.45em;margin-block-end:var(--space-2);font-size:.75rem;font-weight:700;display:inline-flex;& svg{width:1rem;height:1rem}}& .widget-title{font-size:var(--step-1);margin-block-end:var(--space-2)}& .widget-hint{color:var(--text-muted);font-size:var(--step--1);margin-block-end:var(--space-4)}& .widget-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-block-start:var(--space-4);display:flex}}@media (width<30rem){.widget{padding:var(--space-4);margin-inline:-.25rem}}.feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--step--1);animation:pop-in .4s var(--ease-spring);&[data-kind=ok]{background:var(--ok-soft);color:light-dark(oklch(35% .1 150),oklch(88% .08 150))}&[data-kind=bad]{background:var(--bad-soft);color:light-dark(oklch(38% .14 25),oklch(88% .06 25))}&[data-kind=info]{background:var(--accent-soft);color:var(--accent-strong)}&:empty{padding:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.prose>.widget,.prose>.callout,.track>.widget,.track>.callout,.reveal{animation:linear both fade-up view();animation-range:entry entry 40%}}}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--text-muted)}}.flag[data-astro-cid-noyxejat]{aspect-ratio:3/2;border-radius:.2em;flex:none;width:1.5em;display:inline-block;position:relative;overflow:hidden;& svg{width:100%;height:100%}&:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.18)}}.theme-transition::view-transition-old(root),.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-new(root){animation:theme-reveal .65s var(--ease-out)}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(150vmax at var(--vt-x) var(--vt-y))}}.brand .blink{transform-box:fill-box;transform-origin:50%;animation:5s blink}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}
