@import "https://fonts.googleapis.com/css2?family=Bungee&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;700&family=Space+Grotesk:wght@400;700&family=Anton&family=Caveat:wght@400;700&family=Playfair+Display:wght@400;700&family=Archivo+Black&family=DM+Serif+Display&family=Bungee&family=Bungee+Tint&family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Inter:wght@400;500;600&family=Bungee&display=swap";.snap-guide{pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom, var(--filter-accent,#e26790) 0, var(--filter-accent,#e26790) 6px, transparent 6px, transparent 12px);opacity:.85;display:none;position:fixed}.snap-guide--x{width:1px;height:100vh;top:0;left:0}.snap-guide--y{background:repeating-linear-gradient(to right, var(--filter-accent,#e26790) 0, var(--filter-accent,#e26790) 6px, transparent 6px, transparent 12px);width:100vw;height:1px;top:0;left:0}:root{--hud-glass-bg:#ffffffb3;--hud-glass-border:#ffffffe6;--hud-shadow-outer:0px 24px 40px #61565040;--hud-shadow-inner:0px 4px 0px #fff;--hud-icon-size:32px;--hud-btn-size:46px;--hud-btn-gap:12px;--hud-padding-v:12px;--hud-padding-h:24px;--hud-attack-from:#de7666;--hud-attack-to:#e9975d;--hud-attack-border:#a74333;--hud-attack-shadow:0px 4px 0px #b75040;--hud-ease-spring:cubic-bezier(.32, .72, 0, 1);--hud-ease-smooth:cubic-bezier(.4, 0, .2, 1)}.premium-hud{align-items:center;gap:var(--hud-btn-gap);padding:var(--hud-padding-v) var(--hud-padding-h) var(--hud-padding-v) var(--hud-padding-v);background:var(--hud-glass-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--hud-glass-border);box-shadow:var(--hud-shadow-inner), var(--hud-shadow-outer);z-index:1000;animation:hud-slide-up .8s var(--hud-ease-spring) forwards;will-change:left, top;border-radius:82px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.hud-drag-handle{opacity:.5;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:28px;height:28px;transition:opacity .3s var(--hud-ease-smooth), background .2s var(--hud-ease-smooth);animation:hud-btn-pop .6s var(--hud-ease-spring) forwards;opacity:0;border-radius:6px;justify-content:center;align-items:center;animation-delay:50ms;display:flex}.hud-drag-handle:hover{opacity:.85;background:#ffffff59}.hud-drag-handle:active{cursor:grabbing;opacity:1;background:#ffffff80}.hud-drag-handle svg{pointer-events:none;width:24px;height:24px}.hud-btn{width:var(--hud-btn-size);height:var(--hud-btn-size);cursor:pointer;transition:all .5s var(--hud-ease-spring);-webkit-tap-highlight-color:transparent;animation:hud-btn-pop .6s var(--hud-ease-spring) forwards;opacity:0;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.hud-btn:before{content:"";opacity:0;transition:opacity .3s var(--hud-ease-smooth);background:#ffffffe6;border-radius:50%;position:absolute;inset:0}.hud-btn:hover:before{opacity:1}.hud-btn.active:hover:before{opacity:0}.hud-btn:hover{transform:scale(1.08)}.hud-btn:active{transition-duration:.15s;transform:scale(.95)}.hud-btn:focus-visible{box-shadow:0 0 0 3px #6156504d}.hud-btn svg{width:var(--hud-icon-size);height:var(--hud-icon-size);transition:transform .5s var(--hud-ease-spring);pointer-events:none}.hud-btn:hover svg{transform:translateY(-1px)}.hud-btn:active svg{transition-duration:.15s;transform:translateY(0)scale(.92)}.hud-btn--eye,.hud-btn--bug,.hud-btn--hand,.hud-btn--placard{box-shadow:none;transition:all .4s var(--hud-ease-spring);background:0 0;border:1px solid #0000;border-radius:30px}.hud-btn--eye.active{background:linear-gradient(#f78d8d 0%,#e26790 100%);border:1px solid #a02b4d;box-shadow:0 4px #a02b4d}.hud-btn--bug.active{background:linear-gradient(#8be774 0%,#3cba3a 100%);border:1px solid #228b20;box-shadow:0 4px #228b20}.hud-btn--hand.active{background:linear-gradient(#74d4e7 0%,#3a85ba 100%);border:1px solid #226591;box-shadow:0 4px #226591}.hud-btn--placard.active{background:linear-gradient(#f4a893 0%,#ba3aba 100%);border:1px solid #871e93;box-shadow:0 4px #871e93}.hud-btn--eye:hover,.hud-btn--bug:hover,.hud-btn--hand:hover,.hud-btn--placard:hover{transform:scale(1.08)translateY(-2px)}.hud-btn--eye.active:hover{box-shadow:0 6px #a02b4d,0 8px 16px #a02b4d4d}.hud-btn--bug.active:hover{box-shadow:0 6px #228b20,0 8px 16px #228b204d}.hud-btn--hand.active:hover{box-shadow:0 6px #226591,0 8px 16px #2265914d}.hud-btn--placard.active:hover{box-shadow:0 6px #871e93,0 8px 16px #871e934d}.hud-btn--eye.active:active,.hud-btn--bug.active:active,.hud-btn--hand.active:active,.hud-btn--placard.active:active{transition-duration:.1s;transform:scale(.95)translateY(2px)}.hud-btn--eye.active:active{box-shadow:0 2px #a02b4d}.hud-btn--bug.active:active{box-shadow:0 2px #228b20}.hud-btn--hand.active:active{box-shadow:0 2px #226591}.hud-btn--placard.active:active{box-shadow:0 2px #871e93}.hud-divider{width:1px;height:28px;animation:hud-btn-pop .6s var(--hud-ease-spring) forwards;opacity:0;background:#2a1f1a26;border:none;flex-shrink:0;align-self:center;margin:0 4px;animation-delay:.25s}.hud-btn--gallery,.hud-btn--settings{background:0 0;border-radius:50%}.hud-attack{background:linear-gradient(180deg, var(--hud-attack-from) 0%, var(--hud-attack-to) 100%);border:1px solid var(--hud-attack-border);height:39px;box-shadow:var(--hud-attack-shadow);color:#fff;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all .4s var(--hud-ease-spring);-webkit-tap-highlight-color:transparent;animation:hud-btn-pop .6s var(--hud-ease-spring) forwards;opacity:0;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:0 16px;font-family:Bungee,cursive;font-size:16px;display:flex;position:relative;overflow:hidden}.hud-attack:before{content:"";opacity:0;transition:opacity .4s var(--hud-ease-smooth);background:linear-gradient(#ffffff4d 0%,#fff0 50%,#0000001a 100%);position:absolute;inset:0}.hud-attack:after{content:"";width:0;height:0;transition:width .6s var(--hud-ease-spring), height .6s var(--hud-ease-spring);background:#fff6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-attack:hover{transform:translateY(-2px);box-shadow:0 6px #b75040,0 8px 20px #b7504066}.hud-attack:hover:before{opacity:1}.hud-attack:active{transition-duration:.1s;transform:translateY(2px);box-shadow:0 2px #b75040}.hud-attack:active:after{width:200px;height:200px;transition-duration:.3s}.hud-attack:focus-visible{box-shadow:var(--hud-attack-shadow), 0 0 0 3px #de766666}.hud-attack span{z-index:1;position:relative}.hud-btn[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(20px);color:#2a1f1a;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:all .4s var(--hud-ease-spring);background:#fffffff2;border:1px solid #fffc;border-radius:8px;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 8px 16px #61565033}.hud-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@keyframes hud-slide-up{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hud-btn-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hud-btn:nth-child(2){animation-delay:.1s}.hud-btn:nth-child(3){animation-delay:.15s}.hud-btn:nth-child(4){animation-delay:.2s}.hud-btn:nth-child(5){animation-delay:.25s}.hud-divider{animation-delay:.28s}.hud-btn:nth-child(7){animation-delay:.35s}.hud-btn:nth-child(8){animation-delay:.4s}.hud-attack{animation-delay:.5s}.premium-hud.hud--dragging,.premium-hud.hud--dragging:hover{transition:none;animation:none;transform:none}.premium-hud.hud--dragging .hud-btn,.premium-hud.hud--dragging .hud-attack,.premium-hud.hud--dragging .hud-divider{opacity:1;animation:none}.premium-hud.hud--dragging .hud-btn:hover,.premium-hud.hud--dragging .hud-btn:active,.premium-hud.hud--dragging .hud-attack:hover,.premium-hud.hud--dragging .hud-attack:active{transition:none;transform:none}.premium-hud.hud--dragging .hud-btn:before,.premium-hud.hud--dragging .hud-btn:hover:before{opacity:0}@media (width<=768px){.premium-hud{gap:8px;padding:10px 16px 10px 10px;bottom:24px}.hud-btn{width:40px;height:40px}.hud-btn svg{width:28px;height:28px}.hud-drag-handle,.hud-drag-handle svg{width:20px;height:20px}.hud-attack{height:34px;padding:0 12px;font-size:14px}.hud-btn[data-tooltip]:after{display:none}}@media (width<=380px){.premium-hud{border-radius:60px;gap:6px;padding:8px 12px 8px 8px;bottom:16px}.hud-btn{width:36px;height:36px}.hud-btn svg{width:24px;height:24px}.hud-drag-handle,.hud-drag-handle svg{width:18px;height:18px}.hud-attack{border-radius:10px;height:30px;padding:0 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.premium-hud,.hud-drag-handle,.hud-btn,.hud-attack{opacity:1;animation:none}.premium-hud:hover,.hud-btn:hover,.hud-btn:active,.hud-attack:hover,.hud-attack:active,.hud-btn:hover svg,.hud-btn:active svg,.hud-btn[data-tooltip]:after,.hud-attack:after{transition:none}}:root{--filter-glass-bg:#ffffffb8;--filter-glass-border:#ffffffeb;--filter-glass-elevation:0 18px 44px #41342d24, 0 2px 8px #41342d14;--filter-text-primary:#2a2420;--filter-text-muted:#7d6f67;--filter-value-bg:#fffffff2;--filter-divider:#2a24201a;--filter-btn-hover:#e8a9a08c;--filter-accent:#e26790;--filter-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--filter-ease-smooth:cubic-bezier(.22, 1, .36, 1)}.filter-panel-popover{background:var(--filter-glass-bg);border:1px solid var(--filter-glass-border);-webkit-backdrop-filter:blur(30px);width:192px;box-shadow:var(--filter-glass-elevation), inset 0 1px 1px #fff9;color:var(--filter-text-primary);box-sizing:border-box;z-index:1001;border-radius:18px;flex-direction:column;gap:16px;padding:36px 32px;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;display:none;position:fixed}.filter-panel-popover.open{animation:filter-panel-entrance .7s var(--filter-ease-smooth) forwards;display:flex}@keyframes filter-panel-entrance{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.filter-panel-popover{background:#ffffffeb}}.filter-panel__section{flex-direction:column;gap:15px;display:flex}.filter-panel__label{text-transform:uppercase;letter-spacing:.1em;color:var(--filter-text-muted);font-size:10px;font-weight:700}.filter-panel__header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.filter-panel__qty-value{text-align:center;min-width:36px;height:22px;color:var(--filter-text-primary);background:var(--filter-value-bg);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:Space Mono,ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:500;line-height:1;display:inline-flex;box-shadow:inset 0 1px 2px #2a24200f,0 1px 2px #2a24200a}.filter-panel__divider{background:var(--filter-divider);border:none;width:100%;height:1px;margin:0}.filter-panel__slider{appearance:none;background:linear-gradient(90deg, var(--filter-accent) var(--filter-slider-fill,50%), var(--filter-text-muted) var(--filter-slider-fill,50%));cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px;margin:4px 0}.filter-panel__slider::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--filter-text-primary);cursor:pointer;width:18px;height:18px;transition:transform .16s var(--filter-ease-spring), box-shadow .16s var(--filter-ease-smooth);background:#fff;border-radius:50%;box-shadow:0 2px 6px #2a24202e}.filter-panel__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #2a24203d}.filter-panel__slider::-webkit-slider-thumb:active{transform:scale(1.05)}.filter-panel__slider::-moz-range-thumb{border:1.5px solid var(--filter-text-primary);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #2a24202e}.filter-panel__slider::-moz-range-track{background:var(--filter-text-muted);border:none;border-radius:2px;height:3px}.filter-panel__toggle{cursor:pointer;width:40px;height:22px;display:inline-flex;position:relative}.filter-panel__toggle-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.filter-panel__toggle-track{background:var(--filter-text-muted);transition:background .16s var(--filter-ease-smooth);border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 1px 2px #2a24201f}.filter-panel__toggle-track:before{content:"";width:18px;height:18px;transition:transform .2s var(--filter-ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #2a24204d}.filter-panel__toggle-input:checked+.filter-panel__toggle-track{background:var(--filter-accent)}.filter-panel__toggle-input:checked+.filter-panel__toggle-track:before{transform:translate(18px)}.filter-panel__toggle-input:focus-visible+.filter-panel__toggle-track{box-shadow:0 0 0 2px #2a24206b}@media (width<=340px){.filter-panel-popover{width:calc(100vw - 32px);max-width:192px}}@media (prefers-reduced-motion:reduce){.filter-panel-popover,.filter-panel__toggle-track,.filter-panel__toggle-track:before{opacity:1;transition:none;animation:none}.filter-panel__slider::-webkit-slider-thumb{opacity:1;transition:none;animation:none}}:root{--gallery-glass-bg:#ffffffb3;--gallery-glass-border:#ffffffe6;--gallery-card-bg:#fff;--gallery-text-primary:#000;--gallery-toggle-bg:#dbcec6;--gallery-toggle-border:#b8a9a0;--gallery-toggle-active-bg:#fff;--gallery-ease-spring:cubic-bezier(.32, .72, 0, 1);--gallery-ease-smooth:cubic-bezier(.4, 0, .2, 1);--gallery-ease-spring-panel:cubic-bezier(.34, 1.56, .64, 1)}.glass-panel-overlay{z-index:900;pointer-events:none;opacity:0;transition:opacity .3s var(--gallery-ease-smooth);position:fixed;inset:0}.glass-panel-overlay.open{pointer-events:auto;opacity:1}.glass-panel{background:var(--gallery-glass-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--gallery-glass-border);width:320px;max-width:calc(100vw - 32px);transition:transform .6s var(--gallery-ease-spring-panel);overscroll-behavior:contain;box-sizing:border-box;border-radius:20px;flex-direction:column;gap:22px;padding:24px 16px;display:flex;position:absolute;top:16px;bottom:50px;right:16px;overflow-y:auto;transform:translate(calc(100% + 16px));box-shadow:-8px 0 40px #61565033}.glass-panel-overlay.open .glass-panel{transform:translate(0)}.glass-panel::-webkit-scrollbar{width:4px}.glass-panel::-webkit-scrollbar-track{background:0 0}.glass-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{background:#ffffffeb}}.toggle-section{flex-direction:column;align-items:center;gap:8px;display:flex}.toggle-group{gap:8px;display:flex}.toggle-btn{background:var(--gallery-toggle-bg);border:1px solid var(--gallery-toggle-border);color:var(--gallery-text-primary);text-transform:uppercase;cursor:pointer;transition:all .4s var(--gallery-ease-spring);-webkit-tap-highlight-color:transparent;border-radius:4px;outline:none;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.toggle-btn:active{transition-duration:.1s;transform:translateY(0)}.toggle-btn.active{background:var(--gallery-toggle-active-bg);box-shadow:0 2px 8px #0000001a}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sticker-card{background:var(--gallery-card-bg);aspect-ratio:1;cursor:pointer;transition:all .4s var(--gallery-ease-spring);border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.sticker-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff6 0%, transparent 70%);opacity:0;transition:opacity .4s var(--gallery-ease-smooth);position:absolute;inset:0}.sticker-card:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 24px #00000026}.sticker-card:hover:before{opacity:1}.sticker-card:active{transition-duration:.15s;transform:translateY(-2px)scale(1.02)}.sticker-thumb{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;width:100%;height:100%;display:block}.sticker-overlay{pointer-events:auto}.sticker-overlay.dragging{cursor:grabbing}.text-grid{grid-template-columns:1fr;gap:12px;display:grid}.text-card{background:var(--gallery-card-bg);cursor:pointer;width:100%;height:70px;transition:all .4s var(--gallery-ease-spring);border-radius:4px;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.text-card:before{content:"";transition:transform .6s var(--gallery-ease-smooth);background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.text-card:hover{transform:translate(4px);box-shadow:-4px 0 16px #0000001a}.text-card:hover:before{transform:translate(100%)}.text-card:active{transition-duration:.1s;transform:translate(2px)}.text-card p{color:var(--gallery-text-primary);text-transform:uppercase;text-align:center;font-variation-settings:"SOFT" 0, "WONK" 1;transition:all .4s var(--gallery-ease-spring);font-family:Fraunces,serif;font-size:30px;font-weight:400}.text-card:hover p{font-variation-settings:"SOFT" 100, "WONK" 1;transform:scale(1.05)}.grid-container.sticker-mode .text-grid,.grid-container.text-mode .sticker-grid{display:none}@keyframes gallery-card-entrance{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-panel-overlay.open .sticker-card,.glass-panel-overlay.open .text-card{animation:gallery-card-entrance .5s var(--gallery-ease-spring) forwards;opacity:0}.glass-panel-overlay.open .sticker-card:first-child{animation-delay:80ms}.glass-panel-overlay.open .sticker-card:nth-child(2){animation-delay:.13s}.glass-panel-overlay.open .sticker-card:nth-child(3){animation-delay:.18s}.glass-panel-overlay.open .sticker-card:nth-child(4){animation-delay:.23s}.glass-panel-overlay.open .sticker-card:nth-child(5){animation-delay:.28s}.glass-panel-overlay.open .sticker-card:nth-child(6){animation-delay:.33s}.glass-panel-overlay.open .sticker-card:nth-child(7){animation-delay:.38s}.glass-panel-overlay.open .sticker-card:nth-child(8){animation-delay:.43s}.glass-panel-overlay.open .sticker-card:nth-child(9){animation-delay:.48s}.glass-panel-overlay.open .sticker-card:nth-child(13){animation-delay:.68s}.glass-panel-overlay.open .sticker-card:nth-child(14){animation-delay:.73s}.glass-panel-overlay.open .sticker-card:nth-child(15){animation-delay:.78s}.glass-panel-overlay.open .sticker-card:nth-child(16){animation-delay:.83s}.glass-panel-overlay.open .sticker-card:nth-child(17){animation-delay:.88s}.glass-panel-overlay.open .sticker-card:nth-child(18){animation-delay:.93s}.glass-panel-overlay.open .sticker-card:nth-child(19){animation-delay:.98s}.glass-panel-overlay.open .sticker-card:nth-child(20){animation-delay:1.03s}.glass-panel-overlay.open .sticker-card:nth-child(21){animation-delay:1.08s}.glass-panel-overlay.open .sticker-card:nth-child(22){animation-delay:1.13s}.glass-panel-overlay.open .sticker-card:nth-child(23){animation-delay:1.18s}.glass-panel-overlay.open .text-card:first-child{animation-delay:80ms}.glass-panel-overlay.open .text-card:nth-child(2){animation-delay:.13s}.glass-panel-overlay.open .text-card:nth-child(3){animation-delay:.18s}.glass-panel-overlay.open .text-card:nth-child(4){animation-delay:.23s}.glass-panel-overlay.open .text-card:nth-child(5){animation-delay:.28s}.glass-panel-overlay.open .text-card:nth-child(6){animation-delay:.33s}.glass-panel-overlay.open .text-card:nth-child(7){animation-delay:.38s}.glass-panel-overlay.open .text-card:nth-child(8){animation-delay:.43s}@media (width<=380px){.glass-panel{width:calc(100vw - 16px);max-width:100vw;padding:16px 12px}.sticker-grid{gap:8px}.sticker-card{padding:10px}.text-grid{gap:8px}.text-card{height:56px;padding:12px}.text-card p{font-size:24px}}@media (prefers-reduced-motion:reduce){.glass-panel-overlay,.glass-panel{transition:none}.glass-panel-overlay.open .sticker-card,.glass-panel-overlay.open .text-card{opacity:1;animation:none}.sticker-card,.text-card{transition:none}}.text-overlay-editor:empty:before{content:attr(data-placeholder);color:#00000059;pointer-events:none}.text-overlay{pointer-events:auto}.text-overlay-drag{pointer-events:auto;touch-action:none}.text-overlay.dragging{cursor:grabbing}.text-overlay.dragging .text-overlay-drag{cursor:grabbing;opacity:1}:root{--protest-glass-bg:#ffffffb3;--protest-glass-border:#ffffffe6;--protest-text-primary:#000;--protest-ease-smooth:cubic-bezier(.4, 0, .2, 1);--protest-ease-spring-panel:cubic-bezier(.34, 1.56, .64, 1)}.protest-panel-overlay{z-index:900;pointer-events:none;opacity:0;transition:opacity .3s var(--protest-ease-smooth);position:fixed;inset:0}.protest-panel-overlay.open{pointer-events:auto;opacity:1}.protest-panel{background:var(--protest-glass-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--protest-glass-border);width:340px;max-width:calc(100vw - 32px);color:var(--protest-text-primary);transition:transform .6s var(--protest-ease-spring-panel);overscroll-behavior:contain;box-sizing:border-box;border-radius:20px;flex-direction:column;gap:20px;padding:24px 20px;display:flex;position:absolute;top:16px;bottom:50px;right:16px;overflow-y:auto;transform:translate(calc(100% + 16px));box-shadow:-8px 0 40px #61565033}.protest-panel-overlay.open .protest-panel{transform:translate(0)}.protest-panel::-webkit-scrollbar{width:4px}.protest-panel::-webkit-scrollbar-track{background:0 0}.protest-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.protest-note p{margin:0;font-size:15px;line-height:1.5}.protest-join-link{text-align:center;color:#fff;background:#000;border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none;display:block}.protest-learn h3,.protest-share h3{text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:0 0 8px;font-size:12px}.protest-learn-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.protest-learn-list a{color:var(--protest-text-primary);font-size:14px;text-decoration:underline}.protest-share-buttons{flex-wrap:wrap;gap:8px;display:flex}.protest-share-btn{border:1px solid var(--protest-glass-border);color:var(--protest-text-primary);cursor:pointer;background:#fff9;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none}.onb-card{z-index:100;box-sizing:border-box;background:#fff;border:1px solid #fffffff5;border-radius:12px;flex-direction:column;justify-content:space-between;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100dvh - 32px);padding:36px 32px 28px;animation:.2s cubic-bezier(.4,0,.2,1) both onb-enter;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffe6,0 2px 4px #0000002e}.onb-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,#ffffffe6 0%,#0000 55%),radial-gradient(90% 70% at 85% 100%,#f4a15d0f 0%,#0000 60%);position:absolute;inset:0}.onb-skip{z-index:1;letter-spacing:.02em;color:#6e625b;opacity:.72;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px 6px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);position:absolute;top:18px;right:20px}.onb-skip:hover{opacity:1;color:#2a2420}.onb-skip:focus-visible{border-radius:6px;outline:none;box-shadow:0 0 0 3px #2a24206b}.onb-copy{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:16px;padding-top:14px;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.onb-copy--fading{opacity:0}.onb-line{letter-spacing:-.015em;color:#2a2420;text-wrap:balance;margin:0;font-family:Fraunces Variable,Fraunces,Georgia,serif;font-size:22px;line-height:1.32}.onb-line--second{color:#2a2420;opacity:.92;font-size:18px;font-weight:400;line-height:1.38}.onb-footer{z-index:1;border-top:1px solid #2a242012;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding-top:20px;display:flex;position:relative}.onb-dots{align-items:center;gap:8px;display:flex}.onb-dot{box-sizing:border-box;background:0 0;border:1.5px solid #2a242038;border-radius:999px;flex-shrink:0;width:8px;height:8px;padding:0;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.onb-dot--active{background:#2a2420;border-color:#2a2420;transform:scale(1.08)}.onb-dot--attack{background:linear-gradient(#f4a15d 0%,#df713e 100%);border-color:#c95f32;transform:scale(1.12);box-shadow:0 1px #ad4c29}.onb-action{letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:6px;min-width:104px;height:40px;padding:0 18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.onb-action--next{color:#2a2420;background:#fff;border:1px solid #2a242024;box-shadow:0 1px 2px #41342d0f}.onb-action--next:hover{background:#fff;border-color:#2a242033;transform:translateY(-1px);box-shadow:0 4px 12px #41342d1a}.onb-action--next:active{transform:translateY(0)scale(.98)}.onb-action--begin{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#f4a15d 0%,#df713e 100%);border:1px solid #c95f32;font-family:Bungee,Impact,sans-serif;font-size:13px;font-weight:400;box-shadow:0 3px #ad4c29}.onb-action--begin:hover{transform:translateY(-1px);box-shadow:0 4px #ad4c29,0 8px 18px #df713e52}.onb-action--begin:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #ad4c29}.onb-action:focus-visible{box-shadow:0 0 0 3px #2a24206b}.onb-action--begin:focus-visible{box-shadow:0 3px #ad4c29,0 0 0 3px #df713e59}@keyframes onb-enter{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=560px){.onb-card{width:calc(100vw - 24px);height:400px;padding:32px 22px 24px}.onb-line{font-size:19px}.onb-line--second{font-size:16px}.onb-skip{top:14px;right:14px}}@media (width<=360px){.onb-card{height:420px;padding:30px 18px 22px}.onb-line{font-size:17px}.onb-line--second{font-size:15px}}@media (prefers-reduced-motion:reduce){.onb-card{animation:none}.onb-copy,.onb-dot,.onb-action,.onb-skip{transition:none}}.audio-widget{z-index:1000;-webkit-backdrop-filter:blur(30px);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 18px 44px #41342d24,0 2px 8px #41342d14}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.audio-widget{background:#ffffffeb}}.audio-widget__toggle{cursor:pointer;background:#fffffff2;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .16s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:inset 0 1px 2px #2a24200f,0 1px 2px #2a242014}.audio-widget__toggle:hover{transform:scale(1.08)}.audio-widget__toggle:active{transform:scale(.96)}.audio-widget__toggle svg{width:18px;height:18px;display:block}.audio-widget__volume{appearance:none;background:linear-gradient(90deg, #e26790 var(--audio-widget-volume-fill,50%), #7d6f67 var(--audio-widget-volume-fill,50%));cursor:pointer;border-radius:2px;outline:none;width:84px;height:3px;margin:0}.audio-widget__volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #2a2420;border-radius:50%;width:14px;height:14px}.audio-widget__volume::-moz-range-thumb{cursor:pointer;background:#fff;border:1.5px solid #2a2420;border-radius:50%;width:14px;height:14px}.audio-widget__volume::-moz-range-track{background:#7d6f67;border:none;border-radius:2px;height:3px}@media (prefers-reduced-motion:reduce){.audio-widget__toggle{transition:none}}
