@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.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{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);font-weight:var(--weight-body);line-height:var(--leading-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-size-adjust:100%;color-scheme:light only}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:0;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--color-text-primary);margin:0 0 var(--space-3)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3,h4{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-h3);letter-spacing:0}p{margin:0 0 var(--space-4)}ul,ol{margin:0 0 var(--space-4);padding-left:1.25rem}a{color:var(--color-text-link);text-underline-offset:3px;text-decoration:underline 1px}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}[hidden]{display:none!important}small{font-size:var(--text-small)}em{font-style:italic}.skip-link{left:var(--space-3);background:var(--color-text-primary);color:var(--palette-white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);z-index:50;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-3)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(var(--content-width),calc(100% - 2*var(--page-gutter)));margin-inline:auto}.prose{max-width:var(--prose-width)}.section{padding-block:var(--space-8)}.section-tight{padding-block:var(--space-7)}.section-divided{border-top:var(--border-width) solid var(--color-border)}.stack>*+*{margin-top:var(--space-4)}.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.center{text-align:center}.grid-auto{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.grid-2{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,6vw,72px);display:grid}.split>*{min-width:0}.eyebrow{font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;font-weight:var(--weight-strong);color:var(--color-brand-primary-text);margin:0 0 var(--space-3)}.lead{font-size:var(--text-lead);color:var(--color-text-secondary);max-width:38rem}.muted{color:var(--color-text-secondary)}.hero-title{font-size:var(--text-hero);letter-spacing:-.025em;line-height:1.04}.hero-title em{color:var(--color-brand-primary-text);font-style:italic}.page-intro{padding-block:var(--space-8) var(--space-6)}.page-narrow{width:min(var(--prose-width),calc(100% - 2*var(--page-gutter)));margin:var(--space-8) auto var(--space-9)}@media (width<=850px){.split,.grid-2,.grid-3{grid-template-columns:1fr}.section{padding-block:var(--space-7)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-header{background:var(--color-background);border-bottom:var(--border-width) solid var(--color-border)}.site-header-inner{width:min(var(--content-width),calc(100% - 2*var(--page-gutter)));justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);margin:0 auto;display:flex}.brand{min-height:var(--touch-target);align-items:center;text-decoration:none;display:inline-flex}.brand img{width:auto;height:26px}.site-nav{align-items:center;gap:var(--space-5);font-size:var(--text-small);font-weight:var(--weight-strong);display:flex}.site-nav a{min-height:var(--touch-target);color:var(--color-text-primary);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-nav a:not(.button):hover{color:var(--color-brand-secondary-text);text-decoration:underline}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--color-brand-primary);text-underline-offset:8px;text-decoration-thickness:3px}.site-footer a{min-height:var(--touch-target);color:var(--color-text-secondary);align-items:center;display:inline-flex}.site-footer a:hover{color:var(--color-text-primary)}@media (width<=700px){.site-header-inner{align-items:center;gap:var(--space-2);flex-direction:column}.site-nav{justify-content:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap}.site-nav .nav-optional{display:none}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);border:var(--border-width-strong) solid var(--color-button-primary);border-radius:var(--radius-pill);background:var(--color-button-primary);color:var(--color-text-on-brand);font-weight:var(--weight-strong);font-size:var(--text-body);transition:background var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease);padding:.8rem 1.5rem;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover);text-decoration:none}.button:active{background:var(--color-button-primary-pressed);border-color:var(--color-button-primary-pressed);transform:translateY(1px)}.button-small{font-size:var(--text-small);padding:.55rem 1.1rem}.button-secondary{background:var(--color-surface);border-color:var(--color-brand-secondary-text);color:var(--color-brand-secondary-text)}.button-secondary:hover{background:var(--color-brand-secondary-hover);border-color:var(--color-brand-secondary-text)}.button-secondary:active{background:var(--color-selected-surface);border-color:var(--color-brand-secondary-text)}.button-dark{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--palette-white)}.button-dark:hover{background:var(--color-navy-hover);border-color:var(--color-navy-hover)}.button:disabled,.button[aria-disabled=true]{background:var(--color-disabled-surface);border-color:var(--color-disabled-surface);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.button[aria-busy=true]{color:#0000;position:relative}.button[aria-busy=true]:after{content:"";border:2px solid var(--color-text-on-brand);border-right-color:#0000;border-radius:50%;width:1.1em;height:1.1em;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}label,.field-label{margin:var(--space-4) 0 var(--space-2);font-weight:var(--weight-strong);font-size:var(--text-small);color:var(--color-text-primary);display:block}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;min-height:var(--touch-target);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:.7rem .9rem}textarea{resize:vertical;min-height:7rem}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:1}input:not([type=checkbox]):not([type=radio]):focus,input:not([type=checkbox]):not([type=radio]):focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{border-color:var(--color-focus);box-shadow:inset 0 0 0 1px var(--color-focus);outline:none}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true],input:not([type=checkbox]):not([type=radio])[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus,select[aria-invalid=true]:focus{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error);outline:none}input:disabled,textarea:disabled,select:disabled{background:var(--color-disabled-surface);color:var(--color-text-secondary);cursor:not-allowed}select{cursor:pointer}@supports (appearance:base-select){select,::picker(select){appearance:base-select}select{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}select::picker-icon{color:var(--color-brand-secondary-text);transition:rotate var(--motion-base) var(--motion-ease)}select:open::picker-icon{rotate:180deg}::picker(select){border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-raised);padding:var(--space-1);margin-block:var(--space-1)}select option{border-radius:var(--radius-sm);color:var(--color-text-primary);gap:var(--space-2);padding:.6rem .8rem}select option:hover,select option:focus-visible{background:var(--color-selected-surface);outline:none}select option:checked{background:var(--color-surface-aqua);font-weight:var(--weight-strong)}select option::checkmark{color:var(--color-brand-secondary-text)}select optgroup{font-weight:var(--weight-strong);color:var(--color-brand-secondary-text);font-size:var(--text-small);padding-top:var(--space-2)}select optgroup option{font-weight:var(--weight-body);font-size:var(--text-body)}}input[type=checkbox],input[type=radio]{accent-color:var(--color-brand-secondary-text);width:1.15rem;height:1.15rem}.field-error{margin:var(--space-2) 0 0;border-radius:var(--radius-sm);background:var(--color-error-surface);color:var(--color-error);font-size:var(--text-small);font-weight:var(--weight-strong);padding:.55rem .8rem}.field-error:before{content:"Problem: "}.field-hint{font-size:var(--text-small);color:var(--color-text-secondary);margin:var(--space-2) 0 0}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card);overflow-wrap:anywhere;min-width:0}.card h2,.card h3{margin-top:0}.card-flat{box-shadow:none}.card-aqua{background:var(--color-surface-aqua);border-color:var(--color-surface-aqua)}.card-sand{background:var(--color-surface-sand);border-color:var(--color-surface-sand)}.card-link{color:inherit;transition:box-shadow var(--motion-base) var(--motion-ease),transform var(--motion-fast) var(--motion-ease);text-decoration:none;display:block}.card-link:hover{box-shadow:var(--shadow-raised);text-decoration:none;transform:translateY(-2px)}.panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);min-width:0}.notice,.status{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-small);background:0 0;display:flex}.notice:before,.status:before{content:"";border:2px solid var(--color-border);border-top-color:var(--color-brand-secondary);border-radius:50%;flex:none;width:16px;height:16px;animation:.9s linear infinite notice-turn}.center .notice{justify-content:center}@keyframes notice-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.notice:before,.status:before{animation:none}}.status-success{background:var(--color-success-surface);color:var(--color-success)}.status-success:before{content:"✓ ";font-weight:var(--weight-strong)}.status-warning{background:var(--color-warning-surface);color:var(--color-warning)}.status-warning:before{content:"! ";font-weight:var(--weight-strong)}.status-error{background:var(--color-error-surface);color:var(--color-error)}.status-error:before{content:"✕ ";font-weight:var(--weight-strong)}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-aqua);color:var(--color-brand-secondary-text);font-size:var(--text-small);font-weight:var(--weight-strong);padding:.15rem .7rem;display:inline-flex}.art{width:100%;height:auto;display:block}.art-hero{border-radius:var(--radius-lg);width:100%;max-width:560px;margin-inline:auto}.art-spot{border-radius:var(--radius-md);width:100%;max-width:340px;margin-inline:auto}.art-card{border-radius:var(--radius-md);width:100%;max-width:380px;margin-inline:auto}.art-icon{flex:none;width:56px;height:56px}.art-icon-lg{flex:none;width:72px;height:72px}.art-divider{width:100%;max-width:var(--content-width);margin:var(--space-6) auto}.with-icon{align-items:center;gap:var(--space-3);display:flex}.icon-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.icon-list li{align-items:center;gap:var(--space-3);display:flex}.player{background:var(--color-surface-aqua);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);border-left:6px solid var(--color-brand-primary)}.player audio{width:100%;accent-color:var(--color-brand-primary);margin-top:var(--space-3)}.player.is-selected{border-left-color:var(--color-brand-secondary);background:var(--color-selected-surface)}.waveform{align-items:center;gap:3px;height:28px;display:flex}.waveform span{background:var(--color-brand-primary);border-radius:2px;width:4px}.waveform span:nth-child(3n){background:var(--color-brand-secondary)}details{border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-4) 0}summary{cursor:pointer;font-weight:var(--weight-strong);min-height:var(--touch-target);align-items:center;gap:var(--space-3);list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--color-brand-primary-text);margin-left:auto;font-size:1.4rem}details[open] summary:after{content:"−"}details>:not(summary){color:var(--color-text-secondary)}.facts{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.facts dt{font-weight:var(--weight-strong)}.facts dd{color:var(--color-text-secondary);margin:0}.record{border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-3) 0;overflow-wrap:anywhere}.record p{font-size:var(--text-small);margin:0}.price{font-family:var(--font-display);color:var(--color-text-primary);margin:var(--space-3) 0;font-size:2.2rem}.price small{font-family:var(--font-body);color:var(--color-text-secondary)}.steps-number{font-weight:var(--weight-strong);font-size:var(--text-small);color:var(--color-brand-primary-text);letter-spacing:.12em}@media (width<=640px){.art-hero{max-width:420px}.facts{grid-template-columns:1fr}}.song-making{min-height:72px;margin:var(--space-4) 0;justify-content:center;align-items:center;gap:6px;display:flex}.song-making[hidden]{display:none}.song-making span{background:var(--color-brand-primary);border-radius:var(--radius-pill);transform-origin:50%;width:6px;height:24px;animation:song-wave var(--motion-equalizer) ease-in-out infinite;display:block}.song-making span:nth-child(2n){background:var(--color-brand-secondary);animation-delay:calc(var(--motion-equalizer-step)*-1);height:40px}.song-making span:nth-child(3){animation-delay:calc(var(--motion-equalizer-step)*-2);height:50px}.song-making span:nth-child(4){animation-delay:calc(var(--motion-equalizer-step)*-3)}.song-making span:nth-child(5){animation-delay:calc(var(--motion-equalizer-step)*-4);height:32px}@keyframes song-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.song-making span{animation:none}}.notify-region{z-index:1000;top:calc(var(--space-5) + env(safe-area-inset-top));width:min(460px,calc(100vw - 2*var(--space-4)));gap:var(--space-3);pointer-events:none;display:grid;position:fixed;left:50%;transform:translate(-50%)}.notify-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notify{pointer-events:auto;align-items:start;gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-4) + 4px);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);animation:notify-in var(--motion-reveal) var(--motion-reveal-ease);grid-template-columns:auto 1fr auto;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #142b3b2e,0 2px 6px #142b3b14}.notify:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.notify.is-leaving{animation:notify-out var(--motion-base) var(--motion-ease) forwards}.notify-icon{width:36px;height:36px;font-weight:var(--weight-strong);color:var(--palette-white);background:var(--color-brand-secondary-text);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.notify-success .notify-icon{background:var(--color-success)}.notify-error .notify-icon{background:var(--color-error)}.notify-body{gap:2px;min-width:0;display:grid}.notify-title{font-weight:var(--weight-strong);margin:0;line-height:1.3}.notify-text{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.45}.notify-close,.notify-action{color:inherit;cursor:pointer;font:inherit;border-radius:var(--radius-sm);background:0 0;border:0;min-width:32px;min-height:32px}.notify-close{color:var(--color-text-secondary);font-size:1.3rem;line-height:1}.notify-action{margin-top:var(--space-2);font-weight:var(--weight-strong);color:var(--color-text-link);justify-self:start;padding:0;text-decoration:underline}.notify-close:focus-visible,.notify-action:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.notify-timer{transform-origin:0;background:var(--color-brand-secondary);width:100%;height:4px;animation:linear forwards notify-timer;position:absolute;bottom:0;left:0}.notify-success .notify-timer{background:var(--color-success)}.notify-error .notify-timer{background:var(--color-error)}.notify.is-paused .notify-timer{animation-play-state:paused}.notify-dialog{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5) var(--space-5);width:min(440px,calc(100vw - 2*var(--space-4)));color:var(--color-text-primary);background:var(--color-surface);text-align:center;border:0;box-shadow:0 24px 60px #142b3b40}.notify-dialog[open]{animation:notify-in var(--motion-reveal) var(--motion-reveal-ease)}.notify-dialog .notify-icon{margin:0 auto var(--space-3);width:48px;height:48px;font-size:1.4rem}.notify-dialog.is-danger .notify-icon{background:var(--color-error)}.notify-dialog::backdrop{background:#142b3b73}.notify-dialog h2{margin:0 0 var(--space-2);font-size:1.3rem}.notify-dialog p{color:var(--color-text-secondary);margin:0}.notify-dialog-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.button-danger{background:var(--color-error);border-color:var(--color-error);color:var(--palette-white)}@keyframes notify-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}@keyframes notify-out{to{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes notify-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.notify,.notify.is-leaving,.notify-dialog[open]{animation:none}.notify-timer{display:none;animation-duration:0s!important}}.button-link{color:var(--color-text-link);font:inherit;font-weight:var(--weight-strong);cursor:pointer;min-height:var(--touch-target);background:0 0;border:0;padding:0;text-decoration:underline}.button-link:disabled{color:var(--color-text-secondary);cursor:not-allowed}.button-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.button,button.button,a.button{justify-self:start;width:auto;max-width:100%}.center .button,.actions .button{justify-self:center}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select{max-width:560px}textarea{max-width:760px}input[type=file]{max-width:560px}.guide-entry{margin-block:var(--space-3) 0}.guide-entry a{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-aqua);color:var(--color-brand-secondary-text);font-size:var(--text-small);font-weight:var(--weight-strong);padding:.45rem .9rem;text-decoration:none;display:inline-flex}.guide-entry a:hover{border-color:var(--color-brand-secondary-text)}.guide-entry a:before{content:"";background:url(/art/guide/headphones.svg) 50%/contain no-repeat;width:18px;height:18px}.tselect{width:100%;max-width:560px;display:block;position:relative}.tselect-button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--weight-body);text-align:left;padding:.75rem .95rem;display:flex}.tselect-button:hover{border-color:var(--color-brand-secondary-text)}.tselect-button:focus-visible,.tselect.is-open .tselect-button{border-color:var(--color-focus);box-shadow:inset 0 0 0 1px var(--color-focus);outline:none}.tselect-button[aria-invalid=true]{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.tselect-button:disabled{background:var(--color-disabled-surface);color:var(--color-text-secondary);cursor:not-allowed}.tselect-chevron{border-right:2px solid var(--color-brand-secondary-text);border-bottom:2px solid var(--color-brand-secondary-text);width:10px;height:10px;transition:transform var(--motion-base) var(--motion-ease);transform:translateY(-2px)rotate(45deg)}.tselect.is-open .tselect-chevron{transform:translateY(2px)rotate(-135deg)}.tselect-list{z-index:30;max-height:18rem;padding:var(--space-1);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-raised);overscroll-behavior:contain;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.tselect-list.is-up{top:auto;bottom:calc(100% + 6px)}.tselect-list ul{margin:0;padding:0;list-style:none}.tselect-option{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:42px;color:var(--color-text-primary);font-weight:var(--weight-body);cursor:pointer;padding:.55rem .8rem;display:flex}.tselect-option.is-active{background:var(--color-selected-surface)}.tselect-option[aria-selected=true]{background:var(--color-surface-aqua);font-weight:var(--weight-strong)}.tselect-option[aria-selected=true].is-active{background:var(--color-selected-surface)}.tselect-option[aria-selected=true]:after{content:"✓"/"";color:var(--color-brand-secondary-text)}.tselect-group{padding:var(--space-2) .8rem var(--space-1);font-size:var(--text-small);font-weight:var(--weight-strong);color:var(--color-brand-secondary-text);display:block}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-brand-secondary-text) 50%),linear-gradient(135deg,var(--color-brand-secondary-text) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-repeat:no-repeat;background-size:6px 6px;padding-right:2.5rem}.dictate{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.dictate-button{width:var(--touch-target);height:var(--touch-target);background:color-mix(in srgb,var(--color-brand-primary) 12%,var(--color-surface));border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.dictate-button:hover{background:color-mix(in srgb,var(--color-brand-primary) 22%,var(--color-surface))}.dictate-button.is-recording{box-shadow:inset 0 0 0 2px var(--color-brand-primary)}.dictate-button:disabled{background:var(--color-disabled-surface);cursor:not-allowed}.dictate-button:disabled img{filter:grayscale();opacity:.6}.dictate-dot{background:var(--color-brand-primary);border-radius:50%;width:10px;height:10px;animation:1s infinite dictate-blink;position:absolute;top:4px;right:4px}@keyframes dictate-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.dictate-dot{animation:none}}.dictate-status{font-size:var(--text-small);font-weight:var(--weight-body);color:var(--color-text-secondary)}.field-with-mic{gap:var(--space-2);flex-direction:column;width:100%;max-width:760px;display:flex;position:relative}.field-with-mic .dictate{align-self:flex-end}.site-footer{background:var(--color-background);margin-top:auto}.site-footer-inner{width:min(var(--content-width),calc(100% - 2*var(--page-gutter)));padding-block:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);font-size:var(--text-small);color:var(--color-text-secondary);border-top:var(--border-width) solid var(--color-border);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer-brand{gap:var(--space-1);flex-direction:column;display:flex}.site-footer-pay{align-items:center;gap:var(--space-2);font-weight:var(--weight-strong);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.site-footer-marks{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer-marks img{width:auto;height:24px}.site-footer-marks img[src$=google-pay\.svg]{height:34px}.site-footer-mark-name{font-weight:var(--weight-strong);color:var(--color-text-primary)}.site-footer-links{gap:0 var(--space-4);flex-wrap:wrap;display:flex}.site-footer-credit{text-align:center;font-size:var(--text-small);color:var(--color-text-secondary);flex-basis:100%;margin:0}.site-footer-credit a{min-height:0;color:var(--color-text-link);font-weight:var(--weight-strong)}@media (width<=640px){.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer-marks img{height:20px}}.google-button{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--touch-target);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--weight-strong);box-shadow:var(--shadow-card);padding:.65rem 1.4rem;text-decoration:none;display:inline-flex}.google-button:hover{background:var(--color-surface-alt);text-decoration:none}.google-button img{width:20px;height:20px}