.icon-page{--icon-size:40px;--icon-stroke:1.75;--icon-color:#bef584;--icon-duration:2.4s}.icon-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.icon-heading h1{font-size:38px;font-weight:500;letter-spacing:-1px;margin:16px 0 10px}.icon-heading p{color:var(--muted);font-size:14px;line-height:1.8}.icon-source-tag{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px;color:#a7b79b;white-space:nowrap}.icon-source-tag>span:last-child{padding:7px 10px;border:1px solid var(--border);border-radius:20px;color:#8c9294}.icon-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px;background:radial-gradient(ellipse at 90% 20%,#34402b70,transparent 65%),#171a18;border:1px solid #343c2f;border-radius:14px;margin-bottom:30px;overflow:hidden}.icon-kicker{font-size:9px;letter-spacing:2px;color:#9da695}.icon-intro h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:18px 0 10px}.icon-intro p{font-size:12px;color:#929b94;line-height:1.8;max-width:390px}.icon-free{display:inline-block;font-size:10px;color:#bfd4a5;margin-top:8px}.icon-intro-art{display:grid;grid-template-columns:repeat(3,60px);gap:12px;transform:rotate(-9deg);padding:5px 10px}.icon-intro-art>span{width:60px;height:60px;display:grid;place-items:center;border:1px solid #71846536;border-radius:14px;background:linear-gradient(135deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px #ffffff0c,0 8px 20px #0002}.icon-intro-art>span:nth-child(2){transform:translateY(-10px);background:#bef584;color:#182113;--icon-color:#182113}.icon-intro-art>span:last-child{grid-column:3}.icon-art{display:inline-grid;place-items:center;color:var(--icon-color);line-height:0;flex-shrink:0}.icon-art svg{display:block;width:var(--icon-size);height:var(--icon-size);overflow:visible;transform-origin:center}.icon-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.icon-mode-bar [role=tablist]{display:flex;gap:6px;padding:4px;background:#17191b;border:1px solid var(--border);border-radius:9px}.icon-mode-bar [role=tab]{border:0;border-radius:6px;background:none;color:#929899;padding:11px 16px;white-space:nowrap}.icon-mode-bar [role=tab][aria-selected=true]{background:#303a27;color:var(--lime)}.icon-mode-bar small{font-size:9px;margin-left:7px;opacity:.65}.icon-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px 13px;min-width:180px;width:280px}.icon-search:focus-within{border-color:var(--lime)}.icon-search .icon-art{--icon-size:17px;--icon-color:#919b93}.icon-search input{width:100%;min-width:0;background:none;border:0;outline:none;color:#edf1ed;font-size:12px}.icon-category-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.icon-category-bar button{background:none;border:1px solid transparent;color:#929899;padding:8px 10px;border-radius:6px;font-size:12px}.icon-category-bar button[aria-pressed=true]{border-color:#424a3c;background:#20251d;color:#cfe2bb}.icon-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:17px 18px;background:#17191b;border:1px solid var(--border);border-radius:9px;font-size:11px}.icon-controls label{display:flex;align-items:center;gap:9px;color:#a0a7a2}.icon-controls input[type=range]{width:65px;height:4px;appearance:none;border-radius:5px;background:#3b4237;accent-color:var(--lime);padding:0}.icon-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);cursor:ew-resize}.icon-controls output{color:#d4ded0;min-width:30px;font-variant-numeric:tabular-nums}.icon-controls input[type=color]{appearance:none;border:0;width:24px;height:24px;padding:0;background:none;cursor:pointer}.icon-controls input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.icon-controls input[type=color]::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:5px}.icon-controls select{background:#232625;border:1px solid #394038;border-radius:5px;color:#d4ded0;padding:5px}.icon-controls .secondary{font-size:11px;padding:7px 10px}.icon-reset{margin-left:auto;border:0;background:none;color:#949d91;padding:7px 0;font-size:11px}.icon-motion-control[hidden]{display:none!important}.icon-result-meta{display:flex;justify-content:space-between;gap:20px;margin:24px 0 14px;font-size:10px;color:#808987}.icon-result-meta b{color:#cdd6c9;font-weight:500}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.icon-card{min-width:0;text-align:left;background:#181b1c;border:1px solid #2c3130;border-radius:10px;padding:0 16px 13px;color:#e0e7df;transition:background .18s,border-color .18s}.icon-card:hover,.icon-card:focus-visible{border-color:#728565;background:#1d241d}.icon-tile{display:flex;align-items:center;justify-content:center;height:122px;background:radial-gradient(circle,#ffffff03,transparent 70%)}.icon-card-name{display:block;font-size:13px;margin-bottom:5px}.icon-card>small{display:block;color:#6f7c75;font:10px/1.5 monospace;overflow-wrap:anywhere}.icon-card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;border-top:1px solid #ffffff08;margin-top:14px;padding-top:11px;font-size:8px;color:#7f8c81}.icon-card-bottom>span:last-child{color:#a0b78e}.icon-empty{text-align:center;padding:65px 15px;border:1px dashed #40463d;border-radius:12px;color:#919d94}.icon-empty[hidden]{display:none}.icon-empty h3{font-size:18px;color:#d2ddce;font-weight:400}.icon-empty p{font-size:13px}.icon-license{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--border);margin-top:34px;padding-top:24px;font-size:11px;color:#7b877e}.icon-license>div{flex:1;min-width:180px}.icon-license strong{color:#b5c1af;font-weight:500}.icon-license p{font-size:10px;line-height:1.8;max-width:510px}.icon-license a{white-space:nowrap;color:#b9c9ae}.icon-license a:hover{text-decoration:underline}.icon-dialog{width:min(580px,calc(100% - 32px));max-width:580px;max-height:90vh;overflow:auto;padding:26px;border:1px solid #434b40;border-radius:16px;background:#171c19;color:#e5ede2}.icon-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.icon-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.icon-detail-head h2{font-size:24px;font-weight:500;margin:12px 0 6px}.icon-detail-head p{font:11px monospace;color:#8e9b91}.icon-detail-stage{display:grid;place-items:center;min-height:230px;margin:20px 0;background:radial-gradient(circle,#36452b70,transparent 70%),#131714;border:1px solid #303a2d;border-radius:12px}.icon-detail-stage .icon-art{--icon-size:88px}.icon-detail-switch{display:flex;gap:8px;flex-wrap:wrap}.icon-detail-switch button{padding:9px 14px;font-size:11px;background:transparent;color:#acb8a8;border:1px solid #384432;border-radius:6px}.icon-detail-switch button[aria-pressed=true]{background:#2c3a24;color:var(--lime)}.icon-detail-switch button[hidden]{display:none}.icon-detail-meta{margin-top:22px;font-size:11px;color:#a6b49f;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.icon-detail-meta p{width:100%;font-size:10px;line-height:1.8;color:#7c8a7e;margin:0}.icon-detail-meta small{font-size:9px;color:#758071}
@media(prefers-reduced-motion:reduce){.icon-page .is-animated *{animation:none!important}.icon-card{transition:none}}
@media(min-width:1500px){.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-intro{padding:25px}.icon-intro-art{grid-template-columns:repeat(3,44px);gap:8px}.icon-intro-art>span{width:44px;height:44px}.icon-source-tag{display:none}.icon-controls{gap:16px}}@media(max-width:650px){.icon-heading h1{font-size:30px}.icon-intro{padding:23px}.icon-intro-art{display:none}.icon-intro h2{font-size:21px}.icon-mode-bar{align-items:stretch;flex-direction:column;gap:14px}.icon-mode-bar [role=tablist]{align-self:flex-start}.icon-search{width:100%}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icon-card{padding:0 12px 12px}.icon-tile{height:108px}.icon-controls{gap:16px 20px;padding:15px 12px}.icon-controls label{font-size:10px}.icon-controls input[type=range]{width:55px}.icon-result-meta{line-height:1.8;align-items:center}.icon-category-bar{gap:4px}.icon-category-bar button{font-size:11px;padding:8px}.icon-dialog{padding:20px}.icon-detail-stage{min-height:200px}}
aside>.brand+.nav-label{margin-top:35px}
.icon-page .icon-controls input[type=range]{appearance:none;width:65px;height:4px;min-height:0;padding:0;border:0;background:#3b4237;border-radius:5px;box-shadow:none}.icon-page .icon-controls input[type=color]{appearance:none;width:26px;height:26px;min-height:0;padding:0;border:0;background:none;border-radius:5px}.icon-page .icon-search input[type=search]{padding:0;border:0;background:none;outline:none;color:#edf1ed;border-radius:0}@media(max-width:650px){.icon-page .icon-controls input[type=range]{width:55px}}
.original-icon{--icon-companion:var(--icon-accent-color,#f1b795);--icon-paper:#edf6e8}.original-icon .oi-surface{fill:currentColor;fill-opacity:.18}.original-icon .oi-muted-fill{fill:currentColor;fill-opacity:.07;stroke-opacity:.4}.original-icon .oi-accent{fill:var(--icon-companion);fill-opacity:.85;stroke:var(--icon-companion)}.original-icon .oi-accent-line{stroke:var(--icon-companion)}.original-icon .oi-highlight{stroke:var(--icon-paper);stroke-opacity:.72;fill:none}.original-icon .oi-ink{fill:currentColor;stroke:none}.original-icon .oi-muted{stroke-opacity:.3}.original-icon svg g{transform-box:fill-box;transform-origin:center}.original-icon svg{filter:drop-shadow(0 2px 1px #0002)}.icon-intro-art>span:nth-child(2){--icon-paper:#faffeb}.icon-intro-art>span:last-child{grid-column:auto}.icon-original-note{font-size:11px;color:#a6b298}.icon-tile{background:radial-gradient(ellipse at 50% 55%,#bef58406,transparent 68%)}.icon-detail-stage .original-icon{--icon-size:110px}.icon-card:hover .oi-surface{fill-opacity:.25}.icon-source-tag{font-size:9px;letter-spacing:1.4px}.icon-intro-art{grid-template-columns:repeat(3,64px)}.icon-intro-art>span{width:64px;height:64px}
.original-icon.is-animated svg{animation-duration:var(--icon-duration);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}
.motion-draw svg{animation-name:oi-reveal}.motion-stagger svg{animation-name:oi-breathe}.motion-scan svg{animation-name:oi-scan}.motion-right svg{animation-name:oi-right}.motion-left svg{animation-name:oi-left}.motion-up svg{animation-name:oi-up}.motion-down svg{animation-name:oi-down}.motion-quarter svg{animation-name:oi-quarter}.motion-pulse svg{animation-name:oi-breathe}.motion-spin svg{animation-name:oi-turn;animation-timing-function:linear}.motion-ring svg{animation-name:oi-ring}.motion-beat svg{animation-name:oi-beat}.motion-twinkle svg{animation-name:oi-twinkle}.motion-float svg{animation-name:oi-float}.motion-write svg{animation-name:oi-write}.motion-wiggle svg{animation-name:oi-wiggle}.motion-bounce svg{animation-name:oi-bounce}.motion-fly svg{animation-name:oi-flight}
.original-icon.is-animated .oi-signal{transform-box:fill-box;transform-origin:center;animation:oi-signal var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated svg:is([data-icon-kind=bell],[data-icon-kind=folder],[data-icon-kind=trash],[data-icon-kind=camera],[data-icon-kind=clock],[data-icon-kind=sun],[data-icon-kind=settings],[data-icon-kind=loader-circle],[data-icon-kind=refresh-cw],[data-icon-kind=mail],[data-icon-kind=send],[data-icon-kind=pencil],[data-icon-kind=wifi],[data-icon-kind=volume-2],[data-icon-kind=headphones],[data-icon-kind=mic],[data-icon-kind=map-pin],[data-icon-kind=calendar],[data-icon-kind=lock],[data-icon-kind=monitor],[data-icon-kind=message-circle]){animation:none}
.original-icon.is-animated .oi-rotor,.original-icon.is-animated .oi-rays{transform-box:view-box;transform-origin:20px 20px;animation:oi-turn calc(var(--icon-duration) * 2) linear infinite}
.original-icon.is-animated .oi-bell{transform-box:view-box;transform-origin:20px 7px;animation:oi-ring var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-clapper{animation:oi-clap var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated .oi-folder-front{transform-origin:center bottom;animation:oi-open var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-lid{transform-origin:left center;animation:oi-lid var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-lens{animation:oi-lens var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-clock-hand{transform-box:view-box;transform-origin:20px 21px;animation:oi-tick calc(var(--icon-duration) * 2) ease-in-out infinite}.original-icon.is-animated .oi-flap{transform-origin:center top;animation:oi-flap var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated .oi-plane{animation:oi-flight var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-trail{animation:oi-signal var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-pencil{animation:oi-write var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated .oi-waves>*{animation:oi-wave var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-waves>:nth-child(2){animation-delay:calc(var(--icon-duration) * -.15)}.original-icon.is-animated .oi-waves>:nth-child(3){animation-delay:calc(var(--icon-duration) * -.3)}
.original-icon.is-animated .oi-ear-left{animation:oi-ear-left var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-ear-right{animation:oi-ear-right var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-mic{animation:oi-mic var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-pin{animation:oi-bounce var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-date{animation:oi-date var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-shackle{transform-origin:80% bottom;animation:oi-unlock var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-screen{animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated .oi-dots>*{transform-box:fill-box;transform-origin:center;animation:oi-dot var(--icon-duration) ease-in-out infinite}.original-icon.is-animated .oi-dots>:nth-child(2){animation-delay:calc(var(--icon-duration) * -.15)}.original-icon.is-animated .oi-dots>:nth-child(3){animation-delay:calc(var(--icon-duration) * -.3)}
.icon-card:not(.icon-in-view) .is-animated *,.icons-paused .icon-card .is-animated *,.icon-dialog-open .icon-card .is-animated *,.detail-paused .is-animated *{animation-play-state:paused!important}
@keyframes oi-reveal{0%,100%{transform:translateY(0);opacity:1}12%{transform:translateY(3.3px) scale(.86);opacity:.65}35%,85%{transform:translateY(0) scale(1);opacity:1}}@keyframes oi-breathe{0%,100%{transform:scale(1)}45%{transform:scale(1.14)}}@keyframes oi-scan{0%,65%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-3.3px,1.65px) rotate(-9deg)}40%{transform:translate(3.3px,-1.65px) rotate(6deg)}}
@keyframes oi-right{0%,65%,100%{transform:translateX(0)}30%{transform:translateX(4.95px)}}@keyframes oi-left{0%,65%,100%{transform:translateX(0)}30%{transform:translateX(-4.95px)}}@keyframes oi-up{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-4.95px)}}@keyframes oi-down{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(4.95px)}}@keyframes oi-quarter{0%,15%,100%{transform:rotate(0)}45%,65%{transform:rotate(90deg)}}@keyframes oi-turn{to{transform:rotate(360deg)}}@keyframes oi-ring{0%,45%,100%{transform:rotate(0)}10%,25%{transform:rotate(18deg)}17%,33%{transform:rotate(-15deg)}}@keyframes oi-clap{0%,45%,100%{transform:translateX(0)}12%{transform:translateX(-3.3px)}25%{transform:translateX(3.3px)}}
@keyframes oi-beat{0%,40%,100%{transform:scale(1)}12%,28%{transform:scale(1.2)}20%{transform:scale(1.02)}}@keyframes oi-twinkle{0%,100%{transform:rotate(0) scale(1)}30%{transform:rotate(-12deg) scale(1.16)}55%{transform:rotate(7.5deg) scale(1)}}@keyframes oi-float{50%{transform:translateY(-4.95px) rotate(4.5deg)}}@keyframes oi-write{0%,65%,100%{transform:translate(0,0)}15%{transform:translate(3.3px,-3.3px)}30%{transform:translate(-1.65px,1.65px)}45%{transform:translate(4.95px,0)}}@keyframes oi-wiggle{0%,50%,100%{transform:rotate(0)}18%{transform:rotate(-10.5deg)}32%{transform:rotate(10.5deg)}}@keyframes oi-bounce{0%,60%,100%{transform:translateY(0)}25%{transform:translateY(-6.6px)}40%{transform:translateY(1.65px)}50%{transform:translateY(-1.65px)}}@keyframes oi-flight{0%,15%,100%{transform:translate(0,0)}45%{transform:translate(3.3px,-3.3px) rotate(-6deg)}70%{transform:translate(-1.65px,1.65px)}}@keyframes oi-signal{0%,70%,100%{opacity:.4;transform:scale(.8)}30%{opacity:1;transform:scale(1.15)}}
@keyframes oi-open{0%,20%,100%{transform:skewX(0) scaleY(1)}45%,65%{transform:skewX(-7deg) scaleY(.78)}}@keyframes oi-lid{0%,15%,80%,100%{transform:translateY(0) rotate(0)}40%,60%{transform:translateY(-4.95px) rotate(-15deg)}}@keyframes oi-lens{0%,25%,70%,100%{transform:scale(1)}45%{transform:scale(.75)}}@keyframes oi-tick{0%,15%{transform:rotate(0)}30%,45%{transform:rotate(45deg)}60%,75%{transform:rotate(60deg)}90%,100%{transform:rotate(90deg)}}@keyframes oi-flap{0%,20%,85%,100%{transform:scaleY(1)}45%,65%{transform:scaleY(.55)}}@keyframes oi-wave{0%,100%{opacity:.35}45%,65%{opacity:1}}@keyframes oi-ear-left{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-2.475px)}}@keyframes oi-ear-right{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(2.475px)}}@keyframes oi-mic{0%,100%{transform:scaleY(1)}30%{transform:scaleY(.8)}50%{transform:scaleY(1.12)}}@keyframes oi-date{0%,20%,100%{transform:scale(1)}40%{transform:scale(.85)}60%{transform:scale(1.16)}}@keyframes oi-unlock{0%,20%,85%,100%{transform:translateY(0) rotate(0)}45%,65%{transform:translateY(-3.3px) rotate(-18deg)}}@keyframes oi-dot{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-4.95px)}}
@media(prefers-reduced-motion:reduce){.original-icon.is-animated svg,.original-icon.is-animated svg *{animation:none!important}}@media(max-width:1100px){.icon-intro-art{grid-template-columns:repeat(3,48px)}.icon-intro-art>span{width:48px;height:48px}}
.motion-open svg,.motion-lid svg,.motion-focus svg,.motion-ticking svg,.motion-flap svg,.motion-unlock svg,.motion-date svg,.motion-stereo svg,.motion-voice svg,.motion-signal svg,.motion-typing svg{animation:none}

/* Original expansion: semantic local motion; still respects pause and reduced motion. */
.original-icon.is-animated.motion-wallet svg{animation:none}
.original-icon.is-animated.motion-wallet svg .oi-wallet-flap{transform-box:fill-box;transform-origin:center;animation:M-wallet var(--icon-duration) ease-in-out infinite}
@keyframes M-wallet{0%,20%,100%{transform:translateX(0)}45%,65%{transform:translateX(3.3px)}}
.original-icon.is-animated.motion-chip svg{animation:none}
.original-icon.is-animated.motion-chip svg .oi-chip{transform-box:fill-box;transform-origin:center;animation:M-chip var(--icon-duration) ease-in-out infinite}
@keyframes M-chip{0%,100%{opacity:.5;transform:scale(.95)}45%{opacity:1;transform:scale(1.14)}}
.original-icon.is-animated.motion-stamp svg{animation:none}
.original-icon.is-animated.motion-stamp svg .oi-stamp{transform-box:fill-box;transform-origin:center;animation:M-stamp var(--icon-duration) ease-in-out infinite}
@keyframes M-stamp{0%,15%,100%{transform:scale(.8);opacity:.4}40%,80%{transform:scale(1);opacity:1}}
.original-icon.is-animated.motion-gift svg{animation:none}
.original-icon.is-animated.motion-gift svg .oi-gift-lid{transform-box:fill-box;transform-origin:center;animation:M-gift var(--icon-duration) ease-in-out infinite}
@keyframes M-gift{0%,20%,100%{transform:translateY(0)}45%,65%{transform:translateY(-4.95px) rotate(-6deg)}}
.original-icon.is-animated.motion-deal svg{animation:none}
.original-icon.is-animated.motion-deal svg .oi-deal{transform-box:fill-box;transform-origin:center;animation:oi-twinkle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-awning svg{animation:none}
.original-icon.is-animated.motion-awning svg .oi-awning{transform-box:fill-box;transform-origin:center;animation:M-awning var(--icon-duration) ease-in-out infinite}
@keyframes M-awning{0%,100%{transform:skewX(0)}40%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}}
.original-icon.is-animated.motion-handles svg{animation:none}
.original-icon.is-animated.motion-handles svg .oi-handles{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-parcel svg{animation:none}
.original-icon.is-animated.motion-parcel svg .oi-parcel-tag{transform-box:fill-box;transform-origin:center;animation:oi-breathe var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-wheels svg{animation:none}
.original-icon.is-animated.motion-wheels svg .oi-wheels{transform-box:fill-box;transform-origin:center;animation:M-wheels var(--icon-duration) ease-in-out infinite}
@keyframes M-wheels{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-1.65px)}}
.original-icon.is-animated.motion-coins svg{animation:none}
.original-icon.is-animated.motion-coins svg .oi-coin{transform-box:fill-box;transform-origin:center;animation:oi-bounce var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-bars svg{animation:none}
.original-icon.is-animated.motion-bars svg .oi-bars{transform-box:fill-box;transform-origin:center;animation:M-bars var(--icon-duration) ease-in-out infinite}
@keyframes M-bars{0%,100%{transform:scaleY(.72)}45%,70%{transform:scaleY(1)}}
.original-icon.is-animated.motion-chart svg{animation:none}
.original-icon.is-animated.motion-chart svg .oi-chart-line{transform-box:fill-box;transform-origin:center;animation:M-chart var(--icon-duration) ease-in-out infinite}
@keyframes M-chart{0%,15%,100%{opacity:.5;transform:translateY(1.65px)}45%,75%{opacity:1;transform:translateY(0)}}
.original-icon.is-animated.motion-slice svg{animation:none}
.original-icon.is-animated.motion-slice svg .oi-pie-slice{transform-box:fill-box;transform-origin:center;animation:M-slice var(--icon-duration) ease-in-out infinite}
@keyframes M-slice{0%,100%{transform:translate(0,0)}45%,65%{transform:translate(1.65px,-1.65px)}}
.original-icon.is-animated.motion-filter svg{animation:none}
.original-icon.is-animated.motion-filter svg .oi-filter-dot{transform-box:fill-box;transform-origin:center;animation:M-filter var(--icon-duration) ease-in-out infinite}
@keyframes M-filter{0%{transform:translateY(-4.95px);opacity:0}30%{opacity:1}75%,100%{transform:translateY(11.55px);opacity:0}}
.original-icon.is-animated.motion-data svg{animation:none}
.original-icon.is-animated.motion-data svg .oi-data-dot{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-status svg{animation:none}
.original-icon.is-animated.motion-status svg .oi-status-lights{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-dart svg{animation:none}
.original-icon.is-animated.motion-dart svg .oi-dart{transform-box:fill-box;transform-origin:center;animation:M-dart var(--icon-duration) ease-in-out infinite}
@keyframes M-dart{0%,100%{transform:translate(3.3px,-3.3px)}40%,75%{transform:translate(0,0)}}
.original-icon.is-animated.motion-needle svg{animation:none}
.original-icon.is-animated.motion-needle svg .oi-needle{transform-box:fill-box;transform-origin:center;animation:M-needle var(--icon-duration) ease-in-out infinite}
@keyframes M-needle{0%,100%{transform:rotate(-33deg)}45%,65%{transform:rotate(21deg)}}
.original-icon.is-animated.motion-trend svg{animation:none}
.original-icon.is-animated.motion-trend svg .oi-trend{transform-box:fill-box;transform-origin:center;animation:oi-up var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-bulb svg{animation:none}
.original-icon.is-animated.motion-bulb svg .oi-bulb{transform-box:fill-box;transform-origin:center;animation:M-bulb var(--icon-duration) ease-in-out infinite}
@keyframes M-bulb{0%,100%{opacity:.65}35%,70%{opacity:1}}
.original-icon.is-animated.motion-rocket svg{animation:none}
.original-icon.is-animated.motion-rocket svg .oi-flame{transform-box:fill-box;transform-origin:center;animation:M-flame var(--icon-duration) ease-in-out infinite}
@keyframes M-flame{0%,100%{transform:scale(.8);opacity:.6}35%{transform:scale(1.15);opacity:1}65%{transform:scale(.95)}}
.original-icon.is-animated.motion-magic svg{animation:none}
.original-icon.is-animated.motion-magic svg .oi-wand{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-paint svg{animation:none}
.original-icon.is-animated.motion-paint svg .oi-paint-dots{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-brush svg{animation:none}
.original-icon.is-animated.motion-brush svg .oi-brush{transform-box:fill-box;transform-origin:center;animation:oi-write var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-cut svg{animation:none}
.original-icon.is-animated.motion-cut svg .oi-scissor-left{transform-box:fill-box;transform-origin:center;animation:M-cut-left var(--icon-duration) ease-in-out infinite}
@keyframes M-cut-left{0%,100%{transform:rotate(0)}45%,60%{transform:rotate(13.5deg)}}
.original-icon.is-animated.motion-measure svg{animation:none}
.original-icon.is-animated.motion-measure svg .oi-ruler-marks{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-layers svg{animation:none}
.original-icon.is-animated.motion-layers svg .oi-layer-top{transform-box:fill-box;transform-origin:center;animation:M-layer var(--icon-duration) ease-in-out infinite}
@keyframes M-layer{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-4.95px)}}
.original-icon.is-animated.motion-ribbon svg{animation:none}
.original-icon.is-animated.motion-ribbon svg .oi-bookmark{transform-box:fill-box;transform-origin:center;animation:oi-down var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-bookmark svg{animation:none}
.original-icon.is-animated.motion-bookmark svg .oi-ribbon{transform-box:fill-box;transform-origin:center;animation:oi-bounce var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-code svg{animation:none}
.original-icon.is-animated.motion-code svg .oi-code-left{transform-box:fill-box;transform-origin:center;animation:M-code-left var(--icon-duration) ease-in-out infinite}
@keyframes M-code-left{0%,100%{transform:translateX(0)}45%{transform:translateX(-1.65px)}}
.original-icon.is-animated.motion-caret svg{animation:none}
.original-icon.is-animated.motion-caret svg .oi-caret{transform-box:fill-box;transform-origin:center;animation:M-caret var(--icon-duration) ease-in-out infinite}
@keyframes M-caret{0%,40%{opacity:1}50%,90%{opacity:.15}100%{opacity:1}}
.original-icon.is-animated.motion-bug svg{animation:none}
.original-icon.is-animated.motion-bug svg .oi-bug-legs{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-fit svg{animation:none}
.original-icon.is-animated.motion-fit svg{transform-box:fill-box;transform-origin:center;animation:M-fit var(--icon-duration) ease-in-out infinite}
@keyframes M-fit{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg)}60%{transform:rotate(4.5deg)}}
.original-icon.is-animated.motion-plug svg{animation:none}
.original-icon.is-animated.motion-plug svg .oi-plug{transform-box:fill-box;transform-origin:center;animation:oi-down var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-link svg{animation:none}
.original-icon.is-animated.motion-link svg .oi-link-right{transform-box:fill-box;transform-origin:center;animation:M-link var(--icon-duration) ease-in-out infinite}
@keyframes M-link{0%,100%{transform:translate(1.65px,-1.65px)}45%,70%{transform:translate(0,0)}}
.original-icon.is-animated.motion-branch svg{animation:none}
.original-icon.is-animated.motion-branch svg .oi-branch-tip{transform-box:fill-box;transform-origin:center;animation:oi-beat var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-flow svg{animation:none}
.original-icon.is-animated.motion-flow svg .oi-flow-nodes{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-cloud-rise svg{animation:none}
.original-icon.is-animated.motion-cloud-rise svg .oi-moving{transform-box:fill-box;transform-origin:center;animation:oi-up var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-compass svg{animation:none}
.original-icon.is-animated.motion-compass svg .oi-compass-needle{transform-box:fill-box;transform-origin:center;animation:M-compass var(--icon-duration) ease-in-out infinite}
@keyframes M-compass{0%,100%{transform:rotate(-15deg)}40%{transform:rotate(18deg)}70%{transform:rotate(-4.5deg)}}
.original-icon.is-animated.motion-route svg{animation:none}
.original-icon.is-animated.motion-route svg .oi-map-route{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-airplane svg{animation:none}
.original-icon.is-animated.motion-airplane svg .oi-airplane{transform-box:fill-box;transform-origin:center;animation:oi-up var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-rails svg{animation:none}
.original-icon.is-animated.motion-rails svg .oi-rails{transform-box:fill-box;transform-origin:center;animation:M-rails var(--icon-duration) ease-in-out infinite}
@keyframes M-rails{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(1.65px);opacity:1}}
.original-icon.is-animated.motion-boat svg{animation:none}
.original-icon.is-animated.motion-boat svg .oi-boat{transform-box:fill-box;transform-origin:center;animation:M-boat var(--icon-duration) ease-in-out infinite}
@keyframes M-boat{0%,100%{transform:rotate(-4.5deg)}50%{transform:rotate(4.5deg)}}
.original-icon.is-animated.motion-luggage svg{animation:none}
.original-icon.is-animated.motion-luggage svg .oi-luggage-tag{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-windows svg{animation:none}
.original-icon.is-animated.motion-windows svg .oi-windows{transform-box:fill-box;transform-origin:center;animation:oi-wave var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-door svg{animation:none}
.original-icon.is-animated.motion-door svg .oi-door{transform-box:fill-box;transform-origin:center;animation:M-door var(--icon-duration) ease-in-out infinite}
@keyframes M-door{0%,20%,100%{transform:scaleX(1)}45%,65%{transform:scaleX(.8)}}
.original-icon.is-animated.motion-leaf svg{animation:none}
.original-icon.is-animated.motion-leaf svg .oi-leaf{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-flower svg{animation:none}
.original-icon.is-animated.motion-flower svg .oi-flower{transform-box:fill-box;transform-origin:center;animation:M-flower var(--icon-duration) ease-in-out infinite}
@keyframes M-flower{0%,100%{transform:rotate(-6deg) scale(.97)}50%{transform:rotate(6deg) scale(1.02)}}
.original-icon.is-animated.motion-tree svg{animation:none}
.original-icon.is-animated.motion-tree svg .oi-tree-crown{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-grow svg{animation:none}
.original-icon.is-animated.motion-grow svg .oi-sprout-right{transform-box:fill-box;transform-origin:center;animation:M-grow var(--icon-duration) ease-in-out infinite}
@keyframes M-grow{0%,100%{transform:scale(.85)}45%,70%{transform:scale(1)}}
.original-icon.is-animated.motion-umbrella svg{animation:none}
.original-icon.is-animated.motion-umbrella svg .oi-umbrella{transform-box:fill-box;transform-origin:center;animation:oi-wiggle var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated.motion-rain svg{animation:none}
.original-icon.is-animated.motion-rain svg .oi-raindrops{transform-box:fill-box;transform-origin:center;animation:M-rain var(--icon-duration) ease-in-out infinite}
@keyframes M-rain{0%{transform:translateY(-3.3px);opacity:.2}30%{opacity:1}100%{transform:translateY(3.3px);opacity:.2}}
.original-icon.is-animated.motion-snow svg{animation:none}
.original-icon.is-animated.motion-snow svg .oi-snowflake{transform-box:fill-box;transform-origin:center;animation:M-snow var(--icon-duration) ease-in-out infinite}
@keyframes M-snow{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.original-icon.is-animated.motion-fire svg{animation:none}
.original-icon.is-animated.motion-fire svg .oi-fire{transform-box:fill-box;transform-origin:center;animation:M-fire var(--icon-duration) ease-in-out infinite}
@keyframes M-fire{0%,100%{transform:scaleY(.95) skewX(-2deg)}35%{transform:scaleY(1.12) skewX(2deg)}65%{transform:scaleY(.98)}}
.original-icon.is-animated.motion-steam svg{animation:none}
.original-icon.is-animated.motion-steam svg .oi-steam{transform-box:fill-box;transform-origin:center;animation:M-steam var(--icon-duration) ease-in-out infinite}
@keyframes M-steam{0%{transform:translateY(1.65px);opacity:.2}35%{opacity:1}100%{transform:translateY(-3.3px);opacity:.2}}
.original-icon.is-animated.motion-orbit svg{animation:none}
.original-icon.is-animated.motion-orbit svg .oi-orbit{transform-box:fill-box;transform-origin:center;animation:M-orbit var(--icon-duration) ease-in-out infinite}
@keyframes M-orbit{0%,100%{transform:rotate(-7.5deg)}50%{transform:rotate(7.5deg)}}
.motion-bars .oi-bars,.motion-fire .oi-fire,.motion-grow .oi-sprout-right{transform-origin:center bottom!important}
.motion-door .oi-door{transform-origin:left center!important}
.motion-needle .oi-needle{transform-box:view-box!important;transform-origin:21px 26px!important}
.original-icon.is-animated .oi-scissor-right{transform-box:view-box;transform-origin:20px 19px;animation:M-cut-right var(--icon-duration) ease-in-out infinite}@keyframes M-cut-right{0%,100%{transform:rotate(0)}45%,60%{transform:rotate(-13.5deg)}}
.motion-cut .oi-scissor-left{transform-box:view-box!important;transform-origin:20px 19px!important}
.original-icon.is-animated .oi-code-right{animation:oi-right var(--icon-duration) ease-in-out infinite}
.original-icon.is-animated .oi-water{animation:oi-wave var(--icon-duration) ease-in-out infinite}
.icon-card{position:relative}.icon-new{position:absolute;right:12px;top:12px;font:8px/1.4 monospace;letter-spacing:1px;color:var(--icon-companion,#f1b795);border:1px solid #f1b79530;border-radius:4px;padding:2px 5px}
@media(prefers-reduced-motion:reduce){.original-icon.is-animated svg,.original-icon.is-animated svg *{animation:none!important}}

/* Preserve authored SVG transforms; animated child groups keep their own pivots. */
.original-icon svg g[transform]{transform-box:view-box;transform-origin:0 0}

/* Visible anticipation on the icon as a whole; semantic parts retain their own motion. */
.original-icon.is-animated{animation:oi-emphasis var(--icon-duration,2.4s) cubic-bezier(.3,.05,.2,1) infinite;transform-origin:center}
@keyframes oi-emphasis{0%,12%,78%,100%{scale:1}34%,48%{scale:1.08}60%{scale:1.025}}
.icon-card:not(.icon-in-view) .is-animated,.icons-paused .icon-card .is-animated,.icon-dialog-open .icon-card .is-animated,.detail-paused .is-animated{animation-play-state:paused!important}
.icon-keyword-section{padding:16px 0;border-top:1px solid #ffffff18;font-size:11px;color:#a4afa5}.icon-keyword-section>span{display:block;margin-bottom:10px}.icon-keyword-section>div{display:flex;flex-wrap:wrap;gap:6px}.icon-keyword-section>div>span{padding:5px 9px;border:1px solid #ffffff1c;border-radius:20px;background:#ffffff04;color:#c6d7be;line-height:1.4}
@media(prefers-reduced-motion:reduce){.original-icon.is-animated{animation:none!important;scale:1}}

.icon-pagination{padding:28px 0 6px}.icon-pagination[hidden]{display:none}.icon-pagination button:disabled{opacity:.35;cursor:default}#icon-results{scroll-margin-top:20px}.oi-state-badge{fill:#182321;stroke:var(--icon-companion);stroke-width:1.4}.oi-format-letter path{stroke-width:1.1;fill:none}.oi-state-subject .oi-accent{fill-opacity:.65}.icon-category-bar{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#53644a transparent;padding-right:4px}.icon-card-name{overflow-wrap:anywhere}.icon-card>small{overflow-wrap:anywhere}
@media(max-width:650px){.icon-category-bar{max-height:164px}.icon-pagination{padding-top:22px}}

.icon-category-bar button{display:inline-flex;align-items:center;gap:7px}.icon-category-bar button small{font-size:10px;line-height:1;opacity:.65;font-variant-numeric:tabular-nums;min-width:1ch}