.header{top:calc(var(--sa-top) + var(--space-2));left:var(--space-2);right:var(--space-2);z-index:var(--z-header);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--neo-r-pill);background:var(--neo-white);border:var(--neo-border);box-shadow:var(--neo-shadow);height:50px;display:flex;position:absolute}.header-left{align-items:center;gap:var(--space-2-5);flex:1;min-width:0;display:flex}.header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-btn{border-radius:var(--neo-r-pill);width:38px;height:38px;color:var(--neo-black);background:var(--neo-yellow);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.header-btn:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}.header-title{cursor:pointer;background:0 0;border:none;align-items:center;min-width:0;padding:0;display:flex}.header-title-text{font-family:var(--font-display);font-weight:var(--w-black);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--neo-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-offline{border-radius:var(--neo-r-pill);background:var(--neo-yellow);width:36px;height:36px;color:var(--neo-black);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);justify-content:center;align-items:center;display:inline-flex}@media (max-width:480px){.header{top:calc(var(--sa-top) + var(--space-1-5));left:var(--space-1-5);right:var(--space-1-5);padding:0 var(--space-2);height:44px}.header-left{gap:var(--space-2)}.header-btn{width:32px;height:32px}.header-title-text{font-size:var(--text-md)}.header-offline{width:32px;height:32px}}@media (orientation:landscape) and (max-height:500px){.header{top:calc(var(--sa-top) + var(--space-1));left:var(--space-2);right:var(--space-2);padding:0 var(--space-2);border-radius:var(--neo-r-lg);height:38px}.header-btn{width:30px;height:30px}.header-title-text{font-size:var(--text-sm)}.header-offline{width:30px;height:30px}}.tile{aspect-ratio:1;width:100%;padding:var(--space-4) var(--space-2);border-radius:var(--neo-r-lg);color:var(--neo-black);background:var(--tile-surface,var(--neo-white));border:var(--neo-border-thick);box-shadow:var(--neo-shadow-md);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile:active{transform:var(--neo-press-deep)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.tile:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-lg)}}.tile-icon{z-index:1;aspect-ratio:1;border-radius:var(--neo-r-md);border:var(--neo-border);width:clamp(64px,44%,88px);box-shadow:var(--neo-shadow-xs);background:var(--tile-icon-bg,var(--neo-yellow));color:var(--tile-icon-fg,var(--neo-black));margin-bottom:var(--space-2-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.tile-icon-glyph{z-index:1;justify-content:center;align-items:center;width:76%;height:76%;display:inline-flex;position:relative}.tile-icon-glyph>svg{width:100%;height:100%}.tile-content{z-index:1;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex;position:relative}.tile-title{font-family:var(--font-display);font-weight:var(--w-card-title);letter-spacing:-.01em;text-align:center;color:var(--neo-black);padding:0 var(--space-1);word-break:normal;overflow-wrap:break-word;font-size:clamp(.94rem,1.6vw,1.18rem);line-height:1.15}.tile-subtitle{font-family:var(--font-text);font-weight:var(--w-regular);text-align:center;color:var(--ink-soft);padding:0 var(--space-1);margin-top:3px;font-size:clamp(.7rem,1.1vw,.82rem);line-height:1.25}@media (max-width:600px),(max-height:600px){.tile-subtitle{display:none}}.tile--pink{--tile-surface:var(--c-pink-light);--tile-icon-bg:var(--neo-pink);--tile-icon-fg:var(--neo-white)}.tile--rose{--tile-surface:var(--c-rose-light);--tile-icon-bg:var(--c-rose);--tile-icon-fg:var(--neo-black)}.tile--coral{--tile-surface:var(--c-coral-light);--tile-icon-bg:var(--c-coral);--tile-icon-fg:var(--neo-black)}.tile--orange{--tile-surface:var(--c-orange-light);--tile-icon-bg:var(--neo-orange);--tile-icon-fg:var(--neo-white)}.tile--yellow{--tile-surface:var(--c-yellow-light);--tile-icon-bg:var(--neo-yellow);--tile-icon-fg:var(--neo-black)}.tile--lime{--tile-surface:var(--c-lime-light);--tile-icon-bg:var(--neo-lime);--tile-icon-fg:var(--neo-black)}.tile--green{--tile-surface:var(--c-green-light);--tile-icon-bg:var(--neo-green);--tile-icon-fg:var(--neo-black)}.tile--aqua{--tile-surface:var(--c-aqua-light);--tile-icon-bg:var(--neo-cyan);--tile-icon-fg:var(--neo-black)}.tile--teal{--tile-surface:var(--c-teal-light);--tile-icon-bg:var(--neo-blue);--tile-icon-fg:var(--neo-black)}.tile--blue{--tile-surface:var(--c-blue-light);--tile-icon-bg:var(--c-blue);--tile-icon-fg:var(--neo-white)}.tile--indigo{--tile-surface:var(--c-indigo-light);--tile-icon-bg:var(--c-indigo);--tile-icon-fg:var(--neo-white)}.tile--purple{--tile-surface:var(--c-purple-light);--tile-icon-bg:var(--neo-purple);--tile-icon-fg:var(--neo-black)}.tile--violet{--tile-surface:var(--c-violet-light);--tile-icon-bg:var(--c-violet);--tile-icon-fg:var(--neo-black)}.tile--dark{--tile-surface:var(--c-dark-light);--tile-icon-bg:var(--neo-black);--tile-icon-fg:var(--neo-white)}@media (max-width:480px) and (orientation:portrait){.tile{padding:var(--space-2) var(--space-1);border-radius:var(--neo-r-md)}.tile-icon{width:clamp(52px,48%,66px);margin-bottom:var(--space-1-5)}.tile-content{justify-content:flex-start;height:28px;min-height:28px}.tile-title{font-size:clamp(.78rem,2.7vw,.9rem);line-height:1.15}}.home-dock{bottom:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:10;justify-content:space-evenly;align-items:center;gap:var(--space-3);max-width:480px;padding:var(--space-2) var(--space-3);border-radius:var(--neo-r-pill);background:var(--neo-white);border:var(--neo-border-thick);box-shadow:var(--neo-shadow-lg);margin-inline:auto;display:flex;position:absolute}.dock-item{border-radius:var(--neo-r-md);border:var(--neo-border);width:58px;height:58px;box-shadow:var(--neo-shadow-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.dock-item:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.dock-item:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-sm)}}.dock-item svg{z-index:1;position:relative}.dock-item--gray{background:var(--neo-surface-subtle);color:var(--neo-black)}.dock-item--lime{background:var(--neo-lime);color:var(--neo-black)}.dock-item--spotilisa{background:var(--neo-pink);color:var(--neo-white)}.dock-item--accent{background:var(--neo-yellow);color:var(--neo-black)}.dock-item:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.dock-slot{flex-shrink:0;display:inline-flex;position:relative}.dock-badge{border-radius:var(--neo-r-pill);background:var(--neo-red);border:var(--neo-border-sm);width:16px;height:16px;box-shadow:var(--neo-shadow-xs);z-index:2;position:absolute;top:-4px;right:-4px}@keyframes dock-spin{to{transform:rotate(360deg)}}.dock-item.is-updating svg{animation:.7s linear infinite dock-spin}@media (prefers-reduced-motion:reduce){.dock-item.is-updating svg{animation:none}}@media (max-width:480px) and (orientation:portrait){.dock-item{width:50px;height:50px}}@media (orientation:landscape) and (max-height:500px){.home-dock{padding:var(--space-1) var(--space-2);gap:var(--space-2);bottom:var(--space-1)}.dock-item{width:42px;height:42px}.dock-badge{width:14px;height:14px}}.home{background:var(--neo-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.home-scroll-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;will-change:scroll-position;clip-path:inset(0);z-index:1;flex:1;width:100%;height:100%;position:relative;overflow:hidden scroll;transform:translateZ(0);container-type:inline-size}.home-sections{width:100%;max-width:1200px;padding:var(--space-6) var(--space-5) calc(var(--space-9) + 96px + var(--sa-bottom));margin-inline:auto}.home-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);width:100%;display:grid}@container (width>=560px){.home-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}@container (width>=900px){.home-grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr)}}@container (width>=1200px){.home-grid{gap:var(--space-6);grid-template-columns:repeat(6,1fr)}}@media (max-width:480px) and (orientation:portrait){.home-sections{padding:var(--space-4) var(--space-3) calc(var(--space-9) + 96px + var(--sa-bottom))}.home-grid{gap:var(--space-2-5);grid-template-columns:repeat(3,1fr)}}@media (max-width:350px) and (orientation:portrait){.home-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}@media (orientation:landscape) and (max-height:500px){.home-sections{padding:var(--space-3) var(--space-5) calc(var(--space-8) + 76px)}.home-grid{gap:var(--space-3);grid-template-columns:repeat(5,1fr)}}@media (min-width:600px) and (max-width:900px) and (orientation:portrait){.home-sections{padding:var(--space-5) var(--space-6) calc(var(--space-9) + 96px + var(--sa-bottom))}.home-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}@media (min-width:900px){.home-sections{padding:var(--space-6) var(--space-6) calc(var(--space-9) + 96px + var(--sa-bottom))}.home-grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr)}}@media (min-width:1400px){.home-sections{max-width:1280px}.home-grid{gap:var(--space-6)}}.neo-btn{white-space:nowrap;border-radius:var(--neo-r-md);font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-sm);color:var(--neo-black);border:var(--neo-border);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.neo-btn:focus-visible{outline:2px solid var(--neo-black);outline-offset:2px}.neo-btn:disabled,.neo-btn[aria-disabled=true]{pointer-events:none;opacity:.45;cursor:not-allowed}.neo-btn--default{background:var(--neo-yellow);box-shadow:var(--neo-shadow-sm)}.neo-btn--default:hover:not(:disabled){box-shadow:var(--neo-shadow);transform:translate(-1px,-1px)}.neo-btn--default:active:not(:disabled){transform:var(--neo-press);box-shadow:var(--neo-shadow-pressed)}.neo-btn--noShadow{background:var(--neo-yellow);box-shadow:none}.neo-btn--noShadow:hover:not(:disabled){background:var(--neo-yellow-dark)}.neo-btn--noShadow:active:not(:disabled){transform:var(--neo-press)}.neo-btn--neutral{background:var(--neo-white);box-shadow:var(--neo-shadow-sm)}.neo-btn--neutral:hover:not(:disabled){box-shadow:var(--neo-shadow);transform:translate(-1px,-1px)}.neo-btn--neutral:active:not(:disabled){transform:var(--neo-press);box-shadow:var(--neo-shadow-pressed)}.neo-btn--default-size{height:40px;padding:0 var(--space-4);gap:var(--space-2)}.neo-btn--sm{height:34px;padding:0 var(--space-3);font-size:var(--text-xs);gap:var(--space-1-5)}.neo-btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md);gap:var(--space-3)}.neo-btn--icon{border-radius:var(--neo-r-md);width:44px;height:44px;padding:0}.neo-btn--icon-sm{border-radius:var(--neo-r-sm);width:36px;height:36px;padding:0}.neo-carousel{width:100%;position:relative}.neo-carousel-content{width:100%;overflow:hidden}.neo-carousel-track{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;display:flex}.neo-carousel-track--horizontal{flex-direction:row}.neo-carousel-track--vertical{flex-direction:column}.neo-carousel-item{box-sizing:border-box;flex-grow:0;flex-shrink:0;min-width:0}.neo-carousel-previous,.neo-carousel-next{z-index:10;position:absolute}.neo-carousel-previous--horizontal{top:50%;left:calc(-1 * var(--space-4));transform:translateY(-50%)}.neo-carousel-next--horizontal{top:50%;right:calc(-1 * var(--space-4));transform:translateY(-50%)}.neo-carousel-previous--vertical{top:calc(-1 * var(--space-4));left:50%;transform:translate(-50%)rotate(90deg)}.neo-carousel-next--vertical{bottom:calc(-1 * var(--space-4));left:50%;transform:translate(-50%)rotate(90deg)}.sound-button{border:var(--neo-border);cursor:pointer;font-family:var(--font-display);font-weight:var(--w-bold);color:var(--neo-black);box-shadow:var(--neo-shadow);-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.sound-button:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.sound-button:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-md)}}.sound-button--pill{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--neo-r-pill);min-height:52px;font-size:var(--text-lg)}.sound-button--compact{border-radius:var(--neo-r-pill);border:var(--neo-border);width:48px;height:48px;position:relative}.sound-button--brand{background:var(--neo-yellow);color:var(--neo-black)}.sound-button--accent{background:var(--neo-cyan);color:var(--neo-black)}.sound-button-badge{border-radius:var(--neo-r-pill);background:var(--neo-pink);min-width:20px;height:20px;color:var(--neo-white);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);font-family:var(--font-display);font-size:11px;font-weight:var(--w-bold);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px}@media (max-width:480px) and (orientation:portrait){.sound-button--pill{padding:var(--space-2) var(--space-4);min-height:48px}.sound-button--compact{width:42px;height:42px}}.card-carousel{display:contents}.card-carousel-scrollbar{height:16px;margin:var(--space-1) var(--space-5);cursor:pointer;touch-action:none;padding:5px 0;position:relative}.card-carousel-scrollbar:before{content:"";background:var(--neo-black);border-radius:var(--neo-r-pill);pointer-events:none;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.card-carousel-scrollbar-thumb{background:var(--neo-yellow);border:var(--neo-border-sm);border-radius:var(--neo-r-pill);height:16px;box-shadow:var(--neo-shadow-xs);cursor:grab;transition:left .18s var(--ease-out), width .18s var(--ease-out), transform .12s var(--ease-out);position:absolute;top:50%;transform:translateY(-50%)}.card-carousel-scrollbar-thumb:active{cursor:grabbing;background:var(--neo-pink);transform:translateY(-50%)scale(1.1)}.card-carousel-viewport{align-items:stretch;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.card-carousel-track{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;min-height:0;padding:4px 0 calc(var(--space-2) + 6px);box-sizing:border-box;align-items:stretch;display:flex;position:relative}.card-carousel-slot{flex:0 0 var(--slot-width,84%);min-width:0;max-width:var(--slot-width,84%);height:100%;padding:0 var(--space-2);box-sizing:border-box;justify-content:center;align-items:stretch;min-height:0;display:flex}.card-carousel-slot-ghost{border-radius:var(--neo-r-lg);background:var(--neo-surface-subtle);border:var(--neo-border);width:100%;height:100%}.card-carousel-controls{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-5) var(--space-2);flex-direction:column;display:flex}.card-carousel-buttons-row{justify-content:center;align-items:center;gap:var(--space-4);width:100%;display:flex}.card-carousel-arrow{border-radius:var(--neo-r-pill);background:var(--neo-white);width:56px;height:56px;color:var(--neo-black);border:var(--neo-border);box-shadow:var(--neo-shadow);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card-carousel-buttons-row .sound-button--pill{height:56px;min-height:56px;padding:0 var(--space-5);box-sizing:border-box}.card-carousel-arrow:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.card-carousel-arrow:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-md)}}.card-carousel-arrow:disabled{opacity:.45;filter:saturate(.3);cursor:not-allowed;pointer-events:none;box-shadow:var(--neo-shadow-xs)!important;transform:none!important}.card-carousel-page-indicator{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-xs);color:var(--neo-black);letter-spacing:.04em;-webkit-user-select:none;user-select:none;line-height:1}.card-carousel-page-of{font-weight:var(--w-regular);color:var(--ink-mute);margin:0 2px}@media (max-width:480px) and (orientation:portrait){.card-carousel-controls{padding:var(--space-1) var(--space-3) var(--space-2);gap:var(--space-1)}.card-carousel-buttons-row{gap:var(--space-3)}.card-carousel-arrow{width:48px;height:48px}.card-carousel-buttons-row .sound-button--pill{height:48px;min-height:48px;padding:0 var(--space-4);font-size:var(--text-md)}}.card-shell{border-radius:var(--neo-r-lg);background-color:var(--neo-white);border:var(--neo-border-thick);width:100%;max-width:min(560px,95%);box-shadow:var(--neo-shadow-xs);opacity:.55;transition:transform var(--dur-mid) var(--ease-out), opacity var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);flex-direction:column;align-self:stretch;display:flex;position:relative;transform:scale(.96)}.card-shell.is-active{opacity:1;box-shadow:var(--neo-shadow-lg);transform:scale(1)}.card-shell--compact{padding:var(--space-4);gap:var(--space-3)}.card-shell--spacious{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-5);overflow:hidden}@media (min-width:1000px){.card-shell{max-width:640px}}.flag-toggle{border-radius:var(--neo-r-pill);border:var(--neo-border-sm);background:var(--neo-white);width:34px;height:34px;box-shadow:var(--neo-shadow-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.flag-toggle:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}.flag-toggle.is-active{border:var(--neo-border);background:var(--neo-yellow);box-shadow:var(--neo-shadow-sm)}@media (hover:hover){.flag-toggle:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-sm)}.flag-toggle:hover .flag-icon-svg{transform:scale(1.08)}}.flag-icon-svg{transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;display:block}.card-deck-container{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:100%;min-height:160px;max-height:100%;padding:var(--space-2) var(--space-4) var(--space-1);box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex;position:relative}.card-deck-stack{perspective:900px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:130px;display:flex;position:relative}.card-deck-item{background:var(--neo-white);border:var(--neo-border);border-radius:var(--neo-r-lg);width:calc(100% - 40px);max-width:320px;height:calc(100% - 24px);box-shadow:var(--neo-shadow);padding:var(--space-2);box-sizing:border-box;cursor:pointer;transform-origin:bottom;transition:transform .32s cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--dur-fast) var(--ease-out), opacity .24s var(--ease-out), background var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.card-deck-item.is-pos-front{z-index:10;box-shadow:var(--neo-shadow);background:var(--neo-white);transform:translate(0)rotate(0)scale(1)}.card-deck-item.is-pos-front:hover{box-shadow:var(--neo-shadow-md);transform:translateY(-2px)scale(1.01)}.card-deck-item.is-pos-front:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}.card-deck-item.is-shuffling{pointer-events:none;opacity:.5!important;transform:translate(115%)rotate(16deg)scale(.92)!important}@keyframes card-peek-right{0%{transform:translate(16px,-10px)rotate(5deg)scale(.96)}35%{transform:translate(24px,-16px)rotate(8deg)scale(.98)}65%{transform:translate(14px,-8px)rotate(4deg)scale(.96)}to{transform:translate(18px,-12px)rotate(5.5deg)scale(.96)}}.card-deck-item.is-pos-second{z-index:7;background:var(--neo-surface-subtle);box-shadow:var(--neo-shadow);cursor:pointer;animation:1.4s cubic-bezier(.34,1.56,.64,1) .5s card-peek-right;transform:translate(18px,-12px)rotate(5.5deg)scale(.96)}.card-deck-item.is-pos-second:hover{box-shadow:var(--neo-shadow-md);transform:translate(22px,-16px)rotate(7deg)scale(.98)}.card-deck-item.is-pos-third{z-index:5;background:var(--neo-surface-subtle);box-shadow:var(--neo-shadow-sm);cursor:pointer;transform:translate(-18px,-12px)rotate(-5.5deg)scale(.92)}.card-deck-item.is-pos-third:hover{box-shadow:var(--neo-shadow);transform:translate(-22px,-16px)rotate(-7deg)scale(.94)}.card-deck-item.is-pos-deep{z-index:2;opacity:.3;pointer-events:none;transform:translateY(-16px)scale(.88)}.card-deck-img{object-fit:contain;border-radius:var(--neo-r-md);pointer-events:none;width:100%;height:100%}.card-deck-tab{top:var(--space-2);right:var(--space-2);padding:4px var(--space-2-5);border:var(--neo-border-sm);border-radius:var(--neo-r-pill);font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-xs);color:var(--neo-black);box-shadow:var(--neo-shadow-xs);z-index:12;pointer-events:none;justify-content:center;align-items:center;gap:4px;display:inline-flex;position:absolute}.card-deck-tab--yellow{background:var(--neo-yellow)}.card-deck-tab--pink{background:var(--neo-pink)}.card-deck-tab--cyan{background:var(--neo-cyan)}.card-deck-tab--lime{background:var(--neo-lime)}.card-deck-item.is-pos-second .card-deck-tab{top:6px;right:6px;transform:scale(1.05)}.card-deck-pills{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);z-index:15;display:flex}.card-deck-pill{min-width:32px;height:28px;padding:0 var(--space-2-5);border-radius:var(--neo-r-pill);background:var(--neo-white);color:var(--neo-black);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.card-deck-pill.is-active{background:var(--neo-yellow);box-shadow:var(--neo-shadow-sm);transform:scale(1.15)}.card-deck-pill:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}.card-deck-hint{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--w-bold);color:var(--neo-black);margin-left:var(--space-1)}.detail{gap:var(--space-2);width:100%;height:100%;padding:calc(var(--space-2) + var(--header-clear)) 0 calc(var(--space-2) + var(--sa-bottom));grid-template-rows:auto auto 1fr auto;min-height:0;display:grid;position:relative}.detail-filter-bar{grid-row:1}.detail .card-carousel-scrollbar{grid-row:2}.detail .card-carousel-viewport,.detail .card-carousel-track{grid-row:3}.detail .card-carousel-controls{grid-row:4}.detail-filter-bar{gap:var(--space-2);padding:var(--space-2) var(--space-4) calc(var(--space-2) + 6px);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;display:flex;overflow-x:auto}.detail-filter-bar::-webkit-scrollbar{display:none}.detail-filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--neo-r-pill);background:var(--neo-white);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--neo-black);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0}.detail-filter-pill.is-active{background:var(--neo-yellow);color:var(--neo-black);box-shadow:var(--neo-shadow-sm)}.detail-filter-pill:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@keyframes swipe-hint{0%{transform:scale(1)translate(0)}18%{transform:scale(1)translate(-12px)}36%{transform:scale(1)translate(0)}54%{transform:scale(1)translate(-8px)}72%{transform:scale(1)translate(0)}to{transform:scale(1)translate(0)}}.detail .card-carousel-track .card-carousel-slot:first-child .card-shell.is-active{animation:swipe-hint 1.4s var(--ease-out) .7s 1 both}.card-ear{top:var(--space-3);right:var(--space-3);z-index:2;position:absolute}.card-flag-toggle{top:var(--space-3);left:var(--space-3);z-index:3;position:absolute}.card-shell.card-english .card-word-upper,.card-shell.card-english .card-word-lower{font-family:var(--font-display);font-style:italic}.card-image-btn{border-radius:var(--neo-r-md);background:var(--neo-surface-subtle);border:var(--neo-border);width:100%;min-height:120px;box-shadow:var(--neo-shadow-xs);flex:auto;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-image{object-fit:contain;border-radius:var(--neo-r-sm);pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%}.card-image-placeholder{width:100%;height:100%;color:var(--ink-faint);place-items:center;display:grid}.card-image-dots{justify-content:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.card-image-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--neo-r-pill);background:var(--ink-faint);border:1px solid var(--neo-black);transition:all var(--dur-fast) var(--ease-out)}.card-image-dot.is-active{background:var(--neo-yellow);box-shadow:var(--neo-shadow-xs);transform:scale(1.3)}.card-word{padding:var(--space-1) var(--space-3);text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.card-word-upper{font-family:var(--font-display);font-weight:var(--w-card-title);letter-spacing:-.01em;color:var(--neo-black);text-align:center;font-size:clamp(1.5rem,4.8vw,3rem);line-height:1.05}.card-word-lower{font-family:var(--font-display);font-weight:var(--w-card-title);letter-spacing:-.01em;color:var(--ink-soft);text-align:center;font-size:clamp(1.2rem,3.8vw,2.3rem);line-height:1.05}.detail-empty{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.detail-empty-emoji{border-radius:var(--neo-r-lg);border:var(--neo-border-thick);background:var(--neo-yellow);width:96px;height:96px;color:var(--neo-black);box-shadow:var(--neo-shadow-lg);justify-content:center;align-items:center;animation:3.2s ease-in-out infinite detail-empty-bob;display:inline-flex}@keyframes detail-empty-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.detail-empty-title{font-family:var(--font-display);font-weight:var(--w-bold);font-size:var(--text-xl);color:var(--neo-black);margin:0}.detail-empty-sub{font-family:var(--font-text);font-size:var(--text-md);color:var(--ink-mute);max-width:32ch;margin:0;line-height:1.4}@media (orientation:landscape) and (max-height:500px){.detail{gap:var(--space-2);padding:calc(var(--space-2) + var(--header-clear-slim)) var(--space-2) var(--space-2);grid-template:"filter filter""scroll scroll""track controls"1fr/1fr auto}.detail-filter-bar{grid-area:filter}.detail .card-carousel-scrollbar{grid-area:scroll}.detail .card-carousel-viewport,.detail .card-carousel-track{grid-area:track}.detail .card-carousel-controls{padding:0 var(--space-2);gap:var(--space-2);flex-direction:column;grid-area:controls}.card-image-btn,.card-image-stack{flex:1 1 0;min-height:0}.card-word{padding:1px var(--space-2);gap:1px}.card-word-upper{font-size:clamp(1.15rem,6vh,1.85rem)}.card-word-lower{font-size:clamp(.95rem,4.8vh,1.45rem)}}@media (max-width:480px) and (orientation:portrait){.detail{padding-top:calc(var(--space-1-5) + var(--header-clear-sm));padding-bottom:calc(var(--space-1) + var(--sa-bottom))}.card-word{padding:2px var(--space-2);gap:1px}.card-word-upper{font-size:clamp(1.25rem,3.4vh,2rem)}.card-word-lower{font-size:clamp(1.05rem,2.8vh,1.6rem)}.num-digit{font-size:clamp(2.8rem,10vh,5rem)}.num-emoji-grid{gap:4px;max-width:240px}}.num-card-body{gap:var(--space-3);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--neo-surface-subtle);border:var(--neo-border);border-radius:var(--neo-r-md);box-shadow:var(--neo-shadow-xs);flex-direction:column}.num-digit{font-family:var(--font-display);font-size:clamp(3.5rem,16cqh,7.5rem);font-weight:var(--w-bold);color:var(--neo-black);letter-spacing:-.02em;text-shadow:4px 4px 0px var(--neo-yellow);animation:num-pop .45s var(--ease-bounce) both;line-height:1}.num-emoji-grid{justify-content:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;max-width:100%;display:flex}.num-emoji{animation:num-pop .32s var(--ease-bounce) both;animation-delay:calc(var(--i,0) * 30ms);font-size:clamp(1.4rem,3.5cqh,2.2rem);line-height:1}@keyframes num-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.card-color{border:var(--neo-border-thick)!important}.card-word-on-color .card-word-upper{color:var(--neo-black);text-shadow:2px 2px 0px var(--neo-white)}.card-word-on-color .card-word-lower{color:var(--neo-black);text-shadow:2px 2px 0px var(--neo-white);opacity:.88}.letras{gap:var(--space-2);width:100%;height:100%;padding:calc(var(--space-3) + var(--header-clear)) 0 calc(var(--space-2) + var(--sa-bottom));grid-template-rows:auto 1fr auto;display:grid;position:relative}.letras .card-carousel-scrollbar{grid-row:1}.letras .card-carousel-viewport,.letras .card-carousel-track{grid-row:2}.letras .card-carousel-controls{grid-row:3}.letras .card-shell:not(.is-active){pointer-events:none}.letter-pair{align-items:baseline;gap:clamp(var(--space-2), 2vw, var(--space-4));padding:var(--space-4) var(--space-5);isolation:isolate;display:flex;position:relative}.letter-upper{font-family:var(--font-display);font-weight:var(--w-letter);letter-spacing:-.03em;color:var(--neo-black);text-shadow:4px 4px 0px var(--neo-yellow);font-size:clamp(6.5rem,20vw,12rem);line-height:.9}.letter-lower{font-family:var(--font-display);font-style:italic;font-weight:var(--w-letter);letter-spacing:-.02em;color:var(--neo-pink);text-shadow:3px 3px 0px var(--neo-black);font-size:clamp(4rem,13vw,8rem);line-height:.9}.letter-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.letter-syllables{gap:var(--space-2);grid-template-columns:repeat(5,1fr);width:100%;max-width:480px;display:grid}.letter-syllable{min-width:0;padding:var(--space-2) var(--space-1);border-radius:var(--neo-r-sm);background:var(--neo-white);border:var(--neo-border);min-height:56px;box-shadow:var(--neo-shadow-xs);font-family:var(--font-display);font-weight:var(--w-syllable);letter-spacing:-.02em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:2px;font-size:clamp(1rem,3.5vw,1.9rem);line-height:1;display:flex}.letter-syllable:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}.syllable-cons{text-transform:uppercase;color:var(--neo-black)}.syllable-vowel{text-transform:uppercase;color:var(--neo-pink)}@media (orientation:landscape) and (max-height:500px){.letras{gap:var(--space-2);padding:calc(var(--space-2) + var(--header-clear-slim)) var(--space-2) var(--space-2);grid-template:"scroll scroll""track controls"1fr/1fr auto}.letras .card-carousel-scrollbar{grid-area:scroll}.letras .card-carousel-viewport,.letras .card-carousel-track{grid-area:track}.letras .card-carousel-controls{grid-area:controls}.letras .card-shell{gap:var(--space-2)}.letter-upper{font-size:clamp(3rem,14vh,7rem)}.letter-lower{font-size:clamp(2.2rem,9vh,4.5rem)}.letter-syllable{min-height:38px}.letras .sound-button--pill{min-height:44px;padding:var(--space-2) var(--space-4)}}@media (max-width:480px) and (orientation:portrait){.letras{padding-top:calc(var(--space-2) + var(--header-clear-sm));padding-bottom:calc(var(--space-2) + var(--sa-bottom))}.letras .card-shell{gap:var(--space-4);padding:var(--space-4) var(--space-3)}.letter-syllable{min-height:48px}.letras .sound-button--pill{min-height:44px;padding:var(--space-2) var(--space-5)}}@keyframes vt-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes vt-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.vt-enter-right{animation:vt-from-right var(--dur-mid) var(--ease-out) both}.vt-enter-left{animation:vt-from-left var(--dur-mid) var(--ease-out) both}.view-transition-wrapper{flex-direction:column;width:100%;height:100%;display:flex}::view-transition-group(tile-morph){animation-duration:var(--dur-mid);animation-timing-function:var(--ease-out)}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/fonts/fredoka-latin.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-display:"Fredoka Variable", "SF Pro Rounded", -apple-system, system-ui, sans-serif;--font-text:-apple-system, system-ui, "SF Pro Text", "Nunito", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs:clamp(.78rem, .55vw + .65rem, .9rem);--text-sm:clamp(.92rem, .65vw + .75rem, 1.05rem);--text-md:clamp(1.05rem, .85vw + .85rem, 1.22rem);--text-lg:clamp(1.25rem, 1.1vw + .95rem, 1.55rem);--text-xl:clamp(1.55rem, 1.8vw + 1.05rem, 2.05rem);--text-2xl:clamp(2rem, 2.6vw + 1.3rem, 2.8rem);--text-3xl:clamp(2.6rem, 3.8vw + 1.7rem, 3.8rem);--text-hero:clamp(3.4rem, 6.2vw + 2.2rem, 6rem);--w-regular:400;--w-medium:500;--w-bold:600;--w-black:700;--w-ultra:800;--w-card-title:var(--w-medium);--w-letter:var(--w-bold);--w-syllable:var(--w-medium);--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--neo-black:#000;--neo-ink:#121212;--neo-white:#fff;--neo-bg:#faf7f2;--neo-bg-tint:#fffdf5;--neo-surface:#fff;--neo-surface-subtle:#f4efea;--neo-yellow:#ffe600;--neo-yellow-dark:#f59e0b;--neo-pink:#ff66c4;--neo-pink-dark:#e11d48;--neo-cyan:#00f0ff;--neo-cyan-dark:#0284c7;--neo-lime:#a3e635;--neo-lime-dark:#65a30d;--neo-green:#39ff14;--neo-orange:#ff914d;--neo-orange-dark:#ea580c;--neo-purple:#c78bff;--neo-purple-dark:#7e22ce;--neo-blue:#70d6ff;--neo-red:#ff4d4d;--neo-red-dark:#dc2626;--flag-us-red:#b22234;--flag-us-blue:#3c3b6e;--flag-us-white:#fff;--neo-border-width-sm:1.5px;--neo-border-width:2.5px;--neo-border-width-thick:3.5px;--neo-border-width-hero:4.5px;--neo-border-color:var(--neo-black);--neo-border-sm:var(--neo-border-width-sm) solid var(--neo-border-color);--neo-border:var(--neo-border-width) solid var(--neo-border-color);--neo-border-thick:var(--neo-border-width-thick) solid var(--neo-border-color);--neo-border-hero:var(--neo-border-width-hero) solid var(--neo-border-color);--neo-border-dashed:var(--neo-border-width) dashed var(--neo-border-color);--neo-shadow-xs:2px 2px 0px var(--neo-black);--neo-shadow-sm:3px 3px 0px var(--neo-black);--neo-shadow:4px 4px 0px var(--neo-black);--neo-shadow-md:5px 5px 0px var(--neo-black);--neo-shadow-lg:6px 6px 0px var(--neo-black);--neo-shadow-xl:8px 8px 0px var(--neo-black);--neo-shadow-pressed:1px 1px 0px var(--neo-black);--neo-shadow-none:0px 0px 0px transparent;--neo-shadow-yellow:4px 4px 0px var(--neo-yellow);--neo-shadow-pink:4px 4px 0px var(--neo-pink);--neo-shadow-cyan:4px 4px 0px var(--neo-cyan);--neo-shadow-lime:4px 4px 0px var(--neo-lime);--neo-press-offset:2px;--neo-press-deep-offset:3px;--neo-press:translate(var(--neo-press-offset), var(--neo-press-offset));--neo-press-deep:translate(var(--neo-press-deep-offset), var(--neo-press-deep-offset));--neo-hover-offset:-2px;--neo-hover:translate(var(--neo-hover-offset), var(--neo-hover-offset));--neo-r-none:0px;--neo-r-xs:6px;--neo-r-sm:10px;--neo-r-md:14px;--neo-r-lg:20px;--neo-r-xl:28px;--neo-r-pill:9999px;--r-sm:var(--neo-r-sm);--r-md:var(--neo-r-md);--r-lg:var(--neo-r-lg);--r-xl:var(--neo-r-xl);--r-2xl:36px;--r-pill:var(--neo-r-pill);--c-pink:var(--neo-pink);--c-pink-2:var(--neo-pink-dark);--c-rose:#ff8ab8;--c-rose-2:#e11d48;--c-coral:#ff7a8a;--c-coral-2:#f43f5e;--c-orange:var(--neo-orange);--c-orange-2:var(--neo-orange-dark);--c-yellow:var(--neo-yellow);--c-yellow-2:var(--neo-yellow-dark);--c-lime:var(--neo-lime);--c-lime-2:var(--neo-lime-dark);--c-green:var(--neo-green);--c-green-2:#16a34a;--c-aqua:var(--neo-cyan);--c-aqua-2:var(--neo-cyan-dark);--c-teal:var(--neo-blue);--c-teal-2:#0284c7;--c-blue:#3a86ff;--c-blue-2:#1d4ed8;--c-indigo:#8338ec;--c-indigo-2:#4338ca;--c-purple:var(--neo-purple);--c-purple-2:var(--neo-purple-dark);--c-violet:#e07aff;--c-violet-2:#a21caf;--c-pink-light:#fff0f7;--c-rose-light:#fff2f6;--c-coral-light:#fff1f0;--c-orange-light:#fff5ec;--c-yellow-light:#fffde6;--c-lime-light:#f5fce8;--c-green-light:#ebfce9;--c-aqua-light:#e8fdff;--c-teal-light:#edf7ff;--c-blue-light:#ebf3ff;--c-indigo-light:#f2eeff;--c-purple-light:#f8efff;--c-violet-light:#faefff;--c-dark-light:#efefef;--brand:var(--neo-yellow);--brand-2:var(--neo-yellow-dark);--brand-light:#fff485;--brand-pale:#fffbe6;--brand-ghost:#fffdf0;--accent:var(--neo-pink);--accent-2:var(--neo-pink-dark);--bg-base:var(--neo-bg);--page-bg:var(--neo-bg);--surface:var(--neo-white);--surface-strong:var(--neo-white);--surface-soft:var(--neo-surface-subtle);--ink:var(--neo-black);--ink-soft:#27272a;--ink-mute:#52525b;--ink-faint:#a1a1aa;--on-color:var(--neo-white);--border:var(--neo-black);--border-soft:var(--neo-black);--border-ink:var(--neo-black);--border-sticker:var(--neo-border);--glass-bg:var(--neo-white);--glass-border:var(--neo-border);--glass-blur:none;--shadow-1:var(--neo-shadow-xs);--shadow-2:var(--neo-shadow);--shadow-3:var(--neo-shadow-lg);--shadow-4:var(--neo-shadow-xl);--shadow-glow:0 0 0 3px var(--neo-black), 0 0 0 6px var(--neo-yellow);--shadow-inset-frame:none;--shadow-ink:0, 0, 0;--scrim:#000000a6;--scrim-soft:#00000059;--inset-hi:none;--inset-lo:none;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-mid:.22s;--dur-slow:.38s;--z-base:0;--z-content:10;--z-header:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--z-confetti:9999;--header-clear:56px;--header-clear-sm:46px;--header-clear-slim:40px;--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px);--libro-forest:#2d4a3e;--libro-forest-mid:#4e6b5e;--libro-forest-light:#52b788;--libro-forest-dark:#40966f;--libro-forest-pale:#e8f5ee;--libro-slate:#7d9084;--libro-border-subtle:#b5c2ba;--libro-gold-bg:#fff3b0;--libro-gold-border:#f4c542;--libro-paper:#fff8f0;--libro-card-alt:#fdfefe}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;overflow:hidden}body{font-family:var(--font-text);font-size:var(--text-md);font-weight:var(--w-medium);color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;line-height:1.4}img,svg,video,canvas{max-width:100%;display:block}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--w-bold);line-height:1.1}a{color:inherit;text-decoration:none}::selection{background:var(--brand);color:var(--on-color)}html,body{height:var(--app-vh,100dvh);background:var(--page-bg);color:var(--ink);font-family:var(--font-text);overscroll-behavior:none}body.nav-away .tile,body.nav-away .tile-icon-glyph{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){body,*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus{outline:none}:focus-visible{outline:3px solid var(--neo-black);outline-offset:3px;box-shadow:var(--neo-shadow-yellow);border-radius:inherit}button:focus-visible,[role=button]:focus-visible,.tap:focus-visible{outline:3px solid var(--neo-black);outline-offset:3px;box-shadow:var(--neo-shadow-yellow)}.app{padding-top:var(--sa-top);padding-bottom:var(--sa-bottom);padding-left:var(--sa-left);padding-right:var(--sa-right);background:var(--neo-bg);grid-template-rows:auto 1fr;grid-template-areas:"header""main";display:grid;position:fixed;inset:0}body:not(.nav-away) .app{padding-bottom:calc(var(--sa-bottom) * .45)}.app-main{z-index:var(--z-content);background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),linear-gradient(#00000009 1px,#0000 1px);background-size:36px 36px;grid-area:main;position:relative;overflow:hidden}.neo-card{background:var(--neo-white);border:var(--neo-border-thick);border-radius:var(--neo-r-md);box-shadow:var(--neo-shadow);color:var(--neo-black)}.neo-box{background:var(--neo-white);border:var(--neo-border);border-radius:var(--neo-r-sm);box-shadow:var(--neo-shadow-xs);color:var(--neo-black)}.neo-badge{justify-content:center;align-items:center;gap:var(--space-1);padding:3px var(--space-2-5);border:var(--neo-border-sm);border-radius:var(--neo-r-pill);box-shadow:var(--neo-shadow-xs);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--w-bold);background:var(--neo-yellow);color:var(--neo-black);letter-spacing:.02em;line-height:1;display:inline-flex}.neo-badge--pink{background:var(--neo-pink);color:var(--neo-white)}.neo-badge--cyan{background:var(--neo-cyan);color:var(--neo-black)}.neo-badge--lime{background:var(--neo-lime);color:var(--neo-black)}.neo-badge--orange{background:var(--neo-orange);color:var(--neo-white)}.neo-badge--white{background:var(--neo-white);color:var(--neo-black)}.glass{background:var(--neo-white);border:var(--neo-border);border-radius:var(--neo-r-md);box-shadow:var(--neo-shadow)}.ambient{pointer-events:none;z-index:var(--z-base);position:fixed;inset:0;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.loading-dots{gap:var(--space-2-5);justify-content:center;align-items:center;display:inline-flex}.loading-dots span{width:var(--space-3);height:var(--space-3);border-radius:var(--neo-r-pill);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);animation:1.2s ease-in-out infinite loading-bob;display:inline-block}.loading-dots span:first-child{background:var(--neo-yellow);animation-delay:0s}.loading-dots span:nth-child(2){background:var(--neo-pink);animation-delay:.18s}.loading-dots span:nth-child(3){background:var(--neo-cyan);animation-delay:.36s}@keyframes loading-bob{0%,80%,to{opacity:.45;transform:scale(.65)}40%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.loading-dots span{opacity:.7;animation:none}}.empty-state{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state-emoji,.empty-state-icon{border-radius:var(--neo-r-lg);border:var(--neo-border-thick);background:var(--neo-yellow);width:88px;height:88px;color:var(--neo-black);box-shadow:var(--neo-shadow-lg);justify-content:center;align-items:center;animation:3.2s ease-in-out infinite empty-bob;display:inline-flex}@keyframes empty-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.empty-state-title{font-family:var(--font-display);font-weight:var(--w-black);font-size:var(--text-xl);color:var(--neo-black);letter-spacing:-.01em;margin:0}.empty-state-sub{font-family:var(--font-text);font-size:var(--text-md);color:var(--ink-mute);max-width:36ch;margin:0;line-height:1.4}@media (prefers-reduced-motion:reduce){.empty-state-emoji{animation:none}}.celebrate-tint{z-index:calc(var(--z-confetti) - 1);pointer-events:none;animation:celebrate-tint-fade 1.6s var(--ease-out) forwards;background:#a3e63573;position:fixed;inset:0}@keyframes celebrate-tint-fade{0%{opacity:0}15%{opacity:1}55%{opacity:1}to{opacity:0}}.tap{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.tap:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.tap:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-md)}}.btn{--btn-bg:var(--neo-white);--btn-fg:var(--neo-black);--btn-pad-y:var(--space-2);--btn-pad-x:var(--space-4);--btn-radius:var(--neo-r-sm);--btn-font:var(--font-display);--btn-size:var(--text-sm);--btn-weight:var(--w-bold);--btn-shadow:var(--neo-shadow);--btn-border:var(--neo-border);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--btn-pad-y) var(--btn-pad-x);border:var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);white-space:nowrap;cursor:pointer;box-shadow:var(--btn-shadow);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);line-height:1;display:inline-flex}.btn:active{transform:var(--neo-press)!important;box-shadow:var(--neo-shadow-pressed)!important}@media (hover:hover){.btn:hover{transform:var(--neo-hover);box-shadow:var(--neo-shadow-md)}}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;filter:saturate(.3);cursor:not-allowed;box-shadow:var(--neo-shadow-xs)!important;transform:none!important}.btn--primary{--btn-bg:var(--neo-yellow);--btn-fg:var(--neo-black)}.btn--accent{--btn-bg:var(--neo-pink);--btn-fg:var(--neo-white)}.btn--cyan{--btn-bg:var(--neo-cyan);--btn-fg:var(--neo-black)}.btn--lime{--btn-bg:var(--neo-lime);--btn-fg:var(--neo-black)}.btn--orange{--btn-bg:var(--neo-orange);--btn-fg:var(--neo-white)}.btn--purple{--btn-bg:var(--neo-purple);--btn-fg:var(--neo-black)}.btn--secondary{--btn-bg:var(--neo-surface-subtle);--btn-fg:var(--neo-black)}.btn--danger{--btn-bg:var(--neo-red);--btn-fg:var(--neo-white)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--neo-black);--btn-shadow:none;--btn-border:var(--neo-border-sm)}@media (hover:hover){.btn--ghost:hover{--btn-bg:var(--neo-yellow);box-shadow:var(--neo-shadow-xs)}}.btn--ghost:active{--btn-bg:var(--neo-yellow)}.btn--sm{--btn-pad-y:var(--space-1);--btn-pad-x:var(--space-3);--btn-size:var(--text-xs);--btn-radius:var(--neo-r-xs);--btn-shadow:var(--neo-shadow-xs);min-height:34px}.btn--lg{--btn-pad-y:var(--space-3);--btn-pad-x:var(--space-5);--btn-size:var(--text-md);--btn-radius:var(--neo-r-md);--btn-shadow:var(--neo-shadow-lg);min-height:54px}.btn--pill{--btn-radius:var(--neo-r-pill)}.btn--rect{--btn-radius:var(--neo-r-sm)}.btn--icon{--btn-pad-x:var(--space-2);--btn-pad-y:var(--space-2);aspect-ratio:1;min-width:44px;padding:0}.btn--icon.btn--sm{min-width:34px}.btn--block{width:100%;display:flex}