:root{--font-display:"Fredoka", sans-serif;--font-body:"Nunito", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-teal:#0d9488}:root,[data-theme=light]{--color-paper:#fafaf8;--color-surface:#fff;--color-surface-raised:#f5f3ef;--color-ink:#1a1a1a;--color-ink-muted:#6b7280;--color-ink-faint:#9ca3af;--color-accent-soft:#fff7ed;--color-teal-soft:#f0fdfa;--color-border:#e5e7eb;--color-border-focus:#f97316;--color-error:#dc2626;--color-error-soft:#fef2f2;--color-shadow:#00000014;--color-shadow-lg:#0000001f;--color-overlay:#00000080;--color-chip-bg:#1a1a1a;--color-chip-text:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper:#111318;--color-surface:#1c1f26;--color-surface-raised:#252830;--color-ink:#f0f0f0;--color-ink-muted:#9ca3af;--color-ink-faint:#6b7280;--color-accent-soft:#f973161f;--color-teal-soft:#0d94881f;--color-border:#ffffff1a;--color-border-focus:#f97316;--color-error:#f87171;--color-error-soft:#f871711a;--color-shadow:#0000004d;--color-shadow-lg:#00000080;--color-overlay:#000000b3;--color-chip-bg:#f0f0f0;--color-chip-text:#1a1a1a}}[data-theme=dark]{--color-paper:#111318;--color-surface:#1c1f26;--color-surface-raised:#252830;--color-ink:#f0f0f0;--color-ink-muted:#9ca3af;--color-ink-faint:#6b7280;--color-accent-soft:#f973161f;--color-teal-soft:#0d94881f;--color-border:#ffffff1a;--color-border-focus:#f97316;--color-error:#f87171;--color-error-soft:#f871711a;--color-shadow:#0000004d;--color-shadow-lg:#00000080;--color-overlay:#000000b3;--color-chip-bg:#f0f0f0;--color-chip-text:#1a1a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-paper);color:var(--color-ink);min-height:100vh;padding:var(--space-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) ease, color var(--duration-slow) ease;flex-direction:column;align-items:center;display:flex}html,body{overflow-x:clip}#root{width:100%;max-width:800px;min-height:calc(100vh - var(--space-10));flex-direction:column;display:flex}.container{gap:var(--space-6);flex-direction:column;flex:1;display:flex}.header{text-align:center;padding-top:var(--space-5);padding-bottom:var(--space-2);position:relative}.header-controls{top:var(--space-5);align-items:center;gap:var(--space-2);display:flex;position:absolute;right:0}.lang-switcher{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.lang-btn{color:var(--color-ink-faint);font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:4px 8px}.lang-btn.active{background:var(--color-accent);color:#fff}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-ink-muted);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:flex}.theme-toggle:hover{color:var(--color-ink);border-color:var(--color-accent)}@media (width<=600px){.header-controls{margin-bottom:var(--space-3);justify-content:center;position:static}}.logo{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent);margin-bottom:var(--space-1);letter-spacing:-.5px;font-weight:700;text-decoration:none;display:inline-block}.subtitle{font-family:var(--font-body);color:var(--color-ink-muted);font-size:var(--text-base);font-weight:400}.search-box{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);gap:var(--space-2);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);display:flex}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.search-input{padding:var(--space-3) var(--space-4);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input::placeholder{color:var(--color-ink-faint)}.btn-extract{background:var(--color-accent);color:#fff;font-family:var(--font-display);border-radius:var(--radius-lg);padding:0 var(--space-6);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:var(--space-2);white-space:nowrap;border:none;min-height:44px;display:flex}.btn-extract:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-extract:active{transform:translateY(0)}.btn-extract:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-extract:disabled{opacity:.5;cursor:not-allowed;transform:none}.trust-line{text-align:center;color:var(--color-ink-faint);font-size:var(--text-sm);margin-top:calc(-1 * var(--space-3))}.loading-state{text-align:center;padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.loading-state p{font-family:var(--font-display);color:var(--color-ink);font-weight:500;font-size:var(--text-lg)}.loading-state small{color:var(--color-ink-muted);font-size:var(--text-sm)}.loading-inline{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-accent-soft);border-radius:var(--radius-lg);font-family:var(--font-display);color:var(--color-accent);font-weight:500;font-size:var(--text-sm);display:flex}.error-banner{background:var(--color-error-soft);border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.sticker-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);align-items:center;gap:var(--space-2);cursor:pointer;contain:layout paint;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative}.sticker-card:hover{box-shadow:0 6px 20px var(--color-shadow);border-color:var(--color-ink-faint);transform:translateY(-3px)}.sticker-card.selected{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 8px 24px var(--color-shadow-lg);transform:rotate(-1.5deg)translateY(-4px)}.checkbox-badge{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;transition:all var(--duration-fast) var(--ease-out);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.sticker-card.selected .checkbox-badge{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sticker-img-wrapper{aspect-ratio:1;background:var(--color-surface-raised);border-radius:var(--radius-md);width:100%;padding:var(--space-2);justify-content:center;align-items:center;display:flex;overflow:hidden}.sticker-img{object-fit:contain;max-width:100%;max-height:100%}.card-actions{width:100%}.btn-download-card{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-surface-raised);width:100%;color:var(--color-ink-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:36px;font-weight:600;display:flex}.btn-download-card:hover{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.btn-download-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.download-popover-wrapper{width:100%;position:relative}.download-popover{bottom:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--color-shadow-lg);padding:var(--space-1);z-index:100;min-width:160px;animation:popover-in var(--duration-fast) var(--ease-out);flex-direction:column;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes popover-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.popover-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) ease;white-space:nowrap;background:0 0;border:none;display:flex}.popover-option:hover{background:var(--color-accent-soft)}.popover-option:disabled{opacity:.5;cursor:not-allowed}.floating-bar{bottom:var(--space-6);background:var(--color-chip-bg);color:var(--color-chip-text);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-4);box-shadow:0 4px 24px var(--color-shadow-lg);z-index:900;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);animation:float-up var(--duration-normal) var(--ease-out);display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.floating-bar-dismiss{color:var(--color-chip-text);opacity:.6;cursor:pointer;padding:var(--space-1);transition:opacity var(--duration-fast) ease;background:0 0;border:none;align-items:center;display:flex}.floating-bar-dismiss:hover{opacity:1}.floating-bar-count{white-space:nowrap}.floating-bar-actions{align-items:center;gap:var(--space-2);display:flex}.btn-float-action{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);cursor:pointer;align-items:center;gap:var(--space-1);transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;min-height:36px;display:flex}.btn-float-action:hover{background:var(--color-accent-hover)}.btn-float-action:disabled{opacity:.5;cursor:not-allowed}.btn-float-select-all{border:1px solid var(--color-chip-text);color:var(--color-chip-text);opacity:.7;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-weight:500;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--duration-fast) ease;white-space:nowrap;background:0 0;min-height:36px}.btn-float-select-all:hover{opacity:1}.scroll-to-top-ghost{bottom:var(--space-6);right:var(--space-6);background:var(--color-surface-transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-ink-muted);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;z-index:800;transition:all var(--duration-fast) var(--ease-out);animation:ghost-in var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:500;display:flex;position:fixed}@keyframes ghost-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top-ghost:hover{color:var(--color-ink);border-color:var(--color-ink-muted);background:var(--color-surface);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}@media (width<=600px){.floating-bar{width:calc(100% - var(--space-4));max-width:400px;padding:var(--space-2);gap:var(--space-2);justify-content:space-between}.floating-bar-count{white-space:normal;text-align:center;font-size:11px;line-height:1.2}.btn-float-action{padding:var(--space-2) var(--space-3);font-size:11px}}.progress-bar-wrapper{background:var(--color-surface-raised);border-radius:var(--radius-full);width:100%;height:8px;margin-top:var(--space-3);overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.modal-overlay{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;width:100vw;height:100vh;padding:var(--space-5);animation:overlay-in var(--duration-fast) ease;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:480px;box-shadow:0 16px 48px var(--color-shadow-lg);gap:var(--space-5);animation:modal-in var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-ink)}.modal-close{top:var(--space-4);right:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-ink-muted);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{color:var(--color-ink);background:var(--color-border)}.modal-actions{gap:var(--space-3);flex-direction:column;display:flex}.btn-primary{background:var(--color-accent);color:#fff;font-family:var(--font-display);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);border:none;min-height:48px;display:flex}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-display);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:500;font-size:var(--text-sm);cursor:pointer;text-align:center;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;display:flex}.btn-secondary:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes sticker-enter{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sticker-card{animation:sticker-enter var(--duration-slow) var(--ease-out) both}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.skeleton-img{aspect-ratio:1;background:var(--color-surface-raised);border-radius:var(--radius-md);width:100%;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-btn{background:var(--color-surface-raised);border-radius:var(--radius-md);width:100%;height:36px;animation:1.5s ease-in-out infinite skeleton-pulse}.footer{padding-top:var(--space-6);padding-bottom:var(--space-4);border-top:1px solid var(--color-border);text-align:center;color:var(--color-ink-faint);font-size:var(--text-sm);gap:var(--space-2);flex-direction:column;align-items:center;margin-top:auto;display:flex}.footer-links{gap:var(--space-5);display:flex}.footer-link{color:var(--color-ink-muted);cursor:pointer;transition:color var(--duration-fast) ease;font-family:var(--font-body);font-size:var(--text-sm);background:0 0;border:none;text-decoration:none}.footer-link:hover{color:var(--color-accent)}.legal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 16px var(--color-shadow);gap:var(--space-5);flex-direction:column;display:flex}.legal-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.legal-header h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink)}.back-link{color:var(--color-accent);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);align-items:center;gap:var(--space-1);transition:opacity var(--duration-fast) ease;text-decoration:none;display:flex}.back-link:hover{opacity:.7}.legal-text{font-size:var(--text-base);color:var(--color-ink-muted);line-height:1.6}.legal-text h3{color:var(--color-ink);margin:var(--space-5) 0 var(--space-2) 0;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.legal-text h3:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.logo{font-size:var(--text-2xl)}.search-box{flex-direction:column}.btn-extract{justify-content:center}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.modal-content,.legal-card{padding:var(--space-5)}.floating-bar{left:var(--space-3);right:var(--space-3);justify-content:space-between;transform:none}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.spinner-icon{animation:1s linear infinite spin}.stickerity-toast{background-color:var(--color-surface)!important;color:var(--color-ink)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;font-family:var(--font-body)!important;font-size:var(--text-sm)!important;box-shadow:0 8px 24px var(--color-shadow-lg)!important}.stickerity-toast [data-icon]{color:var(--color-teal)!important}