:root{color-scheme:light;--primary:#0062ff;--primary-hover:#0050d4;--primary-active:#003fb0;--primary-light:#eff5ff;--primary-border:#bfdbfe;--primary-glow:0 0 0 3px rgba(0,98,255,0.22);--primary-gradient:linear-gradient(135deg,#0062ff 0%,#004ecc 100%);--header-gradient:linear-gradient(135deg,#0b4fe6 0%,#0062ff 55%,#1d82ff 100%);--background:#f8fafc;--surface:#ffffff;--surface-subtle:#f1f5f9;--surface-elevated:#ffffff;--workspace-bg:rgba(255,255,255,0.88);--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--border:#e2e8f0;--border-subtle:#f1f5f9;--header-border:rgba(255,255,255,0.16);--header-pill-bg:rgba(255,255,255,0.14);--header-pill-border:rgba(255,255,255,0.22);--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 2px 4px -1px rgba(15,23,42,0.06),0 1px 2px -1px rgba(15,23,42,0.04);--shadow-md:0 6px 18px -3px rgba(15,23,42,0.08),0 2px 6px -2px rgba(15,23,42,0.04);--shadow-lg:0 16px 36px -4px rgba(15,23,42,0.12),0 6px 12px -2px rgba(15,23,42,0.06);--shadow-dock:0 20px 48px -8px rgba(0,0,0,0.18),0 6px 16px -2px rgba(0,0,0,0.06);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:9999px;--symbol-font-size:32px;--border-light:var(--border-subtle);--surface-badge:var(--surface-subtle);--surface-card:var(--surface);--text-heading:var(--text-main)}@media (prefers-color-scheme:dark){:root:not([data-theme='light']){color-scheme:dark;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-active:#2563eb;--primary-light:rgba(59,130,246,0.16);--primary-border:rgba(59,130,246,0.35);--primary-glow:0 0 0 3px rgba(59,130,246,0.3);--primary-gradient:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);--header-gradient:linear-gradient(180deg,#0e1626 0%,#080c14 100%);--background:#090d16;--surface:#131b2e;--surface-subtle:#0d1424;--surface-elevated:#1a243a;--workspace-bg:rgba(15,23,42,0.90);--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--border:rgba(255,255,255,0.08);--border-subtle:rgba(255,255,255,0.04);--header-border:rgba(255,255,255,0.08);--header-pill-bg:rgba(255,255,255,0.08);--header-pill-border:rgba(255,255,255,0.14);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 4px -1px rgba(0,0,0,0.4);--shadow-md:0 6px 18px -3px rgba(0,0,0,0.5);--shadow-lg:0 16px 36px -4px rgba(0,0,0,0.6);--shadow-dock:0 20px 48px -8px rgba(0,0,0,0.6);--border-light:var(--border-subtle);--surface-badge:var(--surface-subtle);--surface-card:var(--surface);--text-heading:var(--text-main)}}[data-theme='dark']{color-scheme:dark;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-active:#2563eb;--primary-light:rgba(59,130,246,0.16);--primary-border:rgba(59,130,246,0.35);--primary-glow:0 0 0 3px rgba(59,130,246,0.3);--primary-gradient:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);--header-gradient:linear-gradient(180deg,#0e1626 0%,#080c14 100%);--background:#090d16;--surface:#131b2e;--surface-subtle:#0d1424;--surface-elevated:#1a243a;--workspace-bg:rgba(15,23,42,0.90);--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--border:rgba(255,255,255,0.08);--border-subtle:rgba(255,255,255,0.04);--header-border:rgba(255,255,255,0.08);--header-pill-bg:rgba(255,255,255,0.08);--header-pill-border:rgba(255,255,255,0.14);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 4px -1px rgba(0,0,0,0.4);--shadow-md:0 6px 18px -3px rgba(0,0,0,0.5);--shadow-lg:0 16px 36px -4px rgba(0,0,0,0.6);--shadow-dock:0 20px 48px -8px rgba(0,0,0,0.6);--border-light:var(--border-subtle);--surface-badge:var(--surface-subtle);--surface-card:var(--surface);--text-heading:var(--text-main)}[data-theme='light']{color-scheme:light;--primary:#0062ff;--primary-hover:#0050d4;--primary-active:#003fb0;--primary-light:#eff5ff;--primary-border:#bfdbfe;--primary-glow:0 0 0 3px rgba(0,98,255,0.22);--primary-gradient:linear-gradient(135deg,#0062ff 0%,#004ecc 100%);--header-gradient:linear-gradient(135deg,#0b4fe6 0%,#0062ff 55%,#1d82ff 100%);--background:#f8fafc;--surface:#ffffff;--surface-subtle:#f1f5f9;--surface-elevated:#ffffff;--workspace-bg:rgba(255,255,255,0.88);--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--border:#e2e8f0;--border-subtle:#f1f5f9;--header-border:rgba(255,255,255,0.16);--header-pill-bg:rgba(255,255,255,0.14);--header-pill-border:rgba(255,255,255,0.22);--border-light:var(--border-subtle);--surface-badge:var(--surface-subtle);--surface-card:var(--surface);--text-heading:var(--text-main)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px;overflow-x:clip}body{display:block;width:100%;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--background);color:var(--text-main);margin:0;padding:0;padding-bottom:calc(210px + env(safe-area-inset-bottom,0px))!important;overflow-x:clip;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color 0.25s ease,color 0.25s ease}body:has(.con-input.is-minimized),body.workspace-minimized{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}a{color:inherit;text-decoration:none}button{font-family:inherit;user-select:none;-webkit-tap-highlight-color:transparent}.container{display:block;width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.25rem;box-sizing:border-box}@media (max-width:600px){.container{padding:0.75rem 0.75rem}}@media (max-width:360px){.container{padding:0.5rem 0.5rem}}.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.main-header{display:block;position:sticky;top:0;width:100%;z-index:1000;background:var(--header-gradient);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px -2px rgba(0,0,0,0.18);border-bottom:1px solid var(--header-border);padding-top:env(safe-area-inset-top,0px);transition:background 0.3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;margin:0 auto;padding:0 16px;height:58px;box-sizing:border-box}@media (max-width:767px){.header-container{height:54px;padding:0 12px}}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:4px 12px 4px 6px;border-radius:var(--radius-pill);background:var(--header-pill-bg);border:1px solid var(--header-pill-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);user-select:none;flex-shrink:0}@media (hover:hover){.site-logo:hover{background:rgba(255,255,255,0.24);border-color:rgba(255,255,255,0.45);transform:translateY(-1px)}}.site-logo:active{transform:scale(0.96)}.site-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}@media (hover:hover){.site-logo:hover .site-logo-badge{transform:rotate(-6deg) scale(1.08)}}.site-logo-badge svg{display:block;width:32px;height:32px}.site-logo-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.logo-title{font-size:1.02rem;font-weight:800;color:#ffffff;letter-spacing:0.04em;text-transform:uppercase;line-height:1.05}.logo-subtitle{font-size:0.67rem;font-weight:700;color:#38bdf8;letter-spacing:0.02em;opacity:0.95;line-height:1.1}@media (max-width:480px){.site-logo{padding:3px 8px 3px 4px;gap:7px}.site-logo-badge{width:28px;height:28px}.site-logo-badge svg{width:28px;height:28px}.logo-title{font-size:0.92rem}.logo-subtitle{font-size:0.62rem}}@media (max-width:350px){.logo-subtitle{display:none}}.desktop-nav{display:none;align-items:center;gap:4px;margin:0 8px}@media (min-width:992px){.desktop-nav{display:flex}}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:var(--radius-md,8px);color:rgba(255,255,255,0.9);font-size:0.84rem;font-weight:600;text-decoration:none;transition:all 0.16s ease;user-select:none;white-space:nowrap}.nav-link-icon{font-size:0.88rem;line-height:1}.nav-arrow{color:rgba(255,255,255,0.6);transition:transform 0.2s ease;flex-shrink:0}.nav-item:hover>.nav-link,.nav-item.open>.nav-link,.nav-link:focus-visible{background:rgba(255,255,255,0.16);color:#ffffff}.nav-item:hover .nav-arrow,.nav-item.open .nav-arrow{transform:rotate(180deg);color:#ffffff}.nav-link.active{background:rgba(255,255,255,0.24);color:#ffffff}.nav-dropdown{position:absolute;top:100%;left:0;min-width:340px;width:max-content;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,12px);box-shadow:0 18px 45px -5px rgba(0,0,0,0.38);padding:10px 12px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity 0.18s ease,transform 0.18s cubic-bezier(0.16,1,0.3,1),visibility 0.18s;z-index:1050}.nav-dropdown::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}.nav-item:nth-last-child(-n+2) .nav-dropdown{left:auto;right:0}.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown,.nav-item.open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(2px)}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px 6px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}.dropdown-heading{font-size:0.74rem;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:0.05em}.dropdown-hub-link{font-size:0.78rem;font-weight:600;color:var(--primary);text-decoration:none;transition:opacity 0.15s ease}.dropdown-hub-link:hover{text-decoration:underline;opacity:0.85}.dropdown-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm,6px);color:var(--text-main);text-decoration:none;font-size:0.82rem;font-weight:500;transition:all 0.14s ease;min-width:0}.dropdown-item:hover{background:var(--surface-subtle);color:var(--primary);transform:translateX(2px)}.dd-glyph{display:inline-flex;align-items:center;justify-content:center;font-size:0.92rem;line-height:1;flex-shrink:0;min-width:22px;height:22px;padding:0 4px;border-radius:4px;background:var(--surface-subtle);color:var(--text-muted);box-sizing:border-box;text-align:center;white-space:nowrap}.dropdown-item:hover .dd-glyph{background:rgba(99,102,241,0.12);color:var(--primary)}.dd-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.header-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle-btn,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:7px;background:var(--header-pill-bg);border:1px solid var(--header-pill-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;padding:7px 13px;border-radius:var(--radius-md);font-size:0.86rem;font-weight:600;cursor:pointer;min-height:38px;height:38px;box-sizing:border-box;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);user-select:none;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-toggle-btn::after,.menu-toggle::after{content:'';position:absolute;inset:-4px}@media (hover:hover){.theme-toggle-btn:hover,.menu-toggle:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.45);transform:translateY(-1px)}}.theme-toggle-btn:active,.menu-toggle:active{transform:scale(0.95)}.theme-toggle-btn{width:38px;height:38px;padding:0}.theme-toggle-btn svg{width:18px;height:18px;color:#ffffff;display:none}html:not([data-theme='dark']) .theme-toggle-btn .moon-icon{display:block}html[data-theme='dark'] .theme-toggle-btn .sun-icon{display:block}@media (prefers-color-scheme:dark){html:not([data-theme='light']) .theme-toggle-btn .sun-icon{display:block}html:not([data-theme='light']) .theme-toggle-btn .moon-icon{display:none}}.menu-toggle-icon{display:block;flex-shrink:0}.menu-toggle-label{font-size:0.84rem;font-weight:600;white-space:nowrap}@media (max-width:991px){.menu-toggle{width:38px;height:38px;padding:0}.menu-toggle-label{display:none}}.btn-install-pwa{display:none;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,0.22);border:1px solid rgba(255,255,255,0.38);color:#ffffff;padding:7px 14px;border-radius:var(--radius-md);font-size:0.86rem;font-weight:700;cursor:pointer;min-height:38px;height:38px;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);user-select:none;font-family:inherit}.btn-install-pwa:hover{background:rgba(255,255,255,0.32);border-color:rgba(255,255,255,0.55);transform:translateY(-1px)}.btn-install-pwa:active{transform:scale(0.95)}.btn-install-pwa .install-pwa-icon{width:17px;height:17px;stroke-width:2.3}@media (max-width:991px){.header-actions .btn-install-pwa{width:38px;height:38px;padding:0}.header-actions .btn-install-pwa .btn-install-text{display:none}}.nav-drawer-install-card{display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin:12px 16px 0}.drawer-install-content{display:flex;align-items:center;gap:10px}.drawer-install-icon{font-size:1.4rem;line-height:1}.drawer-install-text{display:flex;flex-direction:column}.drawer-install-text strong{font-size:0.88rem;font-weight:700;color:var(--text-main)}.drawer-install-text small{font-size:0.74rem;color:var(--text-muted)}.btn-drawer-install{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#ffffff;border:none;padding:6px 14px;border-radius:var(--radius-pill);font-size:0.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity 0.2s ease,transform 0.15s ease;font-family:inherit}.btn-drawer-install:hover{opacity:0.9;transform:scale(1.03)}.ios-install-modal{display:none;position:fixed;inset:0;z-index:100050;align-items:flex-end;justify-content:center}.ios-install-modal.active{display:flex}.ios-install-backdrop{position:absolute;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ios-install-dialog{position:relative;width:100%;max-width:440px;background:var(--surface-elevated);color:var(--text-main);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid var(--border);padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,0.25);animation:slideUpIos 0.28s cubic-bezier(0.16,1,0.3,1)}@keyframes slideUpIos{from{transform:translateY(100%)}to{transform:translateY(0)}}.ios-install-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ios-install-title{font-size:1.05rem;font-weight:700;color:var(--text-main)}.ios-install-close{background:var(--surface-subtle);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);font-size:0.85rem}.ios-install-body{display:flex;flex-direction:column;gap:12px;font-size:0.9rem;line-height:1.45;color:var(--text-main)}.ios-step{display:flex;align-items:center;gap:10px;margin:0}.ios-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#ffffff;font-size:0.75rem;font-weight:700;flex-shrink:0}.ios-share-svg{display:inline-block;vertical-align:middle;stroke:var(--primary)}.nav-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,0.76);z-index:99990;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;transition:opacity 0.22s ease}.nav-drawer-backdrop.active{display:block;opacity:1}.main-nav-drawer{display:none;flex-direction:column;position:fixed;z-index:99999;background:var(--surface);border:1px solid var(--border);box-sizing:border-box;overflow:hidden}@media (max-width:599px){.main-nav-drawer{top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:100dvh;border:none;box-shadow:none}.main-nav-drawer.open{display:flex;animation:drawerSlideInRight 0.22s cubic-bezier(0.16,1,0.3,1) forwards}}@media (min-width:600px) and (max-width:767px){.main-nav-drawer{top:0;right:0;bottom:0;left:auto;width:420px;height:100%;height:100dvh;border-radius:0;border-left:1px solid var(--border);border-top:none;border-bottom:none;border-right:none;box-shadow:-10px 0 40px rgba(0,0,0,0.45)}.main-nav-drawer.open{display:flex;animation:drawerSlideInRight 0.22s cubic-bezier(0.16,1,0.3,1) forwards}}@keyframes drawerSlideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@media (min-width:768px){.main-nav-drawer{top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:1020px;height:84vh;max-height:820px;border-radius:var(--radius-xl);box-shadow:0 25px 70px -10px rgba(0,0,0,0.55)}.main-nav-drawer.open{display:flex;animation:modalPopIn 0.22s cubic-bezier(0.16,1,0.3,1) forwards}}@keyframes modalPopIn{from{opacity:0;transform:translate(-50%,-46%) scale(0.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,14px)) 18px 14px 18px;border-bottom:1px solid var(--border);background:var(--surface-subtle);flex-shrink:0}.nav-drawer-brand{display:flex;align-items:center;gap:12px}.nav-drawer-badge-icon{font-size:1.4rem;line-height:1}.nav-drawer-titles{display:flex;flex-direction:column;gap:2px}.nav-drawer-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:-0.01em}.nav-drawer-subtitle{font-size:0.76rem;color:var(--text-subtle);font-weight:500}.nav-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all 0.16s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav-drawer-close:hover{background:var(--surface-elevated);color:var(--text-main);border-color:var(--primary);transform:rotate(90deg)}.nav-drawer-close:active{transform:scale(0.92)}.nav-drawer-toolbar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:10px;padding:12px 18px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.nav-filter-wrap{display:flex;align-items:center;position:relative;width:100%}.nav-filter-svg{position:absolute;left:14px;color:var(--text-subtle);pointer-events:none}.nav-filter-input{width:100%;padding:11px 36px 11px 40px;font-size:1rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);outline:none;font-family:inherit;box-sizing:border-box;transition:all 0.18s ease;-webkit-appearance:none}.nav-filter-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,98,255,0.15)}.nav-filter-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:0.9rem;color:var(--text-subtle);cursor:pointer;padding:6px;-webkit-tap-highlight-color:transparent}.nav-silo-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0 4px 0}.nav-silo-tabs::-webkit-scrollbar{display:none}.silo-tab-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:0.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all 0.15s ease;-webkit-tap-highlight-color:transparent}.silo-tab-btn:hover{background:var(--surface-elevated);color:var(--text-main);border-color:var(--primary-border)}.silo-tab-btn:active{transform:scale(0.95)}.silo-tab-btn.active{background:var(--primary);color:#ffffff;border-color:var(--primary);box-shadow:0 2px 8px rgba(0,98,255,0.28)}.nav-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 18px max(32px,env(safe-area-inset-bottom,24px))}.dir-silo-section{margin-bottom:24px}.dir-silo-section:last-child{margin-bottom:12px}.dir-silo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:6px 2px;border-bottom:1.5px solid var(--border-subtle);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.dir-silo-header:hover{border-color:var(--primary-border)}.dir-silo-title-wrap{display:flex;align-items:center;gap:8px}.dir-silo-icon{font-size:1.18rem;line-height:1}.dir-silo-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.dir-silo-count{font-size:0.72rem;font-weight:600;color:var(--text-subtle);background:var(--surface-subtle);padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--border)}.dir-silo-actions{display:flex;align-items:center;gap:8px}.dir-silo-hub-link{font-size:0.8rem;font-weight:600;color:var(--primary);text-decoration:none;padding:4px 8px;border-radius:var(--radius-sm);transition:all 0.15s ease}.dir-silo-hub-link:hover{background:var(--surface-subtle);text-decoration:underline}.silo-chevron-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-subtle);transition:transform 0.2s ease}.dir-silo-section.collapsed .silo-chevron-icon{transform:rotate(-90deg)}.dir-silo-section.collapsed .dir-cards-grid{display:none}.dir-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:768px){.dir-cards-grid{grid-template-columns:repeat(3,1fr);gap:9px}}@media (min-width:960px){.dir-cards-grid{grid-template-columns:repeat(4,1fr);gap:10px}}.dir-silo-section[data-silo="kaomoji"] .dir-cards-grid,.dir-silo-section[data-silo="lenny-faces"] .dir-cards-grid{grid-template-columns:repeat(1,1fr);gap:8px}@media (min-width:768px){.dir-silo-section[data-silo="kaomoji"] .dir-cards-grid,.dir-silo-section[data-silo="lenny-faces"] .dir-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (min-width:960px){.dir-silo-section[data-silo="kaomoji"] .dir-cards-grid,.dir-silo-section[data-silo="lenny-faces"] .dir-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.dir-card{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-decoration:none;min-height:48px;box-sizing:border-box;transition:all 0.16s ease;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover:hover){.dir-card:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,98,255,0.1)}}.dir-card:active{transform:scale(0.97)}.dir-card-glyph{font-size:1.15rem;line-height:1;flex-shrink:0;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:24px;text-align:center}.dir-card-name{flex:1;min-width:0;font-size:0.82rem;font-weight:600;color:var(--text-main);line-height:1.25;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}@media (hover:hover){.dir-card:hover .dir-card-name{color:var(--primary);font-weight:600}}.dir-card.featured{background:var(--primary-light);border-color:var(--primary-border)}.dir-card.featured .dir-card-name{font-weight:600;color:var(--primary)}.dir-card[aria-current="page"]{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary)}.dir-card[aria-current="page"] .dir-card-name{font-weight:700;color:var(--primary)}.dir-silo-section[data-silo="kaomoji"] .dir-card,.dir-silo-section[data-silo="lenny-faces"] .dir-card{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 14px;min-height:52px}.dir-silo-section[data-silo="kaomoji"] .dir-card-glyph,.dir-silo-section[data-silo="lenny-faces"] .dir-card-glyph{max-width:62%;min-width:48px;font-size:1.08rem;line-height:1.2;font-family:inherit;font-weight:500;color:var(--text-main);padding:5px 11px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;text-align:center;transition:all 0.16s ease}.dir-silo-section[data-silo="kaomoji"] .dir-card-name,.dir-silo-section[data-silo="lenny-faces"] .dir-card-name{font-size:0.88rem;font-weight:600;color:var(--text-main);line-height:1.3}.dir-silo-section[data-silo="kaomoji"] .dir-card::after,.dir-silo-section[data-silo="lenny-faces"] .dir-card::after{content:"→";margin-left:auto;font-size:0.95rem;font-weight:600;color:var(--text-subtle);opacity:0.45;transition:all 0.16s ease;line-height:1}@media (hover:hover){.dir-silo-section[data-silo="kaomoji"] .dir-card:hover,.dir-silo-section[data-silo="lenny-faces"] .dir-card:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,98,255,0.1)}.dir-silo-section[data-silo="kaomoji"] .dir-card:hover .dir-card-glyph,.dir-silo-section[data-silo="lenny-faces"] .dir-card:hover .dir-card-glyph{background:var(--surface);border-color:var(--primary);color:var(--primary)}.dir-silo-section[data-silo="kaomoji"] .dir-card:hover .dir-card-name,.dir-silo-section[data-silo="lenny-faces"] .dir-card:hover .dir-card-name{color:var(--primary)}.dir-silo-section[data-silo="kaomoji"] .dir-card:hover::after,.dir-silo-section[data-silo="lenny-faces"] .dir-card:hover::after{opacity:1;color:var(--primary);transform:translateX(3px)}}.dir-silo-section[data-silo="kaomoji"] .dir-card.featured .dir-card-glyph,.dir-silo-section[data-silo="lenny-faces"] .dir-card.featured .dir-card-glyph{background:var(--surface);border-color:var(--primary-border);color:var(--primary)}.dir-silo-section[data-silo="kaomoji"] .dir-card.featured::after,.dir-silo-section[data-silo="lenny-faces"] .dir-card.featured::after{color:var(--primary);opacity:0.7}body.menu-open{overflow:hidden}.search-container{display:block;width:100%;max-width:820px;margin:16px auto 20px auto;box-sizing:border-box}.search-container form{width:100%}.search-input-wrapper{display:flex;align-items:center;position:relative;width:100%}.search-icon{display:flex;align-items:center;justify-content:center;position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none}.search-icon-svg{width:20px;height:20px;stroke:currentColor}.search-input{display:block;width:100%;height:52px;min-height:52px;padding:0 74px 0 52px;font-size:16px!important;font-family:inherit;border-radius:18px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-sm);outline:0;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s}.search-input:focus{border-color:var(--primary);box-shadow:var(--primary-glow),var(--shadow-md);background:var(--surface-elevated)}.search-input::placeholder{color:var(--text-subtle);opacity:0.85}.search-clear,#searchClearBtn{display:none;align-items:center;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;padding:0;transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.search-clear::after,#searchClearBtn::after{content:'';position:absolute;inset:-8px}@media (hover:hover){.search-clear:hover,#searchClearBtn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}}.search-clear:active,#searchClearBtn:active{transform:translateY(-50%) scale(0.92)}.search-desktop-hint{display:none;align-items:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}@media (min-width:768px){.search-desktop-hint{display:flex}}.search-input:focus ~ .search-desktop-hint,.search-container.has-query .search-desktop-hint{display:none}.search-kbd{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-family:inherit;font-size:0.72rem;font-weight:700;color:var(--text-main);background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,0.06)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-flow:dense;gap:12px;margin:16px auto 32px auto;max-width:860px;width:100%;box-sizing:border-box}.results-grid:empty{display:none}.results-meta-bar{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);margin-bottom:4px}.results-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;flex-wrap:wrap}.results-meta-info{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-muted)}.results-count-pill{display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;color:var(--primary);background:var(--primary-light);padding:3px 10px;border-radius:999px;border:1px solid var(--primary-border);white-space:nowrap}.results-query-highlight{color:var(--text-main);font-weight:700}.results-clear-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:0.8rem;font-weight:700;color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all 0.18s ease}.results-clear-btn:hover{background:#ef4444;color:#ffffff;border-color:#ef4444}.results-type-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.results-type-pills::-webkit-scrollbar{display:none}.results-type-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:0.8rem;font-weight:600;color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;cursor:pointer;white-space:nowrap;transition:all 0.18s cubic-bezier(0.16,1,0.3,1)}.results-type-pill:hover{border-color:var(--primary);color:var(--primary)}.results-type-pill.active{background:var(--primary-gradient);color:#ffffff;border-color:transparent;box-shadow:0 2px 8px rgba(0,98,255,0.32)}.results-grid .symbol-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:108px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg,16px);padding:10px 8px 8px 8px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-xs);transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s,border-color 0.2s,background-color 0.2s;overflow:hidden;box-sizing:border-box}.results-grid .symbol-card:hover{transform:translateY(-3px) scale(1.02);border-color:var(--primary);box-shadow:0 8px 20px -4px rgba(0,98,255,0.18);background:var(--surface-elevated)}.results-grid .symbol-card:active{transform:scale(0.94);background:var(--primary-light);border-color:var(--primary)}.results-grid .symbol-char-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;flex:1;padding:4px;box-sizing:border-box;overflow:hidden}.results-grid .symbol-char{font-size:var(--symbol-font-size,32px);line-height:1.15;color:var(--text-main);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji','Segoe UI Symbol','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,Roboto,sans-serif;transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1)}.results-grid .symbol-card:hover .symbol-char{transform:scale(1.12)}.results-grid .symbol-info{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;margin-top:4px;box-sizing:border-box}.results-grid .symbol-name{font-size:0.74rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;line-height:1.25}.results-grid .symbol-category-badge{display:inline-flex;align-items:center;justify-content:center;font-size:0.64rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:1.5px 7px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-subtle);color:var(--text-subtle);border:1px solid var(--border);line-height:1.3}.results-grid .symbol-category-badge[data-badge="emoji"]{background:rgba(245,158,11,0.12);color:#b45309;border-color:rgba(245,158,11,0.28)}[data-theme="dark"] .results-grid .symbol-category-badge[data-badge="emoji"]{background:rgba(245,158,11,0.2);color:#fbbf24;border-color:rgba(245,158,11,0.35)}.results-grid .symbol-category-badge[data-badge="kaomoji"],.results-grid .symbol-category-badge[data-badge="lenny"]{background:rgba(168,85,247,0.12);color:#7e22ce;border-color:rgba(168,85,247,0.28)}[data-theme="dark"] .results-grid .symbol-category-badge[data-badge="kaomoji"],[data-theme="dark"] .results-grid .symbol-category-badge[data-badge="lenny"]{background:rgba(168,85,247,0.2);color:#c084fc;border-color:rgba(168,85,247,0.35)}.results-grid .symbol-category-badge[data-badge="symbol"]{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}[data-theme="dark"] .results-grid .symbol-category-badge[data-badge="symbol"]{background:rgba(0,98,255,0.18);color:#60a5fa;border-color:rgba(0,98,255,0.3)}.results-grid .card-copy-hint{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:3px;font-size:0.65rem;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--primary-gradient);color:#ffffff;opacity:0;transform:translateY(-4px);transition:opacity 0.15s ease,transform 0.15s ease,background 0.15s ease;pointer-events:none;box-shadow:0 2px 6px rgba(0,98,255,0.3)}.results-grid .symbol-card:hover .card-copy-hint,.results-grid .symbol-card:focus-visible .card-copy-hint{opacity:1;transform:translateY(0)}.results-grid .symbol-card.is-copied .card-copy-hint{opacity:1;background:#10b981;box-shadow:0 2px 6px rgba(16,185,129,0.35)}.results-grid .symbol-card.wide-card{grid-column:span 2;min-height:108px;padding:10px 14px 8px 14px}.results-grid .symbol-card.wide-card .symbol-char-stage{padding:6px 4px}.results-grid .symbol-card.wide-card .symbol-char{font-family:'Segoe UI','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,'Meiryo','Hiragino Kaku Gothic Pro','Plus Jakarta Sans',sans-serif;font-size:clamp(16px,2.4vw,19px);font-weight:600;letter-spacing:-0.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;line-height:1.35}.results-grid .symbol-card.wide-card:hover .symbol-char{transform:scale(1.05)}.results-grid .symbol-card.extra-wide-card{grid-column:span 3}.results-grid .symbol-card.extra-wide-card .symbol-char{font-size:clamp(14px,2vw,16.5px)}.results-grid .symbol-card.ultra-wide-card{grid-column:span 3}.results-grid .symbol-card.ultra-wide-card .symbol-char{font-size:clamp(12.5px,1.8vw,14.5px)}.results-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px 32px 20px;background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);margin:8px 0 20px 0}.results-empty-state .empty-icon{font-size:40px;margin-bottom:12px;line-height:1;animation:emptyIconFloat 2.6s ease-in-out infinite alternate}@keyframes emptyIconFloat{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-6px) scale(1.06)}}.results-empty-state .empty-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:0 0 6px 0}.results-empty-state .empty-desc{font-size:0.9rem;color:var(--text-muted);margin:0 0 16px 0;max-width:440px}.results-empty-state .empty-suggestions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:580px}.results-empty-state .suggestion-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:0.85rem;font-weight:600;font-family:inherit;color:var(--text-main);background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all 0.18s cubic-bezier(0.16,1,0.3,1)}.results-empty-state .suggestion-chip:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,98,255,0.16)}.results-empty-state .suggestion-chip:active{transform:scale(0.95)}@media (max-width:860px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px}.results-grid .symbol-card.extra-wide-card,.results-grid .symbol-card.ultra-wide-card{grid-column:span 2}}@media (max-width:639px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:12px}.results-grid .symbol-card{min-height:98px;padding:8px 6px 6px 6px}.results-grid .symbol-char{font-size:28px}.results-grid .symbol-card.wide-card{grid-column:span 2}.results-grid .symbol-card.extra-wide-card,.results-grid .symbol-card.ultra-wide-card{grid-column:1 / -1}}@media (max-width:479px){.results-grid{grid-template-columns:repeat(3,1fr);gap:8px}.results-meta-bar{padding:10px 12px}.results-meta-row{flex-direction:row;align-items:center;justify-content:space-between}.results-meta-info{font-size:0.82rem}.results-grid .symbol-card{min-height:94px;padding:8px 4px 6px 4px;border-radius:var(--radius-md,12px)}.results-grid .symbol-char-stage{min-height:44px}.results-grid .symbol-char{font-size:26px}.results-grid .symbol-name{font-size:0.70rem}.results-grid .symbol-category-badge{font-size:0.58rem;padding:1px 5px}.results-grid .symbol-card.wide-card,.results-grid .symbol-card.extra-wide-card,.results-grid .symbol-card.ultra-wide-card{grid-column:1 / -1;min-height:86px;padding:10px 12px}.results-grid .symbol-card.wide-card .symbol-char-stage{min-height:38px}.results-grid .symbol-card.wide-card .symbol-char{font-size:17px}.results-grid .symbol-card.extra-wide-card .symbol-char{font-size:14.5px}.results-grid .symbol-card.ultra-wide-card .symbol-char{font-size:13px}}.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:0.84rem;color:var(--text-subtle);margin:10px 0 14px 0}.page-breadcrumb a,.breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color 0.15s ease}.page-breadcrumb a:hover,.breadcrumb-link:hover{color:var(--primary);text-decoration:underline}.breadcrumb-separator{color:var(--text-subtle);user-select:none;font-size:0.9rem}.breadcrumb-section{text-transform:capitalize}.breadcrumb-current{color:var(--primary);font-weight:600}.page-header{margin-bottom:16px}.page-title{font-size:clamp(1.4rem,4vw,2.1rem);font-weight:800;color:var(--text-main);margin:0 0 8px 0;letter-spacing:-0.025em;line-height:1.2}.page-desc{font-size:0.95rem;color:var(--text-muted);line-height:1.55;max-width:840px;margin:0}.section-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-subheading{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.section-hint{font-size:0.82rem;color:var(--text-subtle)}.tofu-callout{display:flex;gap:14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.tofu-icon{font-size:1.6rem;color:var(--primary);line-height:1}.faq-section{margin-top:28px}.faq-heading{font-size:1.25rem;font-weight:800;color:var(--text-main);margin-bottom:14px}.mobile-category-strip{display:flex;align-items:center;gap:8px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 2px 14px 2px;margin:0 0 16px 0;box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.mobile-category-strip::-webkit-scrollbar{display:none}.strip-chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:0.86rem;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-xs);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.strip-chip:hover{background:var(--surface-subtle);color:var(--primary);border-color:var(--primary-border);transform:translateY(-1px)}}.strip-chip:active{transform:scale(0.94)}.strip-chip.active{background:var(--primary-gradient);color:#ffffff;border-color:transparent;box-shadow:0 4px 14px rgba(0,98,255,0.35)}.strip-chip-category{background:var(--surface-subtle);font-weight:700}.strip-divider{flex:0 0 auto;width:1px;height:22px;background:var(--border);margin:0 4px}.strip-group-label{flex:0 0 auto;font-size:0.70rem;font-weight:800;color:var(--text-subtle);letter-spacing:0.06em;text-transform:uppercase;padding:0 4px}.chip-glyph{font-size:0.95rem;line-height:1}.font-controls-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:14px 0 20px 0;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%;transition:border-color 0.2s,box-shadow 0.2s}@media (min-width:640px){.font-controls-header{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 20px}}.info-content{display:inline-flex;align-items:center;gap:8px}.info-content::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:var(--primary-glow);flex-shrink:0}.main-utility-heading{font-size:clamp(0.88rem,3vw,1rem);font-weight:700;color:var(--text-main);letter-spacing:-0.01em}.control-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--surface-subtle);padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);box-sizing:border-box;max-width:100%}@media (max-width:540px){.control-panel{border-radius:var(--radius-md);justify-content:space-between}.slider-wrapper{flex:1;min-width:80px}}.view-mode-buttons{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px;gap:2px;flex-shrink:0}.btn-view-mode{display:inline-flex;align-items:center;gap:5px;min-height:32px;height:32px;padding:0 10px;border:none;background:transparent;border-radius:var(--radius-pill);font-size:0.76rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.15s ease;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-view-mode svg{flex-shrink:0}@media (hover:hover){.btn-view-mode:hover{color:var(--text-main)}}.btn-view-mode.active{background:var(--primary);color:#ffffff;box-shadow:0 1px 4px rgba(0,98,255,0.25)}.btn-view-mode:active{transform:scale(0.92)}.size-preset-buttons{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px;gap:2px;flex-shrink:0}.btn-size-preset{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;height:32px;padding:0 9px;border:none;background:transparent;border-radius:var(--radius-pill);font-size:0.78rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-size-preset.active{background:var(--primary);color:#ffffff;box-shadow:0 1px 4px rgba(0,98,255,0.25)}.btn-size-preset:active{transform:scale(0.92)}@media (max-width:540px){.btn-view-mode,.btn-size-preset{min-height:34px;height:34px}}.slider-label{font-size:0.74rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}.slider-wrapper{display:inline-flex;align-items:center;flex:1;max-width:140px}.font-slider{display:block;width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:var(--radius-pill);outline:0;cursor:pointer;transition:background 0.2s ease}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(0,98,255,0.4);border:2.5px solid var(--surface);transition:transform 0.15s ease}.font-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(0,98,255,0.4);border:2.5px solid var(--surface);transition:transform 0.15s ease}.font-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.font-slider::-moz-range-thumb:active{transform:scale(1.2)}.title-sym{display:block;font-size:clamp(1.25rem,3.8vw,1.65rem);font-weight:800;color:var(--text-main);margin:1.5rem 0 0.8rem;letter-spacing:-0.025em;line-height:1.25}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(44px,calc(var(--symbol-font-size,32px) + 16px)),1fr));gap:8px;padding:0;margin:0 0 2.5rem 0;list-style:none;width:100%;box-sizing:border-box}@media (min-width:540px){.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--symbol-font-size,32px) + 20px),1fr));gap:10px}}@media (min-width:900px){.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--symbol-font-size,32px) + 24px),1fr));gap:12px}}.symbol-item{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;list-style:none;margin:0;padding:0;position:relative;contain:layout style}.symbol-item.is-long{grid-column:span 2;aspect-ratio:auto;position:relative}@media (max-width:480px){.symbols-grid .symbol-item.is-long{grid-column:1 / -1}}.symbols-grid .symbol-card,.symbols-grid .emoji-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1 / 1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;user-select:none;box-shadow:var(--shadow-xs);font-size:var(--symbol-font-size,32px);color:var(--text-main);position:relative;padding:0;margin:0;outline:0;overflow:hidden;transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1),border-color 0.18s ease,background-color 0.18s ease,box-shadow 0.18s ease}@media (hover:hover){.symbols-grid .symbol-card:hover,.symbols-grid .emoji-btn:hover{border-color:var(--primary);background-color:var(--surface-elevated);box-shadow:0 10px 24px -4px rgba(0,98,255,0.22),0 4px 8px -2px rgba(0,98,255,0.1);transform:translateY(-4px) scale(1.02);z-index:2}.symbols-grid .symbol-card:hover .emoji-render,.symbols-grid .emoji-btn:hover .emoji-render{transform:scale(1.15)}}.symbols-grid .symbol-card:active,.symbols-grid .emoji-btn:active{transform:scale(0.86);background-color:var(--primary-light);border-color:var(--primary);box-shadow:var(--primary-glow)}@keyframes copiedPulse{0%{transform:scale(0.88);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}50%{transform:scale(1.06);border-color:#10b981;box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{transform:scale(1)}}.symbols-grid .symbol-card.is-copied,.symbols-grid .emoji-btn.is-copied,.results-grid .symbol-card.is-copied,.lenny-card.is-copied,.detail-preview.is-copied,.btn-card-copy.is-copied,.char-cell.is-copied{animation:copiedPulse 0.55s cubic-bezier(0.16,1,0.3,1)!important;border-color:#10b981!important;background-color:rgba(16,185,129,0.12)!important;color:#10b981!important}.copy-code-btn.is-copied{background:#10b981!important;color:#ffffff!important;border-color:#10b981!important;transform:scale(1.04);box-shadow:0 2px 8px rgba(16,185,129,0.35)!important}.symbols-grid .emoji-render{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji','Android Emoji','Plus Jakarta Sans',sans-serif;font-size:var(--symbol-font-size,32px);line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;user-select:none;pointer-events:none;transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1);color:var(--text-main)}.symbols-grid .emoji-btn.is-long{aspect-ratio:auto;min-height:50px;padding:8px 14px;font-size:calc(var(--symbol-font-size,32px) * 0.58);white-space:nowrap;letter-spacing:0.03em;overflow-x:auto;scrollbar-width:none}.symbols-grid .emoji-btn.is-long::-webkit-scrollbar{display:none}.symbols-grid .emoji-btn.is-long .emoji-render{font-size:calc(var(--symbol-font-size,32px) * 0.58)}.symbols-grid .symbol-item.is-long::after{content:"COMBO";position:absolute;top:3px;right:5px;font-size:7.5px;font-weight:800;letter-spacing:0.06em;color:var(--primary);background:var(--primary-light,rgba(0,106,255,0.12));border-radius:3px;padding:1px 4px;pointer-events:none;line-height:1.2}.symbol-group-section.view-cards .symbols-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px}@media (min-width:600px){.symbol-group-section.view-cards .symbols-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}}.symbol-group-section.view-cards .symbol-item{aspect-ratio:auto;height:94px}.symbol-group-section.view-cards .symbol-item.is-long{grid-column:span 2;height:94px}@media (max-width:480px){.symbol-group-section.view-cards .symbol-item.is-long{grid-column:1 / -1}}.symbol-group-section.view-cards .emoji-btn{aspect-ratio:auto;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;gap:4px}.symbol-group-section.view-cards .emoji-render{height:auto;flex:0 0 auto;font-size:calc(var(--symbol-font-size,32px) * 0.95)}.symbol-group-section.view-cards .emoji-btn::after{content:attr(data-name);display:block;font-size:0.70rem;font-weight:600;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:95px;line-height:1.2;margin-top:2px}.symbol-group-section.view-cards .emoji-btn:hover::after{color:var(--primary)}.lenny-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--symbol-font-size,32px) * 3.8),1fr));gap:10px;width:100%;margin-bottom:2.5rem;box-sizing:border-box}@media (max-width:480px){.lenny-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}}@media (min-width:640px){.lenny-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--symbol-font-size,32px) * 4.2),1fr));gap:12px}}.lenny-card{display:flex;align-items:center;justify-content:center;min-height:calc(var(--symbol-font-size,32px) + 18px);padding:8px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:max(0.82rem,calc(var(--symbol-font-size,32px) * 0.48));font-weight:600;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Hiragino Sans','Apple Color Emoji','Segoe UI Emoji',sans-serif;color:var(--text-main);cursor:pointer;user-select:none;box-shadow:var(--shadow-xs);transition:transform 0.18s cubic-bezier(0.34,1.56,0.64,1),border-color 0.18s,box-shadow 0.18s,background-color 0.18s;text-align:center;line-height:1.25;white-space:nowrap;overflow:hidden;box-sizing:border-box;max-width:100%}@media (hover:hover){.lenny-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md);background:var(--surface-elevated)}}.lenny-card:active{transform:scale(0.92);background:var(--primary-light);border-color:var(--primary)}.con-input{display:block;position:fixed;bottom:max(12px,env(safe-area-inset-bottom,12px));left:12px;right:12px;max-width:680px;margin:0 auto;z-index:1000;background:var(--workspace-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dock);padding:0;contain:paint;transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease,background 0.2s ease}body.menu-open .con-input{transform:translateY(120%)!important;pointer-events:none!important}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;min-height:48px;cursor:pointer;user-select:none;position:relative;box-sizing:border-box}.workspace-drag-pill{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:34px;height:4px;border-radius:var(--radius-pill);background:var(--border)}.workspace-title-row{display:flex;align-items:center;gap:8px}.workspace-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.6);flex-shrink:0}.workspace-title{font-size:0.88rem;font-weight:700;color:var(--text-main);letter-spacing:-0.01em}.workspace-badge{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:0.74rem;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--primary-border);line-height:1.2}.workspace-preview-text{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.95rem;color:var(--primary);font-weight:700;margin-left:6px;letter-spacing:2px;vertical-align:middle}@media (max-width:480px){.workspace-preview-text{max-width:65px}}@media (max-width:360px){.workspace-preview-text{display:none}}.workspace-header-actions{display:flex;align-items:center;gap:8px}.btn-quick-copy{display:inline-flex;align-items:center;gap:5px;background:var(--primary-gradient);color:#ffffff;border:none;border-radius:var(--radius-pill);padding:6px 14px;font-size:0.8rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,98,255,0.35);transition:transform 0.12s ease,background-color 0.15s ease}.btn-quick-copy:active{transform:scale(0.92)}.workspace-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;min-width:32px;min-height:32px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),color 0.15s}.workspace-toggle-btn:hover{color:var(--text-main)}.con-input.is-minimized .workspace-toggle-icon{transform:rotate(180deg)}.con-input.is-minimized .workspace-body-wrap{display:none}.workspace-body-wrap{display:block;width:100%;padding:0 14px 14px 14px}#main-input{display:flex;flex-direction:column;gap:10px;width:100%}.textarea-wrapper{position:relative;width:100%}.input-copy,#input-copy{display:block;width:100%;height:72px;min-height:72px;max-height:72px;line-height:1.4;padding:10px 14px 38px 14px;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:max(16px,calc(var(--symbol-font-size,32px) * 0.65))!important;font-family:inherit;color:var(--text-main);background-color:var(--surface);resize:none;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,0.03);transition:border-color 0.2s,box-shadow 0.2s}.input-copy:focus,#input-copy:focus{border-color:var(--primary);box-shadow:var(--primary-glow)}.workspace-quick-actions{display:flex;align-items:center;gap:6px;position:absolute;right:8px;bottom:8px;z-index:5}.btn-workspace-inline{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:4px 10px;min-height:30px;height:30px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;font-size:0.76rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-workspace-inline::after{content:'';position:absolute;inset:-6px}.btn-workspace-inline:active{transform:scale(0.92);background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.clear-all,#clearall{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:4px;min-height:30px;height:30px;padding:4px 10px;border-radius:8px;background:#fee2e2;color:#b91c1c;font-size:0.76rem;font-weight:700;border:1px solid rgba(185,28,28,0.25);cursor:pointer;transition:all 0.12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.clear-all::after,#clearall::after{content:'';position:absolute;inset:-6px}.clear-all:active,#clearall:active{transform:scale(0.92);background:#fecaca}[data-theme='dark'] .clear-all,[data-theme='dark'] #clearall{background:rgba(239,68,68,0.2);color:#f87171;border-color:rgba(239,68,68,0.35)}.buttons-group{display:flex;align-items:center;gap:8px;width:100%}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:44px;height:44px;padding:0 12px;border-radius:var(--radius-md);font-size:0.88rem;font-weight:700;border:none;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,filter 0.15s ease;user-select:none;white-space:nowrap}.btn-action:active{transform:scale(0.95)}.button-copy,#btn-copy-it{background:var(--primary-gradient);color:#ffffff;box-shadow:0 4px 14px rgba(0,98,255,0.35);flex:1.35}.button-copy:hover,#btn-copy-it:hover{box-shadow:0 6px 18px rgba(0,98,255,0.45);filter:brightness(1.05)}.btn-action.btn-decorate,#btn-workspace-decorate{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);color:#ffffff;box-shadow:0 4px 12px rgba(236,72,153,0.3);flex:1.1}.btn-action.btn-decorate:hover,#btn-workspace-decorate:hover{box-shadow:0 6px 16px rgba(236,72,153,0.45);filter:brightness(1.06)}.btn-png,#btn-workspace-png{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#ffffff;box-shadow:0 4px 12px rgba(14,165,233,0.3);flex:0.9}.btn-png:hover,#btn-workspace-png:hover{box-shadow:0 6px 16px rgba(14,165,233,0.45);filter:brightness(1.06)}.btn-action.btn-share,#btn-native-share{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#ffffff;box-shadow:0 4px 12px rgba(79,70,229,0.3);flex:1}.btn-action.btn-share:hover,#btn-native-share:hover{box-shadow:0 6px 16px rgba(79,70,229,0.45);filter:brightness(1.06)}@media (max-width:520px){.buttons-group .btn-action .btn-text,.buttons-group .btn-action span,.workspace-quick-actions .btn-text-inline{display:none!important}.buttons-group{gap:8px}.btn-action{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:46px;height:46px;padding:0;min-width:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-action svg{width:20px;height:20px;margin:0 auto;flex-shrink:0}.workspace-quick-actions .btn-workspace-inline,.workspace-quick-actions .clear-all{min-width:32px;padding:4px 8px;justify-content:center;font-size:0.88rem}}@media (max-width:360px){.buttons-group{gap:6px}.btn-action{min-height:44px;height:44px}.btn-action svg{width:18px;height:18px}}#copyToast,#toast,.copy-toast{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%) translateY(-70px);z-index:100000;display:flex;align-items:center;gap:8px;max-width:min(440px,calc(100vw - 28px));box-sizing:border-box;padding:10px 18px;border-radius:var(--radius-pill);background:rgba(15,23,42,0.94);color:#ffffff;border:1px solid rgba(255,255,255,0.15);font-size:0.88rem;font-weight:700;opacity:0;pointer-events:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,0.3);transition:transform 0.28s cubic-bezier(0.34,1.56,0.64,1),opacity 0.2s ease}#copyToast.show,#toast.show,.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.copy-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#10b981;color:#ffffff;font-size:0.85rem;font-weight:800}#copyToast[data-state="error"] .copy-toast-icon{background:#ef4444}#copyToast[data-state="warning"] .copy-toast-icon{background:#f59e0b}.recent-copy-section{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-xs)}.recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.recent-header strong{font-size:0.88rem;font-weight:700;color:var(--text-main)}.recent-hint{font-size:0.75rem;color:var(--text-subtle);margin-right:auto;margin-left:8px}.clear-recent-btn{background:#fee2e2;color:#ef4444;border:1px solid rgba(239,68,68,0.2);border-radius:var(--radius-pill);padding:2px 10px;font-size:0.74rem;font-weight:700;cursor:pointer;transition:all 0.15s ease}.clear-recent-btn:hover{background:#fecaca}.recent-copied-grid{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 2px 10px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.recent-copied-grid::-webkit-scrollbar{display:none}.recent-item{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:1.3rem;line-height:1;color:var(--text-main);cursor:pointer;transition:all 0.18s cubic-bezier(0.34,1.56,0.64,1);user-select:none;box-shadow:var(--shadow-xs);flex-shrink:0;white-space:nowrap}.recent-item.wide-recent{min-width:auto;padding:0 14px;font-size:0.95rem;font-weight:600;font-family:inherit;letter-spacing:-0.01em}.recent-item:hover{transform:translateY(-2px);border-color:var(--primary);background:var(--surface-elevated)}.recent-item:active{transform:scale(0.92);background:var(--primary-light);border-color:var(--primary)}.symbol-details-section{display:block;margin:3rem 0;content-visibility:auto;contain-intrinsic-size:auto 600px}.symbol-details-header{margin-bottom:1.5rem}.symbol-details-header h2{font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:800;color:var(--text-main);margin-bottom:6px;letter-spacing:-0.02em}.symbol-details-header p{color:var(--text-muted);font-size:0.94rem;line-height:1.5;margin:0}.symbol-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}@media (min-width:900px){.symbol-details-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.symbol-detail-card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs);transition:all 0.18s ease}.symbol-detail-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.detail-preview{display:flex;align-items:center;justify-content:center;width:100%;height:90px;background:var(--surface-subtle);border-radius:var(--radius-md);margin-bottom:12px;cursor:pointer;transition:all 0.15s ease}.detail-preview:hover{background:var(--primary-light)}.detail-preview:active{transform:scale(0.94)}.detail-char{font-size:3rem;line-height:1}.detail-name{font-size:0.88rem;font-weight:700;color:var(--text-main);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-codes{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.code-row{display:flex;align-items:center;justify-content:space-between;font-size:0.78rem}.code-label{color:var(--text-subtle);font-weight:600}.code-badge{display:inline-flex;align-items:center;padding:3px 8px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.76rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all 0.12s ease}.code-badge:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.code-badge:active{transform:scale(0.94)}.detail-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.btn-card-copy,.btn-card-png{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:38px;border-radius:var(--radius-md);font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.15s ease;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:480px){.btn-card-copy,.btn-card-png{min-height:42px;font-size:0.85rem}}.btn-card-copy{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.btn-card-copy:hover{background:var(--primary);color:#ffffff}.btn-card-copy:active{transform:scale(0.94)}.btn-card-png{background:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border);text-decoration:none}.btn-card-png:hover{background:var(--border);color:var(--text-main)}.btn-card-png:active{transform:scale(0.94)}.table-section{display:block;margin:3rem 0}.table-wrapper{position:relative;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:24px}.data-table{width:100%;min-width:520px;border-collapse:collapse;font-size:0.88rem;text-align:left}.data-table thead th{padding:12px 16px;background:var(--surface-subtle);color:var(--text-main);font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-subtle)}.data-table .char-cell{position:sticky;left:0;background:var(--surface);z-index:2;box-shadow:2px 0 6px rgba(0,0,0,0.05);font-size:max(1.4rem,calc(var(--symbol-font-size,32px) * 0.85));text-align:center;font-weight:600;color:var(--text-main);cursor:pointer;transition:transform 0.12s}.data-table tr:hover .char-cell{background:var(--surface-subtle)}.data-table .char-cell:active{transform:scale(0.88)}.guide-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;margin:2rem 0;box-shadow:var(--shadow-xs)}.guide-card h2{font-size:1.25rem;font-weight:800;color:var(--text-main);margin-bottom:12px;letter-spacing:-0.02em}.guide-card p,.guide-card li{font-size:0.94rem;line-height:1.65;color:var(--text-muted)}.guide-card details{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;padding:14px 18px;transition:background 0.15s ease}.guide-card details[open]{background:var(--surface);border-color:var(--primary-border)}.guide-card summary{font-weight:700;color:var(--text-main);cursor:pointer;font-size:0.95rem;user-select:none;-webkit-tap-highlight-color:transparent}.main-footer{display:block;background:var(--surface);border-top:1px solid var(--border);margin-top:4rem;padding:2.5rem 1rem calc(2rem + env(safe-area-inset-bottom,0px))}.mini-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;list-style:none;padding:0;margin:0 0 1.5rem 0}.mini-menu li a{font-size:0.88rem;font-weight:600;color:var(--text-muted);transition:color 0.15s}.mini-menu li a:hover{color:var(--primary)}#back-to-top,.back-to-top{display:none;align-items:center;justify-content:center;position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-md);cursor:pointer;z-index:1001;transition:transform 0.2s,background-color 0.2s,opacity 0.2s,bottom 0.28s cubic-bezier(0.16,1,0.3,1)}.con-input:not(.is-minimized) ~ #back-to-top,.con-input:not(.is-minimized) + #back-to-top{bottom:calc(230px + env(safe-area-inset-bottom,0px))}#back-to-top.is-visible{display:flex}#back-to-top:hover{background:var(--primary);color:#ffffff;border-color:var(--primary);transform:translateY(-2px)}#back-to-top:active{transform:scale(0.92)}#back-to-top svg{width:18px;height:18px;stroke:currentColor}.category-hub-section{display:block;margin:3.5rem 0}.category-hub-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 14px;margin-bottom:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-hub-chips::-webkit-scrollbar{display:none}.hub-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:0.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);transition:all 0.18s ease;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.hub-chip:hover{background:var(--surface-subtle);color:var(--primary);border-color:var(--primary-border);transform:translateY(-1px)}}.hub-chip:active{transform:scale(0.94)}.hub-chip.active{background:var(--primary-gradient);color:#ffffff;border-color:transparent;box-shadow:0 4px 14px rgba(0,98,255,0.35)}.category-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px;width:100%;box-sizing:border-box}@media (min-width:640px){.category-hub-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}@media (min-width:1024px){.category-hub-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:16px}}.hub-card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:10px;text-decoration:none;box-shadow:var(--shadow-xs);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;overflow:hidden;position:relative;box-sizing:border-box}.hub-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--primary);box-shadow:0 12px 24px -6px rgba(0,98,255,0.20),0 4px 10px -2px rgba(0,98,255,0.10);background:var(--surface-elevated)}.hub-card:active{transform:scale(0.96);background:var(--primary-light);border-color:var(--primary)}.hub-card-stage{display:flex;align-items:center;justify-content:center;width:100%;height:64px;min-height:64px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:10px;padding:4px 8px;box-sizing:border-box;overflow:hidden;transition:background-color 0.2s ease,border-color 0.2s ease}.hub-card:hover .hub-card-stage{background:var(--primary-light);border-color:var(--primary-border)}.hub-stage-glyph{font-size:2rem;line-height:1;color:var(--primary);display:flex;align-items:center;justify-content:center;user-select:none;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}.hub-card:hover .hub-stage-glyph{transform:scale(1.15)}.hub-stage-glyph.glyph-wide{font-size:0.96rem;font-weight:700;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Hiragino Sans','Apple Color Emoji','Segoe UI Emoji',sans-serif;color:var(--primary);white-space:nowrap;letter-spacing:-0.01em;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 4px;line-height:1.35}.hub-card-meta{display:flex;flex-direction:column;justify-content:space-between;flex:1;width:100%;box-sizing:border-box}.hub-card-title{font-size:0.88rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.hub-card-sub{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:4px;border-top:1px solid var(--border-subtle)}.hub-badge-pill{font-size:0.70rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.03em;white-space:nowrap}.hub-card-count{font-size:0.72rem;font-weight:600;color:var(--text-subtle);white-space:nowrap}.font-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:12px;box-shadow:var(--shadow-xs);transition:all 0.15s ease}.font-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.font-card-style{font-size:0.76rem;font-weight:700;text-transform:uppercase;color:var(--text-subtle);width:90px;flex-shrink:0}.font-card-text{font-size:1.15rem;font-weight:600;color:var(--text-main);flex:1;word-break:break-all}.font-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 16px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);font-size:0.85rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all 0.15s ease}.font-card-btn:hover{background:var(--primary);color:#ffffff}.font-card-btn:active{transform:scale(0.92)}@media (max-width:540px){.font-card{flex-wrap:wrap;padding:12px 14px;gap:8px 10px}.font-card-style{order:1;width:auto;flex:1}.font-card-btn{order:2;height:34px;padding:0 12px;font-size:0.8rem}.font-card-text{order:3;width:100%;flex:0 0 100%;font-size:1.05rem;padding-top:6px;border-top:1px dashed var(--border)}}.workspace-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-xs);outline:0;box-sizing:border-box;font-family:inherit;transition:border-color 0.2s,box-shadow 0.2s}.workspace-input:focus{border-color:var(--primary);box-shadow:var(--primary-glow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--primary-gradient);color:#ffffff;border:none;border-radius:var(--radius-md);font-size:0.92rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,98,255,0.3);transition:all 0.15s ease}.btn-primary:active{transform:scale(0.94)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--surface);color:var(--text-main);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:0.92rem;font-weight:700;cursor:pointer;transition:all 0.15s ease}.btn-secondary:hover{border-color:var(--primary);background:var(--surface-subtle)}.btn-secondary:active{transform:scale(0.94)}.inspector-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-xs);transition:all 0.15s ease}.inspector-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-copy-card{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all 0.15s ease;user-select:none}.btn-copy-card:hover{background:var(--primary);color:#ffffff}.btn-copy-card:active{transform:scale(0.94)}#emojiPopup{position:fixed;inset:0;background:rgba(15,23,42,0.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;box-sizing:border-box;animation:pngFadeIn 0.2s cubic-bezier(0.16,1,0.3,1);-webkit-tap-highlight-color:transparent}.popup-content{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:0 24px 60px -12px rgba(0,0,0,0.35),0 0 0 1px var(--border);text-align:center;box-sizing:border-box;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:pngScaleUp 0.24s cubic-bezier(0.34,1.56,0.64,1)}.close-popup{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.close-popup:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.close-popup:active{transform:scale(0.92)}#popupEmoji{font-size:clamp(3rem,12vw,4.2rem);line-height:1;margin:10px 0 14px;cursor:pointer;transition:transform 0.15s;user-select:none;-webkit-tap-highlight-color:transparent}#popupEmoji:active{transform:scale(0.92)}.popup-section{text-align:left;margin-bottom:12px}.popup-section label{display:block;font-size:0.74rem;font-weight:700;text-transform:uppercase;color:var(--text-subtle);margin-bottom:4px;letter-spacing:0.04em}.copy-field{padding:10px 14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.88rem;color:var(--text-main);cursor:pointer;transition:all 0.15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.copy-field:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.copy-field:active{transform:scale(0.97)}.btn-popup-png{width:100%;min-height:48px;height:48px;padding:0 16px;border-radius:var(--radius-md);background:var(--primary-gradient);color:#ffffff;font-size:0.92rem;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px rgba(0,98,255,0.35);transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.btn-popup-png:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,98,255,0.45)}.btn-popup-png:active{transform:scale(0.97)}@media (max-width:480px){#emojiPopup{align-items:flex-end;padding:0}.popup-content{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:90vh;max-height:90dvh;padding:16px 18px max(20px,calc(16px + env(safe-area-inset-bottom,0px)));animation:pngSlideUp 0.28s cubic-bezier(0.16,1,0.3,1)}.close-popup{top:14px;right:14px;width:40px;height:40px}.btn-popup-png{min-height:48px;height:48px;font-size:0.95rem}}.png-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:pngFadeIn 0.2s cubic-bezier(0.16,1,0.3,1);-webkit-tap-highlight-color:transparent}@keyframes pngFadeIn{from{opacity:0}to{opacity:1}}.png-modal-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 60px -12px rgba(0,0,0,0.35),0 0 0 1px var(--border);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;max-height:90vh;max-height:90dvh;animation:pngScaleUp 0.24s cubic-bezier(0.34,1.56,0.64,1)}.modal-drag-indicator{display:none;width:36px;height:4px;border-radius:999px;background:var(--border);margin:8px auto 2px}@keyframes pngScaleUp{from{transform:scale(0.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width:480px){.png-modal-backdrop{align-items:flex-end;padding:0}.png-modal-card{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh;max-height:92dvh;animation:pngSlideUp 0.28s cubic-bezier(0.16,1,0.3,1)}.modal-drag-indicator{display:block}@keyframes pngSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}}.png-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.png-modal-title-wrap{display:flex;align-items:center;gap:8px}.png-modal-icon{font-size:1.2rem;line-height:1}.png-modal-title{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0}.png-modal-close{background:transparent;border:none;font-size:1.6rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:6px 10px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.png-modal-close:hover{background:var(--surface-subtle);color:var(--text-main)}.png-modal-close:active{transform:scale(0.92)}.png-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.png-preview-stage{width:100%;height:180px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1.5px solid var(--border);background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;flex-shrink:0}[data-theme="dark"] .png-preview-stage{background-color:#090d16;background-image:linear-gradient(45deg,#1e293b 25%,transparent 25%),linear-gradient(-45deg,#1e293b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e293b 75%),linear-gradient(-45deg,transparent 75%,#1e293b 75%)}#pngPreviewCanvas{max-width:160px;max-height:160px;aspect-ratio:1 / 1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.15))}@media (max-width:480px){.png-preview-stage{height:140px}#pngPreviewCanvas{max-width:120px;max-height:120px}}.png-symbol-meta{font-size:0.8rem;font-weight:700;color:var(--text-muted);text-align:center}.png-control-group{display:flex;flex-direction:column;gap:6px}.png-control-label{font-size:0.74rem;font-weight:800;color:var(--text-subtle);text-transform:uppercase;letter-spacing:0.05em}.png-pill-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.png-pill-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.15s ease;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.png-pill-btn:hover{border-color:var(--primary);background:var(--surface)}.png-pill-btn:active{transform:scale(0.96)}.png-pill-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px rgba(0,98,255,0.2)}.png-pill-tag{font-size:0.68rem;font-weight:600;color:var(--text-muted)}.png-pill-btn.active .png-pill-tag{color:var(--primary)}.png-tag-vector{font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;padding:1px 6px;border-radius:4px;background:rgba(0,98,255,0.12);color:var(--primary);margin-left:4px}.png-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;box-shadow:0 -4px 16px rgba(0,0,0,0.04)}.png-btn-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;height:46px;padding:0 16px;background:var(--surface-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:0.88rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all 0.15s ease;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.png-btn-secondary:hover{background:var(--surface-elevated);border-color:var(--primary);color:var(--primary)}.png-btn-secondary:active{transform:scale(0.96)}.png-btn-primary{flex:1.5;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;height:46px;padding:0 18px;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);font-size:0.92rem;font-weight:700;color:#ffffff;cursor:pointer;box-shadow:0 4px 14px rgba(0,98,255,0.35);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.png-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,98,255,0.45)}.png-btn-primary:active{transform:scale(0.96)}@media (max-width:540px){.png-modal-footer{display:flex;flex-direction:column;gap:8px;padding:12px 16px max(14px,calc(10px + env(safe-area-inset-bottom,0px)));position:sticky;bottom:0;z-index:10}.png-btn-primary{width:100%;min-height:48px;height:48px;font-size:0.94rem;order:1}.png-btn-secondary{width:100%;min-height:44px;height:44px;font-size:0.86rem;padding:0 12px;order:2}.png-modal-body{padding:12px 16px;gap:12px}.png-pill-btn{font-size:0.76rem;padding:6px 3px;min-height:42px}.png-pill-tag{font-size:0.65rem}}.category-filter-bar{display:flex;align-items:center;gap:12px;margin:10px 0 16px 0;width:100%}.category-filter-box{display:flex;align-items:center;position:relative;flex:1;max-width:520px}.cat-filter-icon{position:absolute;left:14px;color:var(--text-subtle,#94a3b8);pointer-events:none}.category-filter-input{width:100%;height:42px;padding:0 38px 0 40px;border-radius:var(--radius-md,10px);border:1px solid var(--border-subtle,rgba(0,0,0,0.12));background:var(--surface);color:var(--text-main,#0f172a);font-size:16px;font-family:inherit;outline:none;transition:border-color 0.18s ease,box-shadow 0.18s ease,background-color 0.18s ease}[data-theme="dark"] .category-filter-input{background:var(--surface);border-color:var(--border-subtle,rgba(255,255,255,0.12));color:var(--text-main,#f8fafc)}.category-filter-input:focus{border-color:var(--primary,#006aff);box-shadow:0 0 0 3px rgba(0,106,255,0.18)}.category-filter-clear{position:absolute;right:10px;display:none;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--surface-subtle);color:var(--text-muted,#64748b);border-radius:50%;font-size:11px;cursor:pointer;padding:0;transition:background-color 0.15s ease,color 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.category-filter-clear::after{content:'';position:absolute;inset:-10px}[data-theme="dark"] .category-filter-clear{background:rgba(255,255,255,0.12);color:#cbd5e1}.category-filter-clear:hover{background:var(--primary,#006aff);color:#ffffff}.category-filter-badge{font-size:0.82rem;font-weight:700;color:var(--primary,#006aff);background:var(--primary-light,rgba(0,106,255,0.1));padding:5px 12px;border-radius:999px;white-space:nowrap}[data-theme="dark"] .category-filter-badge{background:rgba(0,106,255,0.22);color:#60a5fa}.subgroup-filter-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 24px 0;padding:4px 0}@media (max-width:768px){.subgroup-filter-strip{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 4px 12px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.subgroup-filter-strip::-webkit-scrollbar{display:none}}.subgroup-pill{cursor:pointer;border:1px solid var(--border);background:var(--surface);font-family:inherit;font-size:0.85rem;font-weight:600;color:var(--text-muted);border-radius:var(--radius-pill);padding:7px 14px;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-xs);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.subgroup-pill:hover{background:var(--surface-subtle);color:var(--primary);border-color:var(--primary-border,rgba(0,106,255,0.3));transform:translateY(-1px)}}.subgroup-pill.active{background:var(--primary-gradient,linear-gradient(135deg,#006aff 0%,#0052cc 100%));color:#ffffff;border-color:transparent;box-shadow:0 4px 14px rgba(0,98,255,0.32)}.subgroup-pill .pill-count{font-size:0.76rem;opacity:0.85;font-weight:700}.category-subgroup{margin-bottom:32px;scroll-margin-top:100px}.subgroup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;transition:all 0.2s ease}[data-theme="dark"] .subgroup-header{background:rgba(255,255,255,0.04)}.subgroup-title{margin:0;font-size:1.02rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.subgroup-count{font-size:0.78rem;font-weight:700;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}[data-theme="dark"] .subgroup-count{background:rgba(255,255,255,0.08)}.article-index{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;margin:40px 0 24px;box-shadow:var(--shadow-sm)}@media (max-width:600px){.article-index{padding:20px 16px;margin:28px 0 20px;border-radius:var(--radius-md)}}.article-index .head-des h2{font-size:clamp(1.4rem,3.2vw,1.85rem);font-weight:800;color:var(--text-main);letter-spacing:-0.025em;margin-bottom:12px;line-height:1.3}.article-index .head-des p{font-size:1rem;line-height:1.7;color:var(--text-muted)}.article-index .first picture,.article-index .first img{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border);margin:20px 0 28px;box-shadow:var(--shadow-xs)}.article-index .separator img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.article-index .padding-article h2{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;color:var(--text-main);letter-spacing:-0.02em;margin:36px 0 14px;line-height:1.35}.article-index .padding-article h2:first-of-type{margin-top:16px}.article-index .padding-article p{font-size:0.98rem;line-height:1.72;color:var(--text-muted);margin-bottom:16px}.article-index .padding-article ul,.article-index .padding-article ol{margin:14px 0 24px 22px;color:var(--text-muted);line-height:1.75}.article-index .padding-article li{margin-bottom:10px;font-size:0.96rem}.article-index .padding-article li strong{color:var(--text-main)}.article-index .padding-article code{background:var(--surface-subtle);border:1px solid var(--border);padding:2px 7px;border-radius:4px;font-size:0.88em;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-index .padding-article a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;font-weight:600;transition:color 0.15s ease}.article-index .padding-article a:hover{color:var(--primary-hover)}.kid-guide-box{background:linear-gradient(135deg,rgba(0,98,255,0.04) 0%,rgba(99,102,241,0.06) 100%);border:2px solid var(--primary-border);border-radius:var(--radius-lg);padding:26px 22px;margin:32px 0 36px}[data-theme="dark"] .kid-guide-box{background:linear-gradient(135deg,rgba(59,130,246,0.08) 0%,rgba(139,92,246,0.08) 100%)}.kid-guide-box h2{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:800;color:var(--text-main);letter-spacing:-0.02em;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kid-guide-box>p{font-size:1rem;line-height:1.65;color:var(--text-muted);margin-bottom:20px}.kid-steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.kid-step-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:18px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.kid-step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-border)}.kid-step-header{display:flex;align-items:center;gap:10px}.kid-step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#ffffff;font-size:0.84rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 6px rgba(0,98,255,0.3)}.kid-step-card h3{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-0.01em}.kid-step-card p{font-size:0.92rem;line-height:1.6;color:var(--text-muted);margin:0}.practical-guide-section{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;margin:2.5rem 0;box-shadow:var(--shadow-xs)}@media (max-width:600px){.practical-guide-section{padding:20px 16px;margin:2rem 0;border-radius:var(--radius-md)}}.practical-guide-header{margin-bottom:20px}.practical-guide-title{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;color:var(--text-main);letter-spacing:-0.02em;margin:0 0 6px;line-height:1.3}.practical-guide-desc{font-size:0.92rem;color:var(--text-muted);margin:0;line-height:1.55}.practical-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px}.practical-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 16px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.15s ease,transform 0.15s ease}.practical-card:hover{border-color:var(--primary-border)}.practical-card-title{font-size:0.98rem;font-weight:700;color:var(--text-main);margin:0;display:flex;align-items:center;gap:8px}.practical-card-content{font-size:0.88rem;line-height:1.6;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed var(--border);font-size:0.86rem}.shortcut-row:last-child{border-bottom:none}.shortcut-row strong{color:var(--text-main)}.shortcut-row kbd{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:0.82rem;font-weight:700;color:var(--primary);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.combo-chips-list{display:flex;flex-direction:column;gap:8px}.combo-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:0.9rem;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all 0.15s ease;user-select:none}.combo-chip:hover{border-color:var(--primary);background:rgba(0,98,255,0.04)}.combo-chip:active{transform:scale(0.97)}.combo-chip .combo-text{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',monospace,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-chip .combo-badge{font-size:0.72rem;font-weight:700;color:var(--primary);background:rgba(0,98,255,0.08);padding:2px 7px;border-radius:3px;flex-shrink:0;margin-left:8px;transition:all 0.15s ease}.combo-chip.is-copied .combo-badge{background:#10b981;color:#ffffff}.combo-studio-modal-card{max-width:560px;width:95%;border-radius:var(--radius-lg);box-shadow:0 20px 40px -10px rgba(0,0,0,0.45);max-height:90vh;max-height:90dvh;display:flex;flex-direction:column}@media (max-width:480px){.combo-studio-modal-card{width:100%;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh;max-height:92dvh}.combo-studio-modal-card .png-modal-body{padding-bottom:max(20px,calc(16px + env(safe-area-inset-bottom,0px)))}.combo-preview-stage{padding:14px 12px;min-height:60px}.combo-preview-result{font-size:1.15rem;padding-right:56px}.combo-copy-action-btn{min-height:38px;padding:6px 12px}}.combo-preview-stage{position:relative;background:var(--surface-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:22px 18px;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;min-height:76px}.combo-preview-result{font-size:1.35rem;font-weight:800;color:var(--text-main);word-break:break-all;padding-right:60px}.combo-copy-action-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--primary);color:#ffffff;border:none;border-radius:6px;padding:6px 12px;font-size:0.8rem;font-weight:700;cursor:pointer;transition:all 0.15s ease}.combo-copy-action-btn:hover{background:var(--primary-hover)}.combo-copy-action-btn:active{transform:translateY(-50%) scale(0.95)}.combo-input-group{margin-bottom:14px}.combo-label{display:block;font-size:0.82rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em}.combo-text-input{width:100%;height:44px;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:0 14px;font-size:1rem;color:var(--text-main);outline:none;transition:border-color 0.15s ease}.combo-text-input:focus{border-color:var(--primary)}.combo-filter-tabs{display:flex;gap:6px;background:var(--surface-subtle);padding:4px;border-radius:var(--radius-md);margin-bottom:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.combo-filter-tabs::-webkit-scrollbar{display:none}.combo-tab-btn{flex:1 0 auto;padding:6px 10px;min-height:32px;font-size:0.8rem;font-weight:700;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all 0.15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.combo-tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.combo-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:220px;overflow-y:auto;padding-right:4px;margin-bottom:8px}.combo-preset-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 8px;text-align:center;cursor:pointer;transition:all 0.15s ease;user-select:none}.combo-preset-card:hover{border-color:var(--primary);background:rgba(0,98,255,0.04)}.combo-preset-card.active{border-color:var(--primary);background:rgba(0,98,255,0.08)}.combo-preset-title{display:block;font-size:0.72rem;color:var(--text-muted);margin-bottom:4px;font-weight:600}.combo-preset-preview{display:block;font-size:0.95rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extension-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:24px 0 32px}.extension-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.extension-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}.extension-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.extension-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;background:rgba(0,98,255,0.08);border:1px solid var(--border);flex-shrink:0}.extension-badge{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:3px 8px;border-radius:999px;background:rgba(0,98,255,0.1);color:#004ecc;margin-bottom:4px}[data-theme='dark'] .extension-badge{background:rgba(59,130,246,0.2);color:#93c5fd}.extension-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin:0;line-height:1.3}.extension-desc{font-size:0.92rem;line-height:1.6;color:var(--text-muted);margin-bottom:16px}.extension-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.extension-features li{display:flex;align-items:flex-start;gap:8px;font-size:0.88rem;color:var(--text-main);line-height:1.45}.extension-features li span{color:#10b981;font-weight:bold}.extension-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:0.94rem;font-weight:700;border-radius:var(--radius-md);text-decoration:none;color:#ffffff!important;background:var(--primary);transition:opacity 0.15s ease,transform 0.15s ease;box-shadow:0 2px 8px rgba(0,98,255,0.28)}.extension-btn:hover{opacity:0.92;transform:translateY(-1px)}.sw-troubleshoot-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:24px 0 32px;box-shadow:var(--shadow-xs)}.sw-steps-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.sw-step-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(0,0,0,0.02);border:1px solid var(--border);border-radius:var(--radius-md)}[data-theme="dark"] .sw-step-item{background:rgba(255,255,255,0.02)}.sw-step-num{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:0.85rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sw-step-body h4{margin:0 0 6px;font-size:0.98rem;font-weight:700;color:var(--text-main)}.sw-step-body p{margin:0;font-size:0.9rem;color:var(--text-muted);line-height:1.55}.contact-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0 30px}.contact-method-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;gap:14px;text-decoration:none;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;box-shadow:var(--shadow-xs)}.contact-method-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.contact-method-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.contact-method-icon.email{background:rgba(0,106,255,0.12);color:#006aff}.contact-method-icon.facebook{background:rgba(24,119,242,0.12);color:#1877f2}.contact-method-icon.instagram{background:rgba(225,48,108,0.12);color:#e1306c}.contact-method-icon.youtube{background:rgba(255,0,0,0.12);color:#ff0000}.contact-method-info{display:flex;flex-direction:column;min-width:0;gap:2px}.contact-method-label{font-size:0.74rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.contact-method-value{font-size:0.94rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-method-sub{font-size:0.82rem;color:var(--text-muted)}