@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--pnkx-color-white: #ffffff;--pnkx-color-black: #000000;--pnkx-color-black-alpha-04: rgba(0, 0, 0, .04);--pnkx-color-black-alpha-10: rgba(0, 0, 0, .1);--pnkx-color-black-alpha-15: rgba(0, 0, 0, .15);--pnkx-color-black-alpha-50: rgba(0, 0, 0, .5);--pnkx-color-gray-50: #f7f7f8;--pnkx-color-gray-100: #eceff3;--pnkx-color-gray-200: #eeeef0;--pnkx-color-gray-150: #eeeff2;--pnkx-color-gray-300: #e2e4e8;--pnkx-color-gray-400: #b2b7c2;--pnkx-color-gray-500: #8c93a3;--pnkx-color-gray-450: #8b8787;--pnkx-color-gray-600: #5c657d;--pnkx-color-gray-550: #808080;--pnkx-color-gray-420: #c6c8cb;--pnkx-color-gray-250: #dadadd;--pnkx-color-gray-280: #e0e0e0;--pnkx-color-gray-650: #4b5563;--pnkx-color-gray-700: #4d4d57;--pnkx-color-gray-750: #374151;--pnkx-color-gray-780: #35373a;--pnkx-color-gray-800: #334155;--pnkx-color-gray-900-alt: #1f1f1f;--pnkx-color-gray-900: #0f1d40;--pnkx-color-gray-950: #131313;--pnkx-color-gray-900-warm: #343330;--pnkx-color-ink: #000624;--pnkx-color-ink-alpha-12: rgba(0, 6, 36, .12);--pnkx-color-text-heading: #111827;--pnkx-color-text-strong: #1e293b;--pnkx-color-text-placeholder: #9ca3af;--pnkx-color-text-body: #242323;--pnkx-color-blue-50: #e7f0ff;--pnkx-color-blue-100: #bde3ff;--pnkx-color-blue-200: #a8caff;--pnkx-color-blue-300: #80caff;--pnkx-color-blue-350: #69b1ff;--pnkx-color-blue-400: #6da5fe;--pnkx-color-blue-450: #4b90fe;--pnkx-color-blue-500: #007be5;--pnkx-color-blue-550: #0d99ff;--pnkx-color-blue-600: #116dff;--pnkx-color-blue-700: #0f62e6;--pnkx-color-blue-750: #1b4acb;--pnkx-color-blue-800: #598cf4;--pnkx-color-blue-850: #2561ed;--pnkx-color-blue-900: #1677ff;--pnkx-color-blue-950: #1890ff;--pnkx-color-blue-soft: #d6e6fe;--pnkx-color-blue-subtle: #e5f4ff;--pnkx-color-blue-75: #e6f4ff;--pnkx-color-blue-surface: #e6f7ff;--pnkx-color-blue-surface-alt: #edf8fc;--pnkx-color-blue-150: #c2e2ff;--pnkx-color-blue-160: #c4def9;--pnkx-color-legacy-blue-007bff: #007bff;--pnkx-color-legacy-blue-4096ff: #4096ff;--pnkx-color-legacy-blue-213970: #213970;--pnkx-color-legacy-blue-0544a4: #0544a4;--pnkx-color-legacy-blue-bbd8f9: #bbd8f9;--pnkx-color-legacy-blue-136aea: #136aea;--pnkx-color-legacy-blue-7db0f9: #7db0f9;--pnkx-color-legacy-blue-c7e0ff: #c7e0ff;--pnkx-color-legacy-blue-c9deff: #c9deff;--pnkx-color-legacy-blue-f2f9ff: #f2f9ff;--pnkx-color-legacy-red-ffcdc9: #ffcdc9;--pnkx-color-sky-200: #b7e2f4;--pnkx-color-sky-400: #41ccfe;--pnkx-color-sky-500: #2db8e8;--pnkx-color-focus-ring: #3b82f6;--pnkx-color-green-50: var(--pnkx-color-success-soft);--pnkx-color-green-500: #27cd7f;--pnkx-color-green-600: #13a05e;--pnkx-color-green-700: #0e874e;--pnkx-color-green-800: #52c41a;--pnkx-color-green-mint: #50e9a2;--pnkx-color-red-50: var(--pnkx-color-danger-bg);--pnkx-color-red-200: var(--pnkx-color-danger-soft);--pnkx-color-red-500: #dd4338;--pnkx-color-red-600: #ff4d4f;--pnkx-color-red-700: #f5222d;--pnkx-color-red-strong: #d32f2f;--pnkx-color-yellow-500: #ffb700;--pnkx-color-yellow-600: #faad14;--pnkx-color-yellow-700: #ffa940;--pnkx-color-orange-500: #da9438;--pnkx-color-orange-600: #f88b2c;--pnkx-color-orange-700: #fa8c16;--pnkx-color-coral-500: #f97066;--pnkx-color-purple-500: #722ed1;--pnkx-color-purple-600: #6a699b;--pnkx-color-pink-500: #eb2f96;--pnkx-color-cyan-500: #75d7f0;--pnkx-color-teal-500: #08979c;--pnkx-color-teal-400: #13c2c2;--pnkx-color-slate-500: #525c76;--pnkx-color-slate-700: #333853;--pnkx-color-navy-900: #001523;--pnkx-color-navy-700: #385065;--pnkx-color-icon-default: #1c2a4f;--pnkx-color-icon-stroke: #292d32;--pnkx-color-icon-muted: #8c93a3;--pnkx-color-brand-blue: #1b85c7;--pnkx-color-brand-blue-dark: #223b71;--pnkx-color-brand-blue-mid: #2284c4;--pnkx-color-brand-blue-deep: #192c55;--pnkx-color-brand-navy: #233871;--pnkx-color-brand-orange: #f36c25;--pnkx-color-brand-green: #28bf9a;--pnkx-color-flag-red: #d80027;--pnkx-color-flag-yellow: #ffda44;--pnkx-color-success-bg-strong: #98f9cb;--pnkx-color-danger-bg-strong: #fecdca;--pnkx-color-danger-bg-strong-alt: #fee4e2;--pnkx-color-danger-strong-alt: #b42318;--pnkx-color-surface-muted-strong: #fafafa;--pnkx-color-gray-alpha-25: rgba(0, 0, 0, .25);--pnkx-color-gray-alpha-45: rgba(0, 0, 0, .45);--pnkx-color-black-alpha-88: rgba(0, 0, 0, .88);--pnkx-color-white-alpha-30: rgba(255, 255, 255, .3);--pnkx-color-white-alpha-35: rgba(255, 255, 255, .35);--pnkx-color-white-alpha-80: rgba(255, 255, 255, .8);--pnkx-color-white-alpha-87: rgba(255, 255, 255, .87);--pnkx-color-text-primary: var(--pnkx-color-gray-900);--pnkx-color-text-muted: var(--pnkx-color-gray-500);--pnkx-color-text-disabled: var(--pnkx-color-gray-400);--pnkx-color-text-inverse: var(--pnkx-color-white);--pnkx-color-text-strong: var(--pnkx-color-gray-800);--pnkx-color-text-link: var(--pnkx-color-blue-900);--pnkx-color-surface: var(--pnkx-color-white);--pnkx-color-surface-muted: var(--pnkx-color-gray-50);--pnkx-color-surface-subtle: var(--pnkx-color-gray-100);--pnkx-color-surface-contrast: var(--pnkx-color-gray-200);--pnkx-color-surface-disabled: #f6f6f6;--pnkx-color-surface-alt: #f9fafb;--pnkx-color-surface-soft: #f5f5f5;--pnkx-color-surface-soft-alt: #f5f6f7;--pnkx-color-surface-muted-alt: #f6f6f7;--pnkx-color-surface-pure: #ffffff;--pnkx-color-surface-strong: #fefefe;--pnkx-color-surface-inverse: var(--pnkx-color-text-heading);--pnkx-color-border: var(--pnkx-color-blue-100);--pnkx-color-border-muted: var(--pnkx-color-gray-300);--pnkx-color-border-strong: #a2a2a2;--pnkx-color-border-disabled: #d9d9d9;--pnkx-color-border-subtle: #f0f0f0;--pnkx-color-border-input: #d1d5db;--pnkx-color-border-input-dark: #d1d5dc;--pnkx-color-primary: var(--pnkx-color-blue-500);--pnkx-color-primary-hover: var(--pnkx-color-blue-600);--pnkx-color-primary-active: var(--pnkx-color-blue-700);--pnkx-color-primary-soft: var(--pnkx-color-blue-soft);--pnkx-color-success: var(--pnkx-color-green-500);--pnkx-color-danger: var(--pnkx-color-red-500);--pnkx-color-warning: var(--pnkx-color-yellow-500);--pnkx-color-accent: var(--pnkx-color-purple-500);--pnkx-color-info: var(--pnkx-color-blue-900);--pnkx-color-info-strong: var(--pnkx-color-blue-950);--pnkx-color-info-soft: var(--pnkx-color-blue-surface);--pnkx-color-danger-bg: #fff2f0;--pnkx-color-danger-border: #ff4d4f;--pnkx-color-danger-strong: #d32f2f;--pnkx-color-danger-soft: #fedad9;--pnkx-color-success-soft: #c5fde3;--pnkx-color-info-soft-alt: #e0f0ff;--pnkx-color-neutral-soft: #e2e4e8;--pnkx-color-table-header: #d6e6fe;--pnkx-color-row-hover: var(--pnkx-color-blue-50);--pnkx-color-scrollbar-thumb: var(--pnkx-color-blue-200);--pnkx-color-scrollbar-thumb-hover: var(--pnkx-color-blue-800);--pnkx-color-status-warning: var(--pnkx-color-yellow-500);--pnkx-color-status-success: var(--pnkx-color-green-500);--pnkx-color-status-success-strong: var(--pnkx-color-green-700);--pnkx-color-status-danger: var(--pnkx-color-red-500);--pnkx-color-status-danger-strong: var(--pnkx-color-red-600);--pnkx-color-status-info: var(--pnkx-color-blue-500);--pnkx-color-status-info-strong: var(--pnkx-color-blue-850);--pnkx-color-status-purple: var(--pnkx-color-purple-500);--pnkx-color-status-pink: var(--pnkx-color-pink-500);--pnkx-color-status-teal: var(--pnkx-color-teal-500);--pnkx-color-status-cyan: var(--pnkx-color-cyan-500);--pnkx-color-status-mint: var(--pnkx-color-green-mint);--pnkx-color-status-orange: var(--pnkx-color-orange-500);--pnkx-color-status-orange-strong: var(--pnkx-color-orange-700);--pnkx-color-status-coral: var(--pnkx-color-coral-500);--pnkx-color-status-gray: #a4a9b6;--pnkx-color-status-muted: var(--pnkx-color-purple-600)}[data-theme=dark]{color-scheme:dark;--pnkx-color-gray-50: #151a24;--pnkx-color-gray-100: #1c2330;--pnkx-color-gray-200: #242c3b;--pnkx-color-gray-300: #2b3442;--pnkx-color-gray-400: #5f6b7a;--pnkx-color-gray-500: #9aa3b2;--pnkx-color-gray-700: #c6ccd6;--pnkx-color-gray-900: #eef2f8;--pnkx-color-blue-50: #152538;--pnkx-color-blue-100: #1d3552;--pnkx-color-blue-200: #2a4b74;--pnkx-color-blue-300: #3b6ba6;--pnkx-color-blue-500: #4aa6ff;--pnkx-color-blue-600: #6bb8ff;--pnkx-color-blue-700: #2f8dff;--pnkx-color-blue-800: #1f6fd6;--pnkx-color-green-500: #3bd28a;--pnkx-color-red-500: #ff6b5e;--pnkx-color-yellow-500: #ffcf5a;--pnkx-color-purple-500: #a085ff;--pnkx-color-text-primary: var(--pnkx-color-gray-900);--pnkx-color-text-muted: var(--pnkx-color-gray-500);--pnkx-color-text-disabled: var(--pnkx-color-gray-400);--pnkx-color-text-inverse: var(--pnkx-color-black);--pnkx-color-surface: #0b0f17;--pnkx-color-surface-muted: var(--pnkx-color-gray-100);--pnkx-color-surface-subtle: var(--pnkx-color-gray-200);--pnkx-color-surface-contrast: var(--pnkx-color-gray-300);--pnkx-color-surface-disabled: #1a202b;--pnkx-color-border: var(--pnkx-color-gray-300);--pnkx-color-border-muted: var(--pnkx-color-gray-300);--pnkx-color-border-strong: var(--pnkx-color-gray-400);--pnkx-color-danger-bg: #2a1b1b;--pnkx-color-danger-border: #ff6b5e;--pnkx-color-danger-strong: #ff8b81;--pnkx-color-table-header: #1a2b45;--pnkx-color-row-hover: #1c2c44;--pnkx-color-scrollbar-thumb: #36527a;--pnkx-color-scrollbar-thumb-hover: #4a74aa}.pnkx-text-muted{color:var(--pnkx-color-text-muted)!important}.pnkx-text-primary{color:var(--pnkx-color-text-primary)!important}.pnkx-bg-surface{background-color:var(--pnkx-color-surface)}.pnkx-bg-surface-subtle{background-color:var(--pnkx-color-surface-subtle)}.pnkx-border-subtle{border-color:var(--pnkx-color-border)!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--pnkx-color-text-primary);background-color:var(--pnkx-color-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--pnkx-color-text-link);text-decoration:inherit}a:hover{color:var(--pnkx-color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--pnkx-color-surface-subtle);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--pnkx-color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:var(--pnkx-color-text-primary);background-color:var(--pnkx-color-surface)}a:hover{color:var(--pnkx-color-primary)}button{background-color:var(--pnkx-color-surface-alt)}}.customIcon:hover{color:var(--pnkx-color-danger);width:50px;height:50px}.customIcon{color:var(--pnkx-color-primary);width:50px;height:50px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fafafa;color:#0f172a;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;width:100%;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;max-width:100%;margin:0 auto}.brand-title{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;color:#0f172a}.search-container{position:relative;width:100%}.search-container.desktop-search{max-width:400px;display:none}@media(min-width:768px){.search-container.desktop-search{display:block}}.search-icon-wrapper{position:absolute;left:12px;top:58%;transform:translateY(-50%);color:#94a3b8;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;pointer-events:none}.search-container:focus-within .search-icon-wrapper{color:#475569}.search-input{width:100%;height:40px;padding:0 16px 0 38px;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;outline:none;font-family:inherit;font-size:.875rem;transition:all .2s ease;margin:0}.search-input:hover{border-color:#cbd5e1}.search-input:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a;background-color:#fff}.main-layout{flex:1;max-width:100%;width:100%;margin:0 auto;display:flex;align-items:stretch}.sidebar{position:sticky;top:64px;z-index:20;width:260px;flex-shrink:0;height:calc(100vh - 64px);overflow-y:auto;border-right:1px solid #e2e8f0;padding:24px 16px;display:none}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}@media(min-width:768px){.sidebar{display:block}}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;color:#64748b;transition:all .2s ease}.nav-link:hover,.nav-link.active{background-color:#f1f5f9;color:#0f172a}.nav-badge{font-size:.75rem;color:#94a3b8}.nav-link.active .nav-badge{color:#64748b;font-weight:600}.content-area{flex:1;min-width:0;padding:16px;display:flex;flex-direction:column}@media(min-width:768px){.content-area{padding:32px}}.search-container.mobile-search{margin-bottom:24px}@media(min-width:768px){.search-container.mobile-search{display:none}}.sections-container{display:flex;flex-direction:column;gap:48px;flex:1}.category-section{scroll-margin-top:96px}.category-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.category-title{margin:0;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.025em}.category-count{font-size:1rem;font-weight:500;color:#64748b}.icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.icon-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.icon-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media(min-width:1280px){.icon-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1536px){.icon-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:1920px){.icon-grid{grid-template-columns:repeat(10,1fr)}}.icon-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;height:120px;border-radius:12px;border:1px solid #e2e8f0;background-color:#fff;cursor:pointer;outline:none;transition:all .2s ease}.icon-card:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.icon-card:focus-visible{box-shadow:0 0 0 2px #0f172a33;border-color:#94a3b8}.icon-wrapper{color:#475569;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:color .2s ease}.icon-wrapper svg{width:100%;height:100%}.icon-card:hover .icon-wrapper{color:#0f172a}.icon-name{font-size:.6875rem;font-weight:500;color:#64748b;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.icon-card:hover .icon-name{color:#0f172a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;flex:1;min-height:400px}.empty-icon-wrapper{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.empty-title{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#0f172a}.empty-subtitle{margin:0;font-size:.875rem;color:#64748b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:16px;padding:32px;max-width:896px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:zoomIn .2s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:16px;right:16px;color:#94a3b8;background:transparent;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#475569;background-color:#f1f5f9}.modal-header{margin-bottom:32px}.modal-title{margin:0;font-size:1.875rem;font-weight:700;color:#0f172a;letter-spacing:-.025em}.modal-body{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.modal-body{grid-template-columns:2fr 3fr}}.modal-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;padding:48px}.preview-icon-wrapper{color:#0f172a;width:128px;height:128px;display:flex;align-items:center;justify-content:center}.preview-icon-wrapper svg{width:100%;height:100%}.modal-details{display:flex;flex-direction:column;gap:24px}.details-title{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.05em}.code-snippet{position:relative}.code-glass-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#1e293b,#0f172a);border-radius:8px;filter:blur(8px);opacity:.2;transition:opacity .3s ease}.group:hover .code-glass-blur{opacity:.4}.code-content{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:#0f172a;border-radius:8px;padding:16px;border:1px solid #1e293b}.code-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;margin:0}.code-text.text-green{color:#4ade80}.code-text.text-blue{color:#60a5fa}.copy-btn{margin-left:16px;padding:6px 12px;font-size:.75rem;font-weight:500;background-color:#ffffff1a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.copy-btn:hover{background-color:#fff3}