:root{--bg: #231F20;--bg-elevated: #2C2829;--bg-hover: #353132;--primary: #32A94F;--primary-dim: rgba(50, 169, 79, .15);--secondary: #527FC0;--secondary-dim: rgba(82, 127, 192, .15);--text: #FAFDFA;--text-muted: #9CA3AF;--text-dim: #6B6B6B;--border: rgba(255, 255, 255, .08);--border-focus: rgba(50, 169, 79, .5);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--font-header: "Michroma", sans-serif;--font-body: "Inter", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1);--white: #ffffff;--secondary-dark: #466fb0;--secondary-glow: rgba(82, 127, 192, .3);--bg-header: rgba(35, 31, 32, .85);--overlay: rgba(0, 0, 0, .5);--shadow-color: rgba(0, 0, 0, .3);--shadow-color-lg: rgba(0, 0, 0, .4);--cursor-hilt: #527FC0;--cursor-blade: #FAFDFA;--spark-color: #32A94F;--glass-bg: rgba(0, 0, 0, .4);--glass-bg-solid: rgba(0, 0, 0, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--transition-base: .3s ease}.v-separator{height:20px;width:1px;background:var(--glass-border);margin:0 4px}body:not(.no-custom-cursor),body:not(.no-custom-cursor) a,body:not(.no-custom-cursor) button,body:not(.no-custom-cursor) .icon-card,body:not(.no-custom-cursor) .category-pill,body:not(.no-custom-cursor) .search-input,body:not(.no-custom-cursor) input,body:not(.no-custom-cursor) select,body:not(.no-custom-cursor) textarea,body:not(.no-custom-cursor) input[type=range],body:not(.no-custom-cursor) input[type=range]::-webkit-slider-thumb,body:not(.no-custom-cursor) input[type=color]{cursor:none!important}body.no-custom-cursor .cursor-wrapper{display:none!important}.cursor-wrapper{position:fixed;pointer-events:none;z-index:10000;display:flex;align-items:center;justify-content:center;top:0;left:0;will-change:transform,top,left;opacity:0}.cursor-wrapper.visible{opacity:1}.cursor-sword{filter:drop-shadow(0 2px 4px var(--shadow-color));transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform-origin:12px 12px;transform:rotate(-5deg)}.cursor-wrapper.hovering .cursor-sword{transform:scale(1.3) rotate(-15deg);filter:drop-shadow(0 4px 8px var(--shadow-color-lg))}.cursor-wrapper.clicking .cursor-sword{transform:translate(-4px,-4px) scale(1.3) rotate(-15deg);transition:transform .1s ease-out}.cursor-wrapper.falling{animation:wrapperFall 1.2s cubic-bezier(.5,0,1,1) forwards!important}.cursor-wrapper.falling .cursor-sword{animation:swordTumble 1.2s ease-in forwards!important;transition:none!important}@keyframes wrapperFall{0%{transform:translateY(0)}to{transform:translateY(120vh)}}@keyframes swordTumble{0%{transform:rotate(-5deg);opacity:1}10%{transform:rotate(30deg)}to{transform:rotate(715deg);opacity:0}}.sparks-container{position:absolute;top:4px;left:-4px;pointer-events:none}.spark{position:absolute;width:2px;height:2px;background:var(--spark-color);opacity:0;animation:pixelFly .4s steps(5) forwards}@keyframes pixelFly{0%{transform:translate(0) scale(var(--scale));opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@media(hover:none)and (pointer:coarse){.cursor-wrapper{display:none}body,a,button,.icon-card,.category-pill,.search-input,input{cursor:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.45;min-height:100vh;overflow-x:clip}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-header);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border)}body:not(.platform-office) .app-header{position:fixed;top:0;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:16px 0;pointer-events:none;display:flex;justify-content:center;z-index:1000}body:not(.platform-office) .header-panel{width:85%;max-width:1400px;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:12px 24px;display:flex;align-items:center;gap:16px;pointer-events:auto;transition:all var(--transition-base)}body:not(.platform-office) .header-search{margin:0;flex:0 1 630px;max-width:630px;display:flex;justify-content:center;width:100%}body:not(.platform-office) .search-wrapper{width:100%}body:not(.platform-office) .header-left,body:not(.platform-office) .header-right{flex:1}body:not(.platform-office) .header-right{display:flex;justify-content:flex-end}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-logo{height:32px;width:auto}.header-title{font-family:var(--font-header);font-size:.95rem;font-weight:400;letter-spacing:-.03em;line-height:1.15;color:var(--primary);white-space:nowrap}.header-search{flex:1;max-width:560px;margin:0 auto}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color var(--transition)}.search-input{width:100%;padding:10px 40px 10px 44px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-dim)}.search-input:focus~.search-icon,.search-input:focus+.search-icon{color:var(--primary)}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition)}.search-clear:hover{color:var(--text);background:var(--bg-hover)}.header-right{flex-shrink:0;min-width:80px;text-align:right}.result-count{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.category-wrapper{position:sticky;top:57px;z-index:90;display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--border)}.category-panel{display:flex;align-items:center;width:100%;overflow:hidden}body:not(.platform-office) .category-wrapper{position:fixed;top:84px;left:0;right:0;background:transparent;border:none;padding:0;pointer-events:none;display:flex;justify-content:center;z-index:999}body:not(.platform-office) .category-panel{width:85%;max-width:1400px;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);display:flex;align-items:center;pointer-events:auto;overflow:hidden}body:not(.platform-office) .category-bar{padding:8px 12px}.category-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:44px;background:var(--bg);border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition),background var(--transition);z-index:2}.category-arrow:hover{color:var(--primary);background:var(--bg-elevated)}body:not(.platform-office) .category-arrow:hover{color:var(--text-muted);background:transparent}.category-arrow-left{border-right:1px solid var(--border)}body:not(.platform-office) .category-arrow-left{border-right:1px solid var(--glass-border)}.category-arrow-right{border-left:1px solid var(--border)}body:not(.platform-office) .category-arrow-right{border-left:1px solid var(--glass-border)}.category-bar{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1}.category-bar::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;padding:6px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.category-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.category-pill.active{border-color:var(--primary);color:var(--bg);background:var(--primary);font-weight:600}.main-content{padding:24px;max-width:1400px;margin:0 auto}body:not(.platform-office) .main-content{padding-top:160px;width:85%}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.icon-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.icon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-dim),transparent);opacity:0;transition:opacity var(--transition)}.icon-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.icon-card:hover:before{opacity:1}.icon-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-dim)}.icon-card img{width:40px;height:40px;object-fit:contain;position:relative;z-index:1;filter:brightness(0) invert(1)}.icon-card .icon-svg{width:40px;height:40px;position:relative;z-index:1}.icon-card-name{font-size:.65rem;color:var(--text-muted);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:var(--text-dim)}.empty-state p{font-size:1.1rem;font-weight:500}.empty-hint{font-size:.85rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-overlay{position:fixed;inset:0;background:var(--overlay);z-index:2000;opacity:0;transition:opacity .3s ease}.detail-overlay.visible{opacity:1}.detail-panel{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;z-index:2100;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:-8px 0 32px var(--overlay);overflow-y:auto;padding:48px 24px 24px;display:flex;flex-direction:column;gap:20px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.detail-panel.visible{transform:translate(0)}.detail-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:color var(--transition),background var(--transition)}.detail-close:hover{color:var(--text);background:var(--bg-hover)}.detail-preview{display:flex;align-items:center;justify-content:center;min-height:180px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:32px}.detail-preview img{max-width:120px;max-height:120px;object-fit:contain;filter:brightness(0) invert(1)}.detail-preview svg{max-width:120px;max-height:120px}.detail-name{font-family:var(--font-header);font-size:1.1rem;font-weight:400;letter-spacing:-.03em;line-height:1.15}.detail-category{display:inline-block;padding:4px 12px;background:var(--secondary-dim);color:var(--secondary);border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;width:fit-content}.detail-editor{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.editor-control label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.color-picker-row{display:flex;align-items:center;gap:10px}input[type=color]{-webkit-appearance:none;width:36px;height:36px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:none;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.hex-input{width:90px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.85rem;outline:none}.hex-input:focus{border-color:var(--border-focus)}.slider-row{display:flex;align-items:center;gap:12px}input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 4px var(--shadow-color)}.slider-value{font-size:.85rem;color:var(--text);font-variant-numeric:tabular-nums;min-width:28px}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.7rem;color:var(--text-muted)}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-primary{font-family:var(--font-header);text-transform:uppercase;letter-spacing:-.03em;font-size:.75rem;font-weight:500;border-radius:2px;border:1px solid var(--primary);background:var(--primary);color:var(--white)}.btn-primary:hover{background:transparent;color:var(--primary);box-shadow:0 0 15px var(--primary-dim);transform:none}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-secondary:hover{background:var(--secondary-dark);box-shadow:0 4px 12px var(--secondary-glow)}body.platform-office{height:100vh;overflow:hidden}body.platform-office .app-header{position:fixed;top:0;left:0;right:0;width:100%;padding:8px 12px}body.platform-office .header-panel{display:flex;align-items:center;width:100%;gap:10px}body.platform-office .header-left{flex-shrink:0}.header-logo-short,body.platform-office .header-logo-full{display:none}body.platform-office .header-logo-short{display:block;height:20px;filter:brightness(0) invert(1)}body.platform-office .v-separator,body.platform-office .header-title,body.platform-office .header-right{display:none}body.platform-office .header-search{flex:1;max-width:none;margin:0}body.platform-office .category-wrapper{position:fixed;top:54px;left:0;right:0;width:100%}body.platform-office .main-content{margin-top:98px;height:calc(100vh - 98px);overflow-y:auto;padding:12px;max-width:none;margin-left:0;margin-right:0}@media(max-width:768px){.app-header{flex-wrap:wrap;padding:10px 16px}.header-left{order:1}.header-right{order:2}.header-search{order:3;flex-basis:100%;margin-top:8px}.v-separator,.header-title,.result-count{display:none}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.icon-card{padding:12px 6px 8px}.icon-card img,.icon-card svg{width:32px;height:32px}.detail-panel{width:100%;max-width:100vw}.category-wrapper{top:auto}.category-bar{padding:8px}.main-content{padding:16px}}