:root{--bg: #0a1020;--bg-soft: #111a31;--surface: rgba(255, 255, 255, .085);--surface-strong: rgba(255, 255, 255, .13);--text: #f4f7fb;--muted: #a9b6ca;--muted-strong: #c9d4e5;--line: rgba(255, 255, 255, .14);--accent: #7c5cff;--accent-2: #20d8a6;--danger: #ff607d;--shadow: 0 22px 70px rgba(0, 0, 0, .34);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--container: 1180px;--header-height: 72px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--preview-scale: 1;--preview-frame: 32px;--preview-column: 32px;--grid-min: 180px}@media(prefers-color-scheme:light){html[data-theme=auto]{--bg: #f3f6fb;--bg-soft: #ffffff;--surface: rgba(8, 18, 38, .06);--surface-strong: rgba(8, 18, 38, .1);--text: #111827;--muted: #64748b;--muted-strong: #334155;--line: rgba(15, 23, 42, .13);--shadow: 0 24px 70px rgba(31, 41, 55, .16)}}html[data-theme=light]{color-scheme:light;--bg: #f3f6fb;--bg-soft: #ffffff;--surface: rgba(8, 18, 38, .06);--surface-strong: rgba(8, 18, 38, .1);--text: #111827;--muted: #64748b;--muted-strong: #334155;--line: rgba(15, 23, 42, .13);--shadow: 0 24px 70px rgba(31, 41, 55, .16)}html[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;overflow-x:clip;scroll-behavior:smooth}@supports not (overflow: clip){html,body{overflow-x:hidden}}body{min-width:320px;min-height:100vh;overflow-x:clip;margin:0;color:var(--text);background:radial-gradient(68rem 42rem at 6% -10%,rgba(124,92,255,.2),transparent 66%),radial-gradient(72rem 46rem at 92% -14%,rgba(72,109,220,.15),transparent 70%),radial-gradient(58rem 42rem at 82% 30%,rgba(32,216,166,.08),transparent 72%),linear-gradient(135deg,var(--bg) 0%,color-mix(in srgb,var(--bg-soft) 76%,var(--bg)) 48%,var(--bg-soft) 100%);background-attachment:fixed;font-family:var(--font);font-size:16px;text-rendering:geometricPrecision}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.42;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}button,input{font:inherit}button{border:0}.icon{display:inline-block;flex:0 0 auto;width:16px;height:16px;vertical-align:middle}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,white);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.app-shell{min-height:100vh}.hero{position:relative;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 18px 28px}.hero__glow{position:absolute;inset:-20% -10% auto auto;width:min(60vw,680px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(124,92,255,.36),transparent 65%);filter:blur(16px)}.topbar,.hero__content,.content{width:min(100%,var(--container));margin-inline:auto}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-height)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand__mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:inset 0 1px #ffffff1a;backdrop-filter:blur(18px)}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:.01em}.brand small{margin-top:1px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.topbar__actions{display:flex;align-items:center;gap:10px}.icon-button,.ghost-button,.chip{color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff14;backdrop-filter:blur(18px)}.icon-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button{width:42px;padding:0}.icon-button--wide{min-width:72px;width:auto;padding-inline:12px;font-size:.78rem;font-weight:700}.ghost-button{padding:0 16px;white-space:nowrap}.ghost-button--compact{min-height:36px;padding-inline:12px;font-size:.88rem}.toolbar__row>.ghost-button{flex:0 0 auto;justify-self:end}.icon-button:hover,.ghost-button:hover,.chip:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface-strong);transform:translateY(-1px)}.hero__content{position:relative;z-index:1;display:block;padding-block:clamp(16px,4vw,42px) 24px}.search-panel{position:sticky;top:12px;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--bg-soft) 56%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.search-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:60px;padding:0 14px;border:1px solid var(--line);border-radius:calc(var(--radius-xl) - 8px);background:color-mix(in srgb,var(--surface) 84%,transparent)}.search-field__icon{color:var(--accent-2);font-size:1.35rem}.search-field input{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0}.search-field input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.search-field__clear{position:relative;display:inline-grid;flex:0 0 34px;width:34px;height:34px;padding:0;place-items:center;color:var(--muted-strong);font-size:0;line-height:0;background:var(--surface);border:0;border-radius:999px;cursor:pointer}.search-field__clear:before,.search-field__clear:after{position:absolute;top:50%;left:50%;width:13px;height:2px;background:currentColor;border-radius:999px;content:"";transform-origin:center}.search-field__clear:before{transform:translate(-50%,-50%) rotate(45deg)}.search-field__clear:after{transform:translate(-50%,-50%) rotate(-45deg)}.search-panel__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.87rem}.kbd-hint{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}kbd{min-width:22px;padding:2px 6px;color:var(--muted-strong);background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:.78rem;text-align:center}.content{padding:0 18px max(48px,env(safe-area-inset-bottom))}.toolbar{position:sticky;top:0;z-index:5;margin:0 0 16px;padding:10px 0;background:transparent;border-block:0}.toolbar:before{position:absolute;inset:0 -9999px;z-index:-1;content:"";background:linear-gradient(90deg,#0a1020f0,#0b1223eb 44%,#0a1222f0),linear-gradient(135deg,#7c5cff0e,#20d8a60b);backdrop-filter:blur(18px)}html[data-theme=light] .toolbar:before,html[data-theme=auto] .toolbar:before{background:linear-gradient(90deg,#f3f6fbeb,#fffffff0 44%,#f1f6fceb),linear-gradient(135deg,#7c5cff0e,#20d8a60b)}@media(prefers-color-scheme:dark){html[data-theme=auto] .toolbar:before{background:linear-gradient(90deg,#0a1020f0,#0b1223eb 44%,#0a1222f0),linear-gradient(135deg,#7c5cff0e,#20d8a60b)}}.toolbar__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(100%,var(--container));margin-inline:auto}.chip-list{display:flex;gap:8px;min-width:0;max-width:100%;padding:6px 2px;margin:-6px -2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x}.chip-list:active{cursor:grabbing}.chip-list::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;color:var(--muted-strong);cursor:pointer;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}.chip[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 72%,var(--accent)));border-color:transparent}.chip--muted{color:var(--muted)}.state-card,.empty-state{display:flex;align-items:center;gap:14px;min-height:118px;margin-block:20px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);backdrop-filter:blur(18px)}.state-card p,.empty-state p{margin:5px 0 0;color:var(--muted)}.state-card--error{border-color:color-mix(in srgb,var(--danger) 46%,var(--line))}.empty-state{flex-direction:column;justify-content:center;text-align:center}.loader{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent-2);border-radius:999px;animation:spin .78s linear infinite}.recent-panel{display:grid;gap:10px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(12px)}.recent-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recent-panel h2{margin:0;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}.recent-panel small{color:var(--muted)}.recent-list{display:flex;flex-wrap:wrap;gap:8px}.recent-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:32px;padding:0 10px;color:var(--muted-strong);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer}.recent-chip span{overflow:hidden;max-width:210px;text-overflow:ellipsis;white-space:nowrap}.recent-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface-strong)}html[data-density=comfortable]{--preview-frame: 44px;--preview-column: 44px;--grid-min: 230px}html[data-preview-scale="1"]{--preview-scale: 1}html[data-preview-scale="2"]{--preview-scale: 2;--preview-frame: 44px;--preview-column: 44px;--grid-min: 190px}html[data-preview-scale="3"]{--preview-scale: 3;--preview-frame: 58px;--preview-column: 58px;--grid-min: 210px}html[data-preview-scale="4"]{--preview-scale: 4;--preview-frame: 72px;--preview-column: 72px;--grid-min: 230px}html[data-density=comfortable][data-preview-scale="1"]{--preview-frame: 44px;--preview-column: 44px;--grid-min: 230px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min)),1fr));gap:8px}.icon-card{display:grid;grid-template-columns:var(--preview-column) minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:calc(var(--preview-frame) + 16px);padding:8px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff14;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;contain:layout paint;content-visibility:auto;contain-intrinsic-size:52px 180px}.icon-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface-strong);box-shadow:0 18px 50px #00000029;transform:translateY(-2px)}.icon-card.is-copied,.recent-chip.is-copied{color:var(--text);border-color:color-mix(in srgb,var(--accent-2) 76%,var(--line));background:color-mix(in srgb,var(--accent-2) 18%,var(--surface-strong));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 18%,transparent);animation:copied-pulse .72s ease both}.icon-card__preview{display:grid;width:var(--preview-frame);height:var(--preview-frame);place-items:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#ffffff21,#ffffff08),var(--surface)}.icon-card__preview .icon{width:16px;height:16px;image-rendering:pixelated;transform:scale(var(--preview-scale));transform-origin:center}.icon-card__body{min-width:0}.icon-card__name{display:block;overflow:hidden;color:var(--text);font-size:.86rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}html[data-density=comfortable] .icon-grid{gap:12px}html[data-density=comfortable] .icon-card{gap:12px;padding:10px}html[data-density=comfortable] .icon-card__preview{border-radius:14px}html[data-density=comfortable] .icon-card__name{font-size:.95rem}.load-sentinel{height:44px}.toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;max-width:min(calc(100vw - 32px),420px);padding:13px 15px;color:var(--text);background:color-mix(in srgb,var(--bg-soft) 82%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(20px);animation:toast-in .18s ease both}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(1turn)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copied-pulse{0%{transform:translateY(0) scale(1)}46%{transform:translateY(-1px) scale(1.015)}to{transform:translateY(0) scale(1)}}@media(max-width:860px){.search-panel{position:relative;top:auto}.toolbar__row{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:560px){.hero,.content{padding-inline:12px}.topbar{align-items:flex-start}.brand small,.topbar__actions .ghost-button{display:none}.search-panel{padding:10px;border-radius:22px}.search-field{min-height:56px}.search-panel__meta{align-items:flex-start;flex-direction:column}.icon-grid{grid-template-columns:1fr}.toolbar{padding-inline:0}.toolbar__row{gap:8px}.toolbar .ghost-button{min-height:36px;padding-inline:10px;font-size:.8rem}}@media(max-width:760px){body{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 100%);background-attachment:scroll}body:before,.hero__glow{display:none}.search-panel,.toolbar:before,.brand__mark,.icon-button,.ghost-button,.chip,.recent-panel,.state-card,.empty-state,.toast{backdrop-filter:none}.icon-button:hover,.ghost-button:hover,.chip:hover,.icon-card:hover{box-shadow:none;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}body{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 100%);background-attachment:scroll}body:before,.hero__glow{display:none}.icon-card:hover{box-shadow:none;transform:none}}