.guide-grid{grid-auto-rows:1fr}.guide-card.guide-card-background{--guide-card-text-secondary:var(--color-text-secondary-strong);isolation:isolate;align-content:space-between;gap:var(--space-5);background:var(--color-surface-card);min-height:12.75rem;box-shadow:var(--shadow-card);grid-template-rows:1fr auto;grid-template-columns:1fr;padding:1.35rem;position:relative;overflow:hidden}.guide-card-background.guide-card-phrases{background:radial-gradient(circle at 88% 62%, #d6a84b57, transparent 42%), linear-gradient(135deg, var(--color-surface-card), #f6ecda)}.guide-card-background.guide-card-food{background:radial-gradient(circle at 88% 62%, #b956303d, transparent 42%), linear-gradient(135deg, var(--color-surface-card), #f8e9df)}.guide-card-background.guide-card-drinks{background:radial-gradient(circle at 88% 62%, #3a919e3d, transparent 42%), linear-gradient(135deg, var(--color-surface-card), #e5f1f0)}.guide-card-background.guide-card-fruit{background:radial-gradient(circle at 88% 62%, #698f4642, transparent 42%), linear-gradient(135deg, var(--color-surface-card), #edf2df)}.guide-card-copy,.guide-card.guide-card-background>.button{z-index:1;position:relative}.guide-card-copy{max-width:min(72%,28rem)}.guide-card.guide-card-background h3{font-size:1.2rem}.guide-card.guide-card-background p{color:var(--guide-card-text-secondary);margin-top:.55rem}.guide-card.guide-card-background>.button{grid-column:1;justify-self:start;min-width:8.5rem}.guide-card-illustration{z-index:0;pointer-events:none;opacity:.3;filter:saturate(.9);transform-origin:50%;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,32vw,11rem);line-height:1;position:absolute;bottom:-1.25rem;right:-.75rem;transform:none}.guide-card-food .guide-card-illustration{transform:rotate(7deg)}.guide-card-drinks .guide-card-illustration{right:-.4rem;transform:rotate(-4deg)}.guide-card-fruit .guide-card-illustration{transform:rotate(5deg)}@media (width<=380px){.guide-card-copy{max-width:76%}.guide-card-illustration{font-size:7.5rem;right:-1rem}}.guide-item-card{background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.guide-item-image-frame{aspect-ratio:16/10;background:var(--color-surface-accent);border-bottom:var(--border-width-default) solid var(--color-border-default);overflow:hidden}.guide-item-image{object-fit:cover;width:100%;height:100%;display:block}.guide-item-content{min-width:0;padding:var(--space-5) var(--space-5) var(--space-3)}.guide-item-content .eyebrow{color:var(--color-accent-strong)}.guide-item-content h3{margin:var(--space-2) 0 0;color:var(--color-text-primary);letter-spacing:-.035em;font-size:clamp(1.5rem,6vw,2rem);line-height:1.08}.guide-item-thai{margin:var(--space-3) 0 0;color:var(--color-text-primary);font-family:var(--font-family-thai);font-size:clamp(1.45rem,6vw,2rem);font-weight:650;line-height:var(--line-height-thai)}.guide-item-phonetics{margin:var(--space-1) 0 0;color:var(--color-accent-strong);font-family:var(--font-family-phonetics);font-size:clamp(1.15rem,4.8vw,1.45rem);font-weight:var(--font-weight-strong);overflow-wrap:anywhere}.guide-item-content .description-text{margin:var(--space-3) 0 0;color:var(--color-text-secondary-strong);line-height:var(--line-height-ui)}.guide-item-actions{padding:var(--space-2) var(--space-5) var(--space-5);display:flex}.guide-item-actions .button{min-width:8.5rem;color:var(--color-text-primary);background:#fffdf8b8;border-color:#102a4338}.phrase-carousel-slide>.guide-item-card{flex:auto}@media (width>=640px){.guide-item-card{grid-template-rows:1fr auto;grid-template-columns:minmax(15rem,42%) minmax(0,1fr)}.guide-item-image-frame{aspect-ratio:auto;border-right:var(--border-width-default) solid var(--color-border-default);border-bottom:0;grid-row:1/-1}}@media (width<=380px){.guide-item-content{padding:var(--space-4) var(--space-4) var(--space-2)}.guide-item-actions{padding:var(--space-2) var(--space-4) var(--space-4)}.guide-item-actions .button{width:100%}}@media (forced-colors:active){.guide-item-image-frame,.guide-item-card{forced-color-adjust:auto}}.phrase-carousel{min-width:0}.guide-detail-compact-heading{gap:.65rem;margin-bottom:.8rem;display:grid}.phrase-carousel:not(.phrase-carousel-embedded) .guide-detail-compact-heading{isolation:isolate;padding:var(--space-3) .85rem .8rem;border-bottom:2px solid var(--color-accent);border-radius:var(--radius-small) var(--radius-small) 0 0;background:radial-gradient(circle at 88% 16%,#d6a84b24,#0000 34%),linear-gradient(100deg,#d6a84b17,#fffdf800 72%);margin:0 -.1rem .9rem;position:relative;overflow:hidden}.phrase-carousel:not(.phrase-carousel-embedded) .guide-detail-compact-heading:after{z-index:-1;content:"";border:0;border-top:1px solid #d6a84b24;border-left:1px solid #d6a84b24;border-radius:50% 0 0;width:8.5rem;height:3.5rem;position:absolute;bottom:-1.15rem;right:1rem;transform:rotate(-5deg)}.guide-detail-title-row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.guide-detail-title-row h1{letter-spacing:-.035em;min-width:0;margin:0;font-size:clamp(1.45rem,6vw,2.15rem)}.guide-detail-embedded-progress-row{justify-content:flex-end;display:flex}.guide-detail-progress{color:var(--color-text-primary);background:var(--color-surface-accent);border-radius:var(--radius-pill);font-size:var(--font-size-ui-small);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;padding:.42rem .68rem;font-weight:850}.phrase-category-navigation{max-width:100%;padding:.1rem 0 var(--space-1);scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;gap:.45rem;display:flex;overflow-x:auto}.phrase-category-navigation::-webkit-scrollbar{display:none}.phrase-category-button{min-height:var(--size-touch-target);color:var(--color-text-primary);background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-pill);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-strong);white-space:nowrap;scroll-snap-align:start;flex:none;padding:.55rem .85rem}.phrase-category-button:hover{background:var(--color-surface-selected);border-color:var(--color-accent)}.phrase-category-button[aria-current=true]{color:var(--color-text-primary);background:var(--color-accent);border-color:var(--color-accent)}.phrase-carousel-viewport{border-radius:var(--radius-panel);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;min-width:0;overflow:auto hidden}.phrase-carousel-viewport::-webkit-scrollbar{display:none}.phrase-carousel-viewport:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.phrase-carousel-track{align-items:stretch;display:flex}.phrase-carousel-slide{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 100%;min-width:0;padding:.2rem;display:flex}.phrase-carousel-slide>.phrase-card{flex:auto}.phrase-carousel-controls{grid-template-columns:var(--size-touch-target-large) minmax(0, 1fr) var(--size-touch-target-large);align-items:center;gap:.8rem;margin-top:.7rem;display:grid}.phrase-carousel-arrow{width:var(--size-touch-target-large);height:var(--size-touch-target-large);color:var(--color-text-inverse);background:var(--color-brand-primary);border-radius:var(--radius-pill);border:0;place-items:center;padding:0;display:grid}.phrase-carousel-arrow:hover:not(:disabled){background:var(--color-brand-primary-hover)}.phrase-carousel-arrow:disabled{color:var(--color-state-disabled-text);background:var(--color-state-disabled-surface)}.phrase-carousel-arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:1.45rem;height:1.45rem}.phrase-carousel-position-track{background:var(--color-border-default);border-radius:var(--radius-pill);height:.6rem;overflow:hidden}.phrase-carousel-position-track>span{background:var(--color-accent-strong);border-radius:inherit;height:100%;transition:inline-size var(--motion-standard) var(--motion-easing-standard);display:block}@media (width<=380px){.phrase-carousel:not(.phrase-carousel-embedded) .guide-detail-compact-heading{padding-inline:var(--space-3)}.guide-detail-title-row h1{font-size:1.35rem}.phrase-carousel-controls{grid-template-columns:2.85rem minmax(0,1fr) 2.85rem;gap:.65rem}.phrase-carousel-arrow{width:2.85rem;height:2.85rem}}@media (prefers-contrast:more){.phrase-carousel:not(.phrase-carousel-embedded) .guide-detail-compact-heading{background:var(--color-surface-card);border:2px solid var(--color-accent-strong)}.phrase-carousel:not(.phrase-carousel-embedded) .guide-detail-compact-heading:after{display:none}.guide-detail-progress{outline:2px solid var(--color-text-primary);outline-offset:-2px}}@media (prefers-reduced-motion:reduce){.phrase-carousel-position-track>span{transition:none}}.phrase-card.phrase-card-themed{--phrase-card-accent:var(--color-accent-strong);--phrase-card-glow:#d6a84b47;--phrase-card-surface:#f6ecda;isolation:isolate;gap:var(--space-4);padding:var(--space-5);background:radial-gradient(circle at 91% 75%, var(--phrase-card-glow), transparent 40%), linear-gradient(135deg, var(--color-surface-card), var(--phrase-card-surface));border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.phrase-card-themed.phrase-card-greetings{--phrase-card-accent:var(--color-accent-strong);--phrase-card-glow:#d6a84b4d;--phrase-card-surface:#f6ecda}.phrase-card-themed.phrase-card-politeness{--phrase-card-accent:#49652f;--phrase-card-glow:#698f463d;--phrase-card-surface:#edf2df}.phrase-card-themed.phrase-card-restaurant{--phrase-card-accent:#8b472d;--phrase-card-glow:#b956303b;--phrase-card-surface:#f8e9df}.phrase-card-themed.phrase-card-shopping{--phrase-card-accent:#28646d;--phrase-card-glow:#3a919e38;--phrase-card-surface:#e5f1f0}.phrase-card-themed .phrase-card-illustration{z-index:0;pointer-events:none;opacity:.14;filter:saturate(.85);-webkit-user-select:none;user-select:none;font-size:clamp(5.75rem,25vw,8.75rem);line-height:1;position:absolute;bottom:-.65rem;right:-.45rem;transform:none}.phrase-card-themed .phrase-content,.phrase-card-themed .phrase-card-actions{z-index:1;position:relative}.phrase-card-themed .phrase-content{min-width:0}.phrase-card-themed .phrase-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.phrase-card-themed .eyebrow{color:var(--phrase-card-accent)}.phrase-card-themed .icon-button{color:var(--phrase-card-accent);border:var(--border-width-default) solid #102a4314;background:#fffdf894;flex:none}.phrase-card-themed .icon-button:hover{background:#fffdf8e0}.phrase-card-themed .phrase-content h3{letter-spacing:-.025em;max-width:24ch;margin:.35rem 0 0;font-size:1.35rem}.phrase-primary{align-items:center;gap:var(--space-3);margin-top:var(--radius-control);grid-template-columns:minmax(0,1fr);display:grid}.phrase-primary-with-audio{grid-template-columns:minmax(0,1fr) auto}.phrase-reading{min-width:0}.phrase-card-themed .phonetic-text{color:var(--phrase-card-accent);font-family:var(--font-family-phonetics);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.65rem,6.8vw,2.2rem);font-weight:850;line-height:1.25}.phrase-card-themed .thai-text{color:var(--color-text-primary);font-family:var(--font-family-thai);font-size:clamp(1.25rem,5.3vw,1.75rem);font-weight:650;line-height:var(--line-height-thai);overflow-wrap:anywhere;margin:.42rem 0 0}.phrase-card-themed .description-text{max-width:58ch;color:var(--color-text-secondary-strong);line-height:var(--line-height-ui);margin:.8rem 0 0}.phrase-card-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-self:start;display:flex}.phrase-card-actions .button{flex:0 auto;min-width:8.5rem}.phrase-card-actions .button-outline{color:var(--color-text-primary);background:#fffdf8ad;border-color:#102a4338}.phrase-card-actions .button-outline:hover{background:#fffdf8eb}.phrase-audio-button{width:var(--size-touch-target-large);height:var(--size-touch-target-large);color:var(--color-text-inverse);background:var(--color-brand-primary);border-radius:var(--radius-pill);border:0;place-items:center;padding:0;display:grid;box-shadow:0 6px 18px #102a432e}.phrase-audio-button:hover:not(:disabled){background:var(--color-brand-primary-hover)}.phrase-audio-button:disabled{cursor:progress;color:var(--color-text-inverse);background:var(--color-brand-primary);opacity:.72}.phrase-audio-button svg{fill:currentColor;width:1.2rem;height:1.2rem}.phrase-audio-spinner{border-radius:var(--radius-pill);border:.15rem solid #ffffff61;border-top-color:currentColor;width:1.15rem;height:1.15rem;animation:.8s linear infinite phrase-audio-spin}@keyframes phrase-audio-spin{to{transform:rotate(1turn)}}@media (width>=640px){.phrase-card.phrase-card-themed{align-items:start;padding:1.4rem}.phrase-card-themed .phrase-card-illustration{bottom:-.8rem;right:-.25rem}}@media (width<=380px){.phrase-card.phrase-card-themed{grid-template-columns:minmax(0,1fr);padding:1.1rem}.phrase-card-themed .phrase-card-illustration{font-size:6.5rem;right:-.75rem}.phrase-card-actions{width:100%}.phrase-card-actions .button{flex:8.5rem}}@media (prefers-reduced-motion:reduce){.phrase-audio-spinner{animation:none}}.search-field-prominent input{padding-right:3.65rem}.search-field-prominent input::-webkit-search-cancel-button{appearance:none}.search-clear-button{width:2.75rem;height:2.75rem;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.search-clear-button:hover{color:var(--navy);background:#edf2f6}.search-field-prominent .search-clear-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:1.15rem;height:1.15rem;position:static;transform:none}html[data-text-size=standard]{font-size:100%}html[data-text-size=large]{font-size:112.5%}html[data-text-size=extra-large]{font-size:125%}.favorite-filter-row{overscroll-behavior-inline:contain;scrollbar-width:thin;gap:.55rem;margin:0 0 1rem;padding:.2rem 0 .45rem;display:flex;overflow-x:auto}.favorite-category-filter{margin-top:-.35rem}.favorite-filter-chip{min-height:2.75rem;color:var(--navy);background:var(--paper);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex:none;padding:.55rem .85rem;font-size:.82rem;font-weight:800}.favorite-filter-chip span{color:var(--muted);margin-left:.25rem}.favorite-filter-chip[aria-pressed=true]{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 6px 18px #102a4329}.favorite-filter-chip[aria-pressed=true] span{color:#d9e2ec}.favorite-guide-groups{gap:1.5rem;display:grid}.favorite-guide-group{gap:1rem;display:grid}.favorite-guide-heading{align-items:center;gap:.8rem;display:flex}.favorite-guide-icon{background:#f1e4c7;border-radius:.9rem;flex:none;place-items:center;width:3rem;height:3rem;font-size:1.55rem;display:grid}.favorite-guide-heading h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.favorite-guide-heading p{color:var(--muted);margin:.2rem 0 0;font-size:.82rem;font-weight:700}.favorite-unavailable-state{color:var(--navy);border:1px dashed var(--border);background:#f4efe5;border-radius:1rem;padding:1rem}.favorite-unavailable-state p{color:var(--muted);margin:.3rem 0 0;line-height:1.5}.settings-overview-heading{margin-bottom:1.75rem}.settings-overview-groups{gap:1.45rem;display:grid}.settings-overview-group{gap:.5rem;display:grid}.settings-overview-group>h2{color:var(--gold-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 0 .45rem;font-size:.72rem;font-weight:850}.settings-navigation-list,.settings-selection-list,.settings-information-list{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.35rem;overflow:hidden}.settings-navigation-row{width:100%;min-height:4.35rem;color:var(--navy);text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;grid-template-columns:auto minmax(0,1fr) minmax(0,auto) auto;align-items:center;gap:.8rem;padding:.75rem .85rem;display:grid}.settings-navigation-row:last-child{border-bottom:0}.settings-navigation-row:hover{background:#faf7f0}.settings-navigation-icon{color:#fff;background:var(--navy);letter-spacing:-.04em;border-radius:.78rem;place-items:center;width:2.65rem;height:2.65rem;font-size:1rem;font-weight:850;display:grid}.settings-navigation-icon-language,.settings-navigation-icon-storage{background:#2782c4}.settings-navigation-icon-speaker,.settings-navigation-icon-offline{background:var(--green)}.settings-navigation-icon-text-size,.settings-navigation-icon-favorites{color:var(--navy);background:var(--gold)}.settings-navigation-icon-data{background:#a34d47}.settings-navigation-icon-about{background:var(--muted);font-family:Georgia,serif;font-size:1.25rem}.settings-navigation-copy,.settings-navigation-copy strong{min-width:0}.settings-navigation-copy strong{overflow-wrap:anywhere;display:block}.settings-navigation-value{max-width:17rem;color:var(--muted);text-align:right;overflow-wrap:anywhere;font-size:.86rem;line-height:1.35}.settings-navigation-chevron{color:#8a98a5;font-size:1.8rem;font-weight:400;line-height:1}.settings-detail-screen .screen-section{padding-top:.65rem}.settings-detail-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;margin-bottom:1.4rem;display:grid}.settings-detail-header h1{letter-spacing:-.04em;margin:.25rem 0 0;font-size:clamp(1.9rem,8vw,3rem)}.settings-detail-header p{max-width:58ch;color:var(--muted);margin:.5rem 0 0;line-height:1.5}.settings-back-button{width:3rem;height:3rem;color:var(--navy);background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:999px;place-items:center;padding:0;font-size:2rem;line-height:1;display:grid}.settings-back-button:hover{background:#f4efe5}.settings-selection-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1.55rem minmax(0,1fr);align-items:center;gap:.8rem;min-height:4.1rem;padding:.85rem 1rem;display:grid;position:relative}.settings-selection-row:last-child{border-bottom:0}.settings-selection-row:hover{background:#faf7f0}.settings-selection-row:has(input:focus-visible){outline-offset:-3px;outline:3px solid #d6a84ba6}.settings-selection-row input{opacity:0;width:1px;height:1px;position:absolute}.settings-selection-check{color:#fff;background:var(--navy);border:1px solid var(--border);border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:.88rem;font-weight:900;display:grid}.settings-selection-row:not(:has(input:checked)) .settings-selection-check{color:#0000;background:0 0}.settings-selection-copy{gap:.2rem;min-width:0;display:grid}.settings-selection-copy strong,.settings-selection-copy small{overflow-wrap:anywhere}.settings-selection-copy small{color:var(--muted);line-height:1.4}.settings-text-preview{gap:.55rem;margin-top:1.35rem;display:grid}.settings-text-preview>h2{color:var(--gold-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 0 .45rem;font-size:.72rem;font-weight:850}.settings-text-preview-card{text-align:center;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.35rem;gap:.35rem;padding:1.3rem;display:grid}.settings-text-preview-card .thai-text{font-size:clamp(2rem,10vw,3.2rem)}.settings-text-preview-card .phonetic-text{font-size:1rem}.settings-information-row{border-bottom:1px solid var(--border);align-items:center;gap:.65rem;min-height:4.3rem;padding:.95rem 1rem;display:grid}.settings-information-row:last-child{border-bottom:0}.settings-information-row>span:not(.settings-guide-status-icon):not(.settings-status-dot){gap:.2rem;display:grid}.settings-information-row small{color:var(--muted);line-height:1.4}.settings-information-row-action{grid-template-columns:minmax(0,1fr) auto}.settings-guide-status-row{grid-template-columns:auto minmax(0,1fr) auto}.settings-guide-status-icon{background:#f1e4c7;border-radius:.85rem;place-items:center;width:2.8rem;height:2.8rem;font-size:1.35rem;display:grid}.settings-status-dot{background:#a7b0b8;border-radius:999px;width:.75rem;height:.75rem}.settings-status-dot-ready{background:var(--success);box-shadow:0 0 0 3px #2f855a26}.settings-detail-note{color:var(--muted);margin:.9rem .45rem 0;font-size:.85rem;line-height:1.5}.settings-action-list{gap:1rem;display:grid}.settings-action-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.35rem;gap:.75rem;padding:1.15rem;display:grid}.settings-action-card h2,.settings-action-card p{margin:0}.settings-action-card h2{font-size:1.1rem}.settings-action-card p{color:var(--muted);line-height:1.5}.settings-action-card .button{justify-self:start}.settings-action-card-danger{border-color:#d9a3a3}.button-danger{color:#8a2d2d;background:#fff5f5;border-color:#d9a3a3}.button-danger:hover:not(:disabled){background:#fde8e8}@media (width>=640px){.settings-information-row-action>:last-child{justify-self:end}.settings-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.settings-navigation-row{grid-template-columns:auto minmax(0,1fr) auto}.settings-navigation-value{text-align:left;grid-column:2;max-width:none}.settings-navigation-chevron{grid-area:1/3/span 2}.settings-information-row-action{grid-template-columns:1fr}}html[data-text-size=extra-large] .settings-navigation-row{grid-template-columns:auto minmax(0,1fr) auto}html[data-text-size=extra-large] .settings-navigation-value{text-align:left;grid-column:2;max-width:none}html[data-text-size=extra-large] .settings-navigation-chevron{grid-area:1/3/span 2}@media (width<=380px){html[data-text-size=extra-large]{font-size:118.75%}.favorite-filter-chip{min-height:2.9rem}.settings-navigation-row{padding-inline:.7rem}.settings-detail-header{grid-template-columns:1fr}}.favorite-swimlanes{gap:.85rem;display:grid}.favorite-swimlane{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.45rem;overflow:hidden}.favorite-swimlane-heading{margin:0}.favorite-swimlane-toggle{width:100%;min-height:4.8rem;color:var(--navy);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem 1rem;scroll-margin-top:5.25rem;display:grid}.favorite-swimlane-toggle:hover{background:#faf7f0}.favorite-swimlane-expanded .favorite-swimlane-toggle{border-bottom:1px solid var(--border);background:#f8f2e6}.favorite-swimlane-icon{background:#f1e4c7;border-radius:.95rem;flex:none;place-items:center;width:3.15rem;height:3.15rem;font-size:1.6rem;display:grid}.favorite-swimlane-copy{gap:.18rem;min-width:0;display:grid}.favorite-swimlane-copy strong,.favorite-swimlane-copy small{overflow-wrap:anywhere}.favorite-swimlane-copy strong{letter-spacing:-.015em;font-size:1.05rem}.favorite-swimlane-copy small{color:var(--muted);font-size:.82rem;font-weight:700}.favorite-swimlane-chevron{fill:none;stroke:#8493a1;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:1.45rem;height:1.45rem;transition:transform .16s}.favorite-swimlane-toggle[aria-expanded=true] .favorite-swimlane-chevron{transform:rotate(90deg)}.favorite-swimlane-panel[hidden]{display:none}.favorite-swimlane-panel{background:#fcfaf5;padding:1rem}.favorite-swimlane-panel .guide-detail-compact-heading{margin-bottom:.7rem}.favorite-swimlane-panel .phrase-carousel-slide{padding-inline:0}.favorite-swimlane-panel .favorite-unavailable-state{margin-top:.9rem}@media (width<=380px){.favorite-swimlane-toggle{gap:.7rem;padding-inline:.75rem}.favorite-swimlane-icon{width:2.85rem;height:2.85rem}.favorite-swimlane-panel{padding-inline:.7rem}}@media (prefers-reduced-motion:reduce){.favorite-swimlane-chevron{transition:none}}.design-gallery{width:min(100% - (2 * var(--space-4)), var(--content-width));padding:var(--space-6) 0 var(--space-12);color:var(--color-text-primary);margin-inline:auto}.design-gallery-header{justify-content:space-between;align-items:end;gap:var(--space-5);padding:clamp(var(--space-6), 5vw, var(--space-12));color:var(--color-text-inverse);background:linear-gradient(145deg, var(--color-brand-secondary), var(--color-brand-primary));border-radius:var(--radius-panel);box-shadow:var(--shadow-floating);flex-wrap:wrap;display:flex}.design-gallery-header>div{max-width:62rem}.design-gallery-header h1{margin:var(--space-2) 0 0;font-size:var(--font-size-ui-title);letter-spacing:-.05em;line-height:1}.design-gallery-header p{max-width:68ch;margin:var(--space-3) 0 0;color:#d9e2ec;line-height:var(--line-height-ui)}.design-gallery-header .button-outline{color:var(--color-text-inverse);border-color:#ffffff73}.design-gallery-badge{padding:var(--space-2) var(--space-3);color:var(--color-brand-primary);background:var(--color-accent);border-radius:var(--radius-pill);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-strong);letter-spacing:.06em;text-transform:uppercase;display:inline-flex}.design-gallery-section{gap:var(--space-4);padding-top:var(--space-12);display:grid}.design-gallery-section-heading h2{margin:var(--space-1) 0 0;letter-spacing:-.035em;font-size:clamp(1.5rem,5vw,2.35rem)}.design-token-grid,.design-type-grid,.design-status-grid,.design-card-grid{gap:var(--space-4);display:grid}.design-token-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.design-token-card,.design-sample-card,.design-carousel-frame,.design-navigation-frame{background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.design-token-card{gap:var(--space-2);padding:var(--space-3);display:grid}.design-token-swatch{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-control);min-height:5rem}.design-token-card code{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.72rem}.design-type-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.design-sample-card{padding:var(--space-5)}.design-sample-card>:last-child{margin-bottom:0}.design-ui-title{margin:var(--space-2) 0;letter-spacing:-.04em;font-size:clamp(1.6rem,5vw,2.4rem)}.design-control-stack,.design-card-stack{gap:var(--space-4);display:grid}.design-control-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.design-selected-icon-button{color:var(--color-brand-primary);background:var(--color-accent)}.design-force-focus{outline:3px solid var(--color-focus-ring);outline-offset:2px}.design-select-field{gap:var(--space-2);max-width:24rem;color:var(--color-text-secondary);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);display:grid}.design-select-field select{width:100%}.design-status-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.design-status{gap:var(--space-1);padding:var(--space-4);background:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-control);border-inline-start-width:.4rem;display:grid}.design-status span{color:var(--color-text-secondary);font-size:var(--font-size-ui-small);line-height:var(--line-height-ui)}.design-status-success{border-inline-start-color:var(--color-state-success)}.design-status-warning{border-inline-start-color:var(--color-state-warning)}.design-status-error{border-inline-start-color:var(--color-state-error)}.design-status-loading{border-inline-start-color:var(--color-accent)}.design-status-loading strong:after{width:.8rem;height:.8rem;vertical-align:-.08rem;content:"";border:2px solid var(--color-border-default);border-top-color:var(--color-accent-strong);border-radius:var(--radius-pill);margin-inline-start:var(--space-2);animation:.8s linear infinite design-gallery-spin;display:inline-block}.design-empty-state{margin-top:var(--space-2)}.design-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.design-card-stack{margin-top:var(--space-2)}.design-carousel-frame{padding:var(--space-4)}.design-navigation-frame{background:var(--color-brand-primary);overflow:hidden}.design-navigation-frame .bottom-navigation{border-radius:var(--radius-card);padding:0;position:static}.design-navigation-frame .bottom-navigation-list{max-width:34rem}.design-dialog-surface{width:min(45rem,100%);min-height:26rem;margin-inline:auto}@keyframes design-gallery-spin{to{transform:rotate(360deg)}}@media (width>=720px){.design-gallery{width:min(100% - (2 * var(--space-8)), var(--content-width))}.design-carousel-frame{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.design-status-loading strong:after{border-color:var(--color-accent-strong);animation:none}}@media (forced-colors:active){.design-gallery-badge,.design-selected-icon-button,.design-status,.design-token-swatch{forced-color-adjust:auto}}.design-product-header-frame{background:var(--color-surface-canvas);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.design-product-header-frame .app-header{border-radius:var(--radius-card) var(--radius-card) 0 0;position:relative;top:auto}.design-product-header-content-sample{min-height:4.5rem;padding:var(--space-5) var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-ui-small);font-weight:var(--font-weight-label);text-align:center;place-items:center;display:grid}:root{color:#102a43;font-synthesis:none;text-rendering:optimizelegibility;--navy:#102a43;--navy-light:#1f4568;--green:#0b3b2a;--gold:#d6a84b;--gold-dark:#8a6422;--cream:#f7f2e8;--paper:#fffdf8;--muted:#66788a;--border:#ded6c8;--success:#2f855a;--bottom-navigation-height:4.25rem;--content-width:74rem;--reading-width:52rem;--shadow-card:0 8px 24px #102a430f;--shadow-floating:0 16px 40px #102a431f;background:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}svg{display:block}.skip-link{z-index:100;color:#fff;background:var(--navy);border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-background-layer,.app-shell{min-height:100vh}.app-header{z-index:30;min-height:4rem;padding:calc(.6rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .6rem max(1rem, env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#102a43f5;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;min-width:0;text-decoration:none;display:flex}.brand-mark{aspect-ratio:1;width:2.55rem;color:var(--navy);background:var(--gold);letter-spacing:-.06em;border-radius:.8rem;flex:none;place-items:center;font-weight:900;display:grid}.brand-copy{min-width:0}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand small{color:#d9e2ec;margin-top:.08rem;font-size:.7rem}.header-actions{flex:none;align-items:center;gap:.45rem;display:flex}.header-install-button{min-height:2.6rem;padding-inline:.8rem}.header-icon-link{color:#e9eef2;border:1px solid #0000;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:grid}.header-icon-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.45rem}.header-icon-link:hover{background:#ffffff14}.header-icon-link[aria-current=page]{color:var(--navy);background:var(--gold)}.app-main{width:min(100%, var(--content-width));min-height:calc(100vh - 4rem);padding:0 max(1rem, env(safe-area-inset-right)) calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom) + 2rem) max(1rem, env(safe-area-inset-left));outline:none;margin-inline:auto}.screen{padding-block:1.5rem 2rem}.screen-narrow{max-width:var(--reading-width);margin-inline:auto}.screen-section{padding-block:1rem 2rem;scroll-margin-top:5rem}.screen-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.screen-heading h1,.screen-heading h2{letter-spacing:-.04em;margin:.3rem 0 0}.screen-heading h1{font-size:clamp(2rem,8vw,3.4rem)}.screen-heading h2{font-size:clamp(1.6rem,6vw,2.5rem)}.screen-heading p{max-width:60ch;color:var(--muted);margin:.55rem 0 0;line-height:1.55}.eyebrow{color:var(--gold-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:850}.browser-intro{color:#fff;background:radial-gradient(circle at 86% 16%, #d6a84b66, transparent 28%), linear-gradient(145deg, var(--green), var(--navy));box-shadow:var(--shadow-floating);border-radius:1.75rem;align-items:center;gap:1.25rem;margin:1rem 0 1.5rem;padding:clamp(1.35rem,5vw,2.5rem);display:grid}.browser-intro .eyebrow{color:#f5d895}.browser-intro h1{letter-spacing:-.055em;max-width:14ch;margin:.4rem 0 .8rem;font-size:clamp(2rem,9vw,4rem);line-height:.98}.browser-intro p{color:#d9e2ec;max-width:50ch;margin:0;line-height:1.6}.browser-intro-thai{color:#fff;border:1px solid #ffffff26;border-radius:1.25rem;align-content:center;place-items:center;min-height:8rem;display:grid}.browser-intro-thai span{font-family:Tahoma,Noto Sans Thai,sans-serif;font-size:clamp(2.7rem,13vw,5rem);font-weight:700}.browser-intro-thai small{color:#f5d895;letter-spacing:.08em;font-weight:750}.guide-grid{gap:1rem;display:grid}.guide-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.4rem;grid-template-columns:auto 1fr;gap:1rem;padding:1.15rem;display:grid}.guide-card>.button{grid-column:1/-1}.guide-card-disabled{opacity:.72;box-shadow:none}.guide-icon{background:#f1e4c7;border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font-size:1.7rem;display:grid}.guide-title-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.guide-card h3{margin:0;font-size:1.15rem}.guide-card p{color:var(--muted);margin:.4rem 0 0;line-height:1.5}.status-badge{color:#6b501d;text-transform:uppercase;background:#f6e8c8;border-radius:999px;padding:.2rem .48rem;font-size:.66rem;font-weight:850}.phrase-list{gap:1rem;display:grid}.phrase-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.5rem;grid-template-columns:auto 1fr;gap:1rem;padding:1.15rem;display:grid}.phrase-card>.button{grid-column:1/-1}.phrase-visual{background:#f1e4c7;border-radius:1.2rem;place-items:center;width:4rem;height:4rem;font-size:2rem;display:grid}.phrase-content{min-width:0}.phrase-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.phrase-content h3{letter-spacing:-.025em;margin:.25rem 0 .4rem;font-size:1.35rem}.thai-text{color:var(--navy);overflow-wrap:anywhere;margin:0;font-family:Tahoma,Noto Sans Thai,sans-serif;font-size:clamp(1.65rem,7vw,2.35rem);font-weight:700;line-height:1.35}.phonetic-text{color:var(--gold-dark);margin:.2rem 0 0;font-weight:750}.description-text{color:var(--muted);margin:.7rem 0 0;line-height:1.5}.icon-button{width:2.75rem;height:2.75rem;color:var(--gold-dark);background:0 0;border:0;border-radius:999px;padding:0;font-size:1.65rem}.icon-button:hover{background:#f6ead1}.button{border:1px solid #0000;border-radius:.85rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:800;transition:transform .12s,background .12s}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{color:#fff;background:var(--navy)}.button-primary:hover:not(:disabled){background:var(--navy-light)}.button-secondary{color:var(--navy);background:var(--gold)}.button-outline{color:var(--navy);background:0 0;border-color:#b7c2cc}.button-outline:hover{background:#edf2f6}.button:disabled{color:#8393a2;background:#e8e3da}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d6a84ba6}select,input[type=search]{color:var(--navy);background:var(--paper);border:1px solid var(--border);border-radius:.85rem;outline:none}select{min-height:2.9rem;padding:0 .8rem}input[type=search]{width:100%;min-height:3.1rem;padding:0 1rem}select:focus,input[type=search]:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6a84b33}.search-field-prominent{display:block;position:relative}.search-field-prominent svg{fill:none;width:1.35rem;stroke:var(--muted);stroke-linecap:round;stroke-width:1.8px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-field-prominent input{min-height:3.6rem;padding-left:3rem;font-size:1.05rem}.result-summary{color:var(--muted);margin:.75rem 0 1rem;font-size:.85rem;font-weight:700}.settings-list{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:1.5rem;display:grid;overflow:hidden}.settings-row{border-bottom:1px solid var(--border);gap:.8rem;padding:1rem 1.1rem;display:grid}.settings-row:last-child{border-bottom:0}.settings-row>span{gap:.2rem;display:grid}.settings-row strong{font-size:.98rem}.settings-row small{color:var(--muted);line-height:1.4}.settings-row select{width:100%}.settings-row-static{align-items:center}.connection-status{color:var(--muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.82rem;font-weight:750;display:inline-flex}.connection-status:before{content:"";background:var(--success);border-radius:999px;width:.65rem;height:.65rem;box-shadow:0 0 0 3px #2f855a26}.connection-status-offline:before{background:var(--gold-dark);box-shadow:0 0 0 3px #8a642226}.empty-state{text-align:center;border:1px dashed var(--border);background:#fffdf8a6;border-radius:1.5rem;padding:3rem 1rem}.empty-state>span{font-size:2rem}.empty-state h2{margin:.7rem 0 .3rem}.empty-state p{color:var(--muted);margin:0}.bottom-navigation{z-index:35;padding:0 max(.75rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.75rem, env(safe-area-inset-left));color:#d9e2ec;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#102a43f7;border-top:1px solid #ffffff1f;position:fixed;bottom:0;left:0;right:0}.bottom-navigation-list{max-width:34rem;min-height:var(--bottom-navigation-height);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;display:grid;transform:translateY(.25rem)}.bottom-navigation-link{min-width:0;min-height:var(--bottom-navigation-height);border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .25rem;font-size:.72rem;font-weight:750;text-decoration:none;display:flex;position:relative}.bottom-navigation-icon{place-items:center;width:1.65rem;height:1.65rem;display:grid}.bottom-navigation-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.45rem;height:1.45rem}.bottom-navigation-link:hover{color:#fff;background:#ffffff0d}.bottom-navigation-link[aria-current=page]{color:var(--gold)}.bottom-navigation-link[aria-current=page]:after{content:"";background:var(--gold);border-radius:999px;height:.2rem;position:absolute;bottom:.25rem;left:22%;right:22%}.bottom-navigation-link-search .bottom-navigation-icon{width:2.25rem;height:2.25rem;color:var(--navy);background:var(--gold);border-radius:999px;margin-top:-.4rem;box-shadow:0 4px 16px #0003}.bottom-navigation-link-search .bottom-navigation-icon svg{width:1.25rem;height:1.25rem}.bottom-navigation-link-search[aria-current=page] .bottom-navigation-icon{color:var(--navy);background:#f0c76e}.thai-display-modal{width:100vw;max-width:none;height:100dvh;max-height:none;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:var(--navy);overscroll-behavior:contain;touch-action:pan-y;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:auto}.thai-display-modal[open]{place-items:center;display:grid}.thai-display-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04101cd1}.thai-dialog{overscroll-behavior:contain;text-align:center;background:var(--paper);border-radius:2rem;width:min(45rem,100%);max-height:100%;padding:clamp(2rem,8vw,5rem) 1.5rem;position:relative;overflow:auto;box-shadow:0 30px 80px #00000059}.dialog-close{width:3rem;height:3rem;color:var(--navy);background:#ece6da;border:0;border-radius:999px;font-size:1.8rem;line-height:1;position:absolute;top:.8rem;right:.8rem}.dialog-close:hover{background:#e2d9c8}.dialog-kicker{color:var(--gold-dark);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:850}.dialog-thai{overflow-wrap:anywhere;text-wrap:balance;margin:1rem 0;font-family:Tahoma,Noto Sans Thai,sans-serif;font-size:clamp(2.7rem,13vw,6.5rem);line-height:1.25}.dialog-translation{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,4vw,1.4rem)}.dialog-phonetic{color:var(--gold-dark);overflow-wrap:anywhere;margin:.8rem 0 0;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:800}.update-prompt{right:1rem;bottom:calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom) + 1rem);z-index:50;color:#fff;background:var(--navy);border:1px solid #ffffff1f;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:min(560px,100% - 2rem);margin-left:auto;padding:1rem;display:flex;position:fixed;left:1rem;box-shadow:0 18px 50px #00000047}.update-prompt p{color:#d9e2ec;margin:.2rem 0 0;font-size:.82rem}.update-prompt .button-primary{color:var(--navy);background:var(--gold)}.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}@media (width>=640px){.app-header,.app-main{padding-right:max(1.5rem, env(safe-area-inset-right));padding-left:max(1.5rem, env(safe-area-inset-left))}.browser-intro{grid-template-columns:1.25fr .75fr}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-card{grid-template-columns:auto 1fr auto;align-items:center;padding:1.3rem}.phrase-card>.button{grid-column:auto}.settings-row{grid-template-columns:minmax(0,1fr) minmax(10rem,auto);align-items:center}.settings-row select{justify-self:end;width:min(16rem,100%)}.settings-row-static>:last-child{justify-self:end}}@media (width>=960px){.screen{padding-top:2rem}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-card{grid-template-columns:1fr}.guide-card>.button{grid-column:auto;align-self:end}}@media (width<=380px){.brand small{display:none}.header-install-button{padding-inline:.65rem}.phrase-card{grid-template-columns:1fr}.phrase-visual{width:3.5rem;height:3.5rem}.thai-display-modal{padding:max(.7rem, env(safe-area-inset-top)) max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left))}.thai-dialog{border-radius:1.5rem;padding-inline:1rem}}@media (orientation:landscape) and (height<=600px){.thai-display-modal{padding:max(.7rem, env(safe-area-inset-top)) max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left))}.thai-dialog{border-radius:1.5rem;width:min(72rem,100%);padding:clamp(1.2rem,5vh,2.2rem) clamp(4rem,8vw,7rem)}.dialog-kicker{font-size:.68rem}.dialog-thai{margin:.45rem 0;font-size:clamp(2.6rem,18vh,6.5rem);line-height:1.05}.dialog-translation{font-size:clamp(.95rem,4vh,1.35rem)}.dialog-phonetic{margin-top:.35rem;font-size:clamp(.95rem,3.8vh,1.15rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.app-header{--app-header-claim-height:1.55rem;isolation:isolate;min-height:calc(4.65rem + env(safe-area-inset-top));margin-bottom:calc(var(--app-header-claim-height) / 2);padding:calc(var(--space-3) + env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) var(--space-3) max(var(--space-4), env(safe-area-inset-left));color:var(--color-text-inverse);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 78% 18%,#d6a84b24,#0000 31%),linear-gradient(118deg,#0b3b2afa,#102a43fa 68%);border-bottom:0;display:block;position:sticky;top:0;overflow:visible;box-shadow:0 5px 18px #102a431f}.app-header-content{z-index:2;width:min(100%, var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3.15rem;margin-inline:auto;display:flex;position:relative}.app-header .brand{flex:auto;gap:0;min-width:0}.app-header .brand-copy{min-width:0}.app-header .brand strong{text-shadow:0 1px 2px #00000029;font-size:clamp(1.05rem,4.5vw,1.28rem)}.app-header-wat-arun{top:0;right:max(3.35rem, calc(env(safe-area-inset-right) + 3.35rem));z-index:0;pointer-events:none;width:auto;max-width:58vw;height:100%;color:var(--color-accent);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;opacity:.22;position:absolute;bottom:0}.app-header-divider{z-index:2;background:var(--color-accent);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px #ffffff1f}.app-header-claim{z-index:3;width:max-content;max-width:calc(100% - 2rem);min-height:var(--app-header-claim-height);color:var(--color-text-primary);background:var(--color-accent);clip-path:polygon(.65rem 0,calc(100% - .65rem) 0,100% 50%,calc(100% - .65rem) 100%,.65rem 100%,0 50%);letter-spacing:.01em;text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding:.24rem .72rem;font-size:clamp(.67rem,2.35vw,.78rem);font-weight:850;line-height:1;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 4px 12px #102a4324}.header-icon-link-status-online,.header-icon-link-status-online[aria-current=page]{color:var(--color-accent)}.header-icon-link-status-offline,.header-icon-link-status-offline[aria-current=page]{color:var(--color-text-inverse)}.header-icon-link-status-online[aria-current=page],.header-icon-link-status-offline[aria-current=page]{background:#ffffff1a}.app-shell-route-guides .screen-heading>.connection-status{display:none}.app-shell-standalone.app-shell-route-guides .screen{padding-top:0}.app-shell-standalone.app-shell-route-guides .screen>.screen-section:first-child{padding-top:var(--space-3)}@media (width>=640px){.app-header{padding-right:max(var(--space-6), env(safe-area-inset-right));padding-left:max(var(--space-6), env(safe-area-inset-left))}.app-header-wat-arun{right:max(4rem, calc(env(safe-area-inset-right) + 4rem));opacity:.24;max-width:22rem}}@media (width<=380px){.app-header{--app-header-claim-height:1.45rem}.app-header-content{gap:var(--space-2)}.app-header .brand strong{font-size:1rem}.app-header-wat-arun{stroke-width:2.35px;opacity:.2;max-width:62vw;right:2.9rem}.app-header-claim{max-width:calc(100% - 1rem);padding:.21rem .62rem;font-size:.66rem}}@media (prefers-contrast:more){.app-header-wat-arun{opacity:.08}.app-header-claim{outline:2px solid var(--color-text-primary);outline-offset:-2px}}:root{color:var(--color-text-primary);background:var(--color-surface-canvas);font-family:var(--font-family-ui);--color-text-primary:#102a43;--color-text-secondary:#66788a;--color-text-secondary-strong:#53697d;--color-text-inverse:#fff;--color-text-on-dark:#e9eef2;--color-text-on-dark-muted:#d9e2ec;--color-text-accent:#8a6422;--color-surface-canvas:#f7f2e8;--color-surface-card:#fffdf8;--color-surface-subtle:#f4efe5;--color-surface-hover:#edf2f6;--color-surface-accent:#f1e4c7;--color-surface-selected:#f6ead1;--color-brand-primary:#102a43;--color-brand-primary-hover:#1f4568;--color-brand-secondary:#0b3b2a;--color-accent:#d6a84b;--color-accent-strong:#8a6422;--color-border-default:#ded6c8;--color-border-strong:#b7c2cc;--color-border-on-dark:#ffffff1f;--color-state-success:#2f855a;--color-state-success-on-dark:#69d39b;--color-state-warning:#8a6422;--color-state-error:#a33a3a;--color-state-disabled-text:#8393a2;--color-state-disabled-surface:#e8e3da;--color-focus-ring:#d6a84ba6;--color-overlay:#04101cd1;--font-family-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-thai:Tahoma, "Noto Sans Thai", sans-serif;--font-family-phonetics:var(--font-family-ui);--font-size-ui-small:.82rem;--font-size-ui-body:1rem;--font-size-ui-title:clamp(2rem, 8vw, 3.4rem);--font-size-thai-card:clamp(1.65rem, 7vw, 2.35rem);--font-size-thai-show:clamp(2.7rem, 13vw, 6.5rem);--font-size-phonetics:1rem;--line-height-ui:1.5;--line-height-thai:1.35;--line-height-phonetics:1.4;--font-weight-label:750;--font-weight-strong:800;--font-weight-thai:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-small:.75rem;--radius-control:.85rem;--radius-card:1.5rem;--radius-panel:1.75rem;--radius-dialog:2rem;--radius-pill:999px;--border-width-default:1px;--shadow-card:0 8px 24px #102a430f;--shadow-floating:0 16px 40px #102a431f;--shadow-dialog:0 30px 80px #00000059;--motion-fast:.12s;--motion-standard:.16s;--motion-easing-standard:ease;--size-touch-target:2.75rem;--size-touch-target-large:3rem;--bottom-navigation-height:4.25rem;--content-width:74rem;--reading-width:52rem;--navy:var(--color-brand-primary);--navy-light:var(--color-brand-primary-hover);--green:var(--color-brand-secondary);--gold:var(--color-accent);--gold-dark:var(--color-accent-strong);--cream:var(--color-surface-canvas);--paper:var(--color-surface-card);--muted:var(--color-text-secondary);--border:var(--color-border-default);--success:var(--color-state-success)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-standard:0s}}