@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700 900;font-display:swap;src:url('/fonts/montserrat-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent-color,#6b5b95);color:#fff;padding:12px 24px;border-radius:0 0 12px 12px;font-weight:700;font-size:.9rem;z-index:10000;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px}:root{--bg-primary:rgba(255, 255, 255, 0.98);--bg-secondary:rgba(248, 250, 252, 0.95);--bg-glass:rgba(255, 255, 255, 0.85);--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--border-color:rgba(226, 232, 240, 0.5);--accent-color:#6b5b95;--accent-light:#8b7bb8;--accent-dark:#4c3d6d;--success-color:#059669;--danger-color:#dc2626;--card-shadow:0 8px 32px rgba(31, 38, 135, 0.15);--card-hover-shadow:0 16px 48px rgba(31, 38, 135, 0.2);--input-bg:rgba(255, 255, 255, 0.5);--input-border:rgba(226, 232, 240, 0.3);--page-gradient:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%)}body.dark-theme{--page-gradient:linear-gradient(145deg, #0e0e10 0%, #141416 50%, #0e0e10 100%);background-color:#0e0e10;--bg-primary:#18181b;--input-bg:#18181b;--input-border:#3f3f46;--bg-glass:rgba(39, 39, 42, 0.95);--bg-secondary:#2c2c30;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-color:#333338;--accent-color:#8b7bb8;--accent-light:#a99bd2;--accent-dark:#6b5b95;--success-color:#34d399;--danger-color:#f87171;--card-shadow:0 4px 24px rgba(0, 0, 0, 0.4);--card-hover-shadow:0 12px 48px rgba(0, 0, 0, 0.5)}body,html{height:100%;min-height:100vh}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--bg-primary);background-image:var(--page-gradient);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden}.bg-shard{position:fixed;border-radius:50%;filter:blur(100px);z-index:0;opacity:.18;pointer-events:none;backface-visibility:hidden;transform:translateZ(0)}.shard-1{width:550px;height:550px;background:var(--accent-color);top:-180px;right:-120px}.shard-2{width:450px;height:450px;background:var(--accent-light);bottom:-120px;left:-120px}.shard-3{width:300px;height:300px;background:var(--success-color);top:35%;left:50%}@media (prefers-reduced-motion:no-preference) and (min-width:769px){.bg-shard{animation:floatShard 20s infinite alternate ease-in-out}.shard-2{animation-delay:-7s}.shard-3{animation-delay:-12s;animation-duration:24s}}@keyframes floatShard{0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(60px,80px) scale(1.15) rotate(5deg)}}@media (max-width:768px){.bg-shard{display:none}}.container{position:relative;z-index:1;width:70%;max-width:1600px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:22px;contain:layout style}.page-container{width:70%;max-width:1600px;margin:0 auto;padding:32px 24px 48px;position:relative}.hamburger-btn{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:0 0;border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;padding:8px;transition:background .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);z-index:1100;position:relative}.hamburger-btn:hover{background:rgba(99,102,241,.08);border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(99,102,241,.12);transform:scale(1.06)}.hamburger-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.ham-bar{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,width .3s cubic-bezier(.22,1,.36,1);transform-origin:center}.hamburger-btn.open .ham-bar:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .ham-bar:nth-child(2){opacity:0;width:0}.hamburger-btn.open .ham-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.theme-toggle-btn{position:static;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-primary);box-shadow:var(--card-shadow);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s cubic-bezier(.22,1,.36,1);overflow:hidden}.theme-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:var(--card-hover-shadow),0 0 0 3px rgba(107,91,149,.12);transform:scale(1.08) rotate(8deg)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.theme-toggle-btn:active{transform:scale(.95)}.toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.toggle-icon-moon{opacity:1;transform:rotate(0) scale(1)}.toggle-icon-sun{opacity:0;transform:rotate(90deg) scale(.4)}body.dark-theme .toggle-icon-moon{opacity:0;transform:rotate(-90deg) scale(.4)}body.dark-theme .toggle-icon-sun{opacity:1;transform:rotate(0) scale(1)}.toggle-icon-sparkle{opacity:0;transform:rotate(90deg) scale(.4)}body.dramatic-theme .toggle-icon-moon{opacity:0;transform:rotate(-90deg) scale(.4)}body.dramatic-theme .toggle-icon-sparkle{opacity:1;transform:rotate(0) scale(1)}.header-search-row{position:relative;width:100%;max-width:420px;margin:6px auto 0}.header-search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.header-search-box:hover{border-color:color-mix(in srgb,var(--accent-color) 50%,var(--border-color));box-shadow:0 4px 18px rgba(107,91,149,.12);transform:translateY(-1px)}.header-search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(107,91,149,.14),0 6px 20px rgba(107,91,149,.1);transform:translateY(-2px)}.header-search-icon{flex-shrink:0;color:var(--text-secondary);opacity:.5;transition:opacity .25s ease,color .25s ease,transform .25s ease}.header-search-box:focus-within .header-search-icon{opacity:1;color:var(--accent-color);transform:scale(1.08)}.header-search-input{flex:1;border:none;outline:0;background:0 0;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;color:var(--text-primary);min-width:0;letter-spacing:.01em}.header-search-input::placeholder{color:var(--text-secondary);opacity:.55;font-weight:400}.header-search-clear[hidden]{display:none}.header-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:var(--border-color);color:var(--text-secondary);font-size:.68rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.header-search-clear:hover{background:rgba(239,68,68,.15);color:#ef4444;transform:scale(1.1)}.header-search-no-results{font-size:.82rem;font-weight:500;color:var(--text-secondary);text-align:center;padding:16px}.header-search-results{position:absolute;left:0;right:0;top:100%;z-index:50;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.12);max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.header-search-result-item{display:block;padding:11px 16px;color:var(--text-primary);font-size:.87rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-color);transition:background .15s ease,transform .2s ease}.header-search-result-item:last-child{border-bottom:none}.header-search-result-item:focus,.header-search-result-item:hover{background:var(--bg-secondary);transform:translateX(4px);outline:0}.header-search-result-item .search-highlight{background:rgba(107,91,149,.18);border-radius:3px;padding:0 2px}body.dark-theme .header-search-box{background:rgba(24,24,27,.65);box-shadow:0 2px 8px rgba(0,0,0,.2)}body.dark-theme .header-search-box:hover{box-shadow:0 4px 14px rgba(139,123,184,.15)}body.dark-theme .header-search-box:focus-within{box-shadow:0 0 0 3px rgba(139,123,184,.18),0 4px 14px rgba(139,123,184,.12)}body.dark-theme .header-search-results{background:#1c1c1f;box-shadow:0 12px 32px rgba(0,0,0,.45)}body.dark-theme .header-search-result-item .search-highlight{background:rgba(139,123,184,.22)}@media (max-width:600px){.header-search-row{max-width:100%;margin-top:6px}.header-search-box{padding:9px 13px;border-radius:12px}.header-search-input{font-size:.84rem}}@media (max-width:380px){.header-search-box{padding:8px 11px;gap:8px}.header-search-input{font-size:.82rem}}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1200}.nav-overlay.open{opacity:1;visibility:visible}.nav-drawer{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100dvh;background:var(--bg-primary);border-right:1px solid var(--border-color);box-shadow:4px 0 40px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .35s cubic-bezier(.22,1,.36,1);z-index:1300;display:flex;flex-direction:column;overflow:hidden;contain:layout style}.nav-drawer.open{transform:translateX(0)}.nav-drawer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-light),var(--success-color))}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.nav-drawer-logo{font-family:Montserrat,sans-serif;font-weight:800;font-size:1rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em}.nav-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:0 0;border:1.5px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background .2s,color .2s,border-color .2s}.nav-close-btn:hover{background:rgba(239,68,68,.08);color:var(--danger-color);border-color:rgba(239,68,68,.3)}.nav-search-box{display:flex;align-items:center;gap:8px;margin:16px 20px 16px;padding:8px 12px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;flex-shrink:0}.nav-search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(107,91,149,.12)}body.dark-theme .nav-search-box:focus-within{box-shadow:0 0 0 3px rgba(139,123,184,.15)}.nav-search-icon{flex-shrink:0;color:var(--text-secondary);opacity:.6}.nav-search-input{flex:1;border:none;outline:0;background:0 0;font-family:Inter,sans-serif;font-size:.86rem;color:var(--text-primary);min-width:0}.nav-search-input::placeholder{color:var(--text-secondary);opacity:.55}.nav-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:var(--border-color);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.nav-search-clear:hover{background:rgba(239,68,68,.1);color:var(--danger-color)}.nav-search-no-results{margin:8px 20px 0;font-family:Inter,sans-serif;font-size:.8rem;color:var(--text-secondary)}.search-hidden{display:none!important}.nav-group.search-match-children>.nav-submenu{max-height:500px}.nav-link .search-highlight,.nav-sublink .search-highlight{background:rgba(107,91,149,.18);border-radius:2px;padding:0 1px}body.dark-theme .nav-sublink .search-highlight{background:rgba(139,123,184,.22)}.nav-menu{list-style:none;padding:12px 12px 0;margin:0;flex:1;overflow-y:auto}.nav-divider{height:1px;background:var(--border-color);margin:10px 8px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:background .18s ease,color .18s ease,transform .15s ease}.nav-link:hover{background:rgba(99,102,241,.07);color:var(--accent-color);transform:translateX(3px)}.nav-link.active{background:rgba(99,102,241,.1);color:var(--accent-color);font-weight:600}.nav-link.active svg{opacity:1}.nav-link svg{flex-shrink:0;opacity:.7}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;background:0 0;border:none;border-radius:10px;cursor:pointer;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:background .18s ease,color .18s ease;text-align:left}.nav-group-toggle:hover{background:rgba(99,102,241,.07);color:var(--accent-color)}.nav-group-toggle-left{display:flex;align-items:center;gap:11px}.nav-group-toggle-left svg{flex-shrink:0;opacity:.7}.nav-chevron{flex-shrink:0;transition:transform .3s cubic-bezier(.22,1,.36,1);opacity:.55}.nav-group.expanded .nav-chevron{transform:rotate(180deg)}.nav-submenu{list-style:none;margin:4px 0 4px 28px;padding:0;display:none}.nav-group.expanded .nav-submenu{display:block;animation:submenuReveal .25s cubic-bezier(.22,1,.36,1)}@keyframes submenuReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-sublink{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:8px;text-decoration:none;color:var(--text-tertiary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:background .18s ease,color .18s ease;border-left:2px solid var(--border-color)}.nav-sublink.active,.nav-sublink:hover{background:rgba(99,102,241,.07);color:var(--accent-color);border-left-color:var(--accent-color)}.nav-theme-section{padding:14px 16px;border-top:1px solid var(--border-color);flex-shrink:0}.nav-section-label{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary);margin-bottom:10px}.nav-theme-pills{display:flex;gap:6px}.nav-theme-pill{flex:1;padding:7px 4px;background:0 0;border:1.5px solid var(--border-color);border-radius:9px;cursor:pointer;font-size:.72rem;font-family:Inter,sans-serif;font-weight:600;color:var(--text-secondary);transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);text-align:center;white-space:nowrap}.nav-theme-pill:hover{background:rgba(99,102,241,.07);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.nav-theme-pill.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 2px 10px rgba(99,102,241,.3)}.nav-install-section{padding:10px 16px 0;flex-shrink:0}.nav-install-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:#fff;border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.nav-install-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.25)}.nav-install-btn:active{transform:translateY(0);opacity:.85;box-shadow:none}.nav-install-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav-install-btn.installing{pointer-events:none;opacity:.85;transform:none;box-shadow:none}.nav-install-btn:disabled{cursor:default}.ios-install-tooltip{margin:8px 16px 0;padding:14px 16px;background:var(--bg-secondary,#f8fafc);border:1.5px solid var(--border-color);border-radius:12px;font-size:.78rem;line-height:1.5;color:var(--text-primary);position:relative}.ios-install-tooltip p{margin:0 0 8px;font-weight:600}.ios-install-tooltip ol{margin:0;padding-left:20px}.ios-install-tooltip li{margin-bottom:4px}.ios-tooltip-close{position:absolute;top:6px;right:8px;background:0 0;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:2px 6px}.ios-copy-link-btn{display:block;width:100%;margin-top:10px;padding:8px 12px;background:var(--accent-color,#6b5b95);color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.ios-copy-link-btn:hover{opacity:.9}.nav-drawer-footer{padding:12px 16px;border-top:1px solid var(--border-color);font-size:.72rem;color:var(--text-tertiary);text-align:center;flex-shrink:0}.header{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:22px;padding:20px 32px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--card-shadow),inset 0 1px 0 rgba(255,255,255,.12);position:relative;z-index:10;transition:box-shadow .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.header::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(107,91,149,.04) 45%,rgba(107,91,149,.06) 50%,rgba(107,91,149,.04) 55%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .6s ease}.header:hover::before{opacity:1}.header:hover{box-shadow:var(--card-hover-shadow),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-color) 40%,var(--border-color))}.header-top{display:flex;align-items:center;gap:12px;padding:0;width:100%}.header-top .hamburger-btn{position:static;flex-shrink:0}.header-top .site-title{flex:1;text-align:center}.site-title,h1{font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(.95rem, 2vw, 1.3rem);letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-light) 50%,var(--accent-color) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin-bottom:0;transition:background-position .6s ease}.header:hover .site-title{background-position:right center}.tagline{color:var(--text-secondary);font-size:.78rem;line-height:1.4;max-width:600px;opacity:.85;text-align:center;margin:6px auto 0}.unified-hero{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--card-shadow);padding:0 36px 10px;text-align:center;position:relative;overflow:visible;z-index:10;display:flex;flex-direction:column}@media (hover:hover){.unified-hero{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}}.unified-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(107,91,149,.06) 0,rgba(139,123,184,.04) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.unified-hero:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--accent-color)}.unified-hero .header{background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:12px 0 2px;margin:0 -36px;padding-left:36px;padding-right:36px;z-index:10;overflow:visible}.unified-hero .header::before{display:none}.unified-hero .header:hover{box-shadow:none;transform:none;border-color:transparent}.unified-hero .header-top .site-title{display:block;flex:1;text-align:center;margin-bottom:0;font-size:clamp(1.4rem, 3.5vw, 2rem)}.unified-hero .header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.unified-hero .header-top .share-btn{margin-left:auto}.unified-hero>.page-hero-eyebrow{margin-top:0;margin-bottom:4px;padding:3px 12px;align-self:center}.unified-hero .hero-actions{gap:8px}.unified-hero .hero-actions .btn-primary,.unified-hero .hero-actions .btn-secondary{padding:9px 22px}.unified-hero>h1{font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(1.4rem, 3.5vw, 2rem);background:linear-gradient(135deg,var(--accent-color),var(--accent-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px;line-height:1.15}.unified-hero>p{color:var(--text-secondary);font-size:.92rem;line-height:1.35;max-width:560px;margin:0 auto 6px}body.dark-theme .unified-hero{background:var(--bg-glass)}body.dark-theme .unified-hero::before{background:linear-gradient(135deg,rgba(139,123,184,.08) 0,rgba(107,91,149,.04) 50%,transparent 100%)}@media (max-width:600px){.unified-hero{padding:0 20px 10px}.unified-hero .header{margin:0 -20px;padding-left:20px;padding-right:20px}.unified-hero:hover{transform:none}}.page-hero-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);background:rgba(107,91,149,.08);border:1px solid rgba(107,91,149,.15);border-radius:20px;padding:3px 14px;margin-bottom:6px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;margin-bottom:8px;flex-wrap:wrap}.hero-actions .btn-primary,.hero-actions .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.3)}.btn-secondary{background:var(--accent-light);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.2)}.page-section{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:28px 32px;box-shadow:var(--card-shadow);margin-top:22px;transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease}.page-section:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--accent-color)}body.dark-theme .page-section{background:var(--bg-glass)}.page-section h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.25rem;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.page-section p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin-bottom:10px}.page-section ul{color:var(--text-secondary);font-size:.92rem;line-height:1.8;padding-left:20px}.page-section li strong{color:var(--text-primary)}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.page-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--card-shadow);transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease}.page-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--accent-color)}.page-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:#fff;margin-bottom:14px}.page-card h4{font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:8px}.page-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.tool-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:16px}.tool-listing-item{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;font-size:.88rem;font-weight:600;color:var(--text-primary);text-decoration:none;background:var(--bg-glass);border:1px solid var(--border-color);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tool-listing-item:hover{background:rgba(99,102,241,.08);border-color:var(--accent-color);box-shadow:0 4px 12px rgba(107,91,149,.15);transform:translateY(-1px)}.tool-listing-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(107,91,149,.1)}.tool-listing-icon svg{stroke:var(--accent-color)}body.dark-theme .tool-listing-item{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}body.dark-theme .tool-listing-item:hover{background:rgba(99,102,241,.12);border-color:var(--accent-color)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.about-stats>div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:18px 12px;text-align:center;transition:border-color .2s ease}.about-stats>div:hover{border-color:var(--accent-color)}.about-stat-value{font-family:Montserrat,sans-serif;font-weight:900;font-size:1.5rem;color:var(--accent-color);line-height:1.2}.about-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-top:4px}.info-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;padding:36px 40px;box-shadow:var(--card-shadow);transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease;content-visibility:auto;contain-intrinsic-size:auto 500px}.info-box:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--accent-color)}body.dark-theme .info-box{background:var(--bg-glass)}.info-box h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.3rem;color:var(--text-primary);margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.info-box h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:10px}.info-box h3::before{content:'';display:inline-block;width:3px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--accent-color),var(--accent-light));flex-shrink:0}.info-box p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:10px}.info-box ol,.info-box ul{color:var(--text-secondary);font-size:.9rem;line-height:1.7;padding-left:24px}.info-box li{margin-bottom:8px}.info-box li strong{color:var(--text-primary)}.info-box dl{margin:0;padding:0 0 0 16px}.info-box dt{font-family:Montserrat,sans-serif;font-weight:700;font-size:.92rem;color:var(--text-primary);padding:14px 0 6px;border-top:1px solid var(--border-color)}.info-box dt::before{content:'•';margin-right:8px;color:var(--accent-color)}.info-box dt:first-child{border-top:none;padding-top:0}.info-box dd{margin:0 0 4px;padding:0 0 14px 20px;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.story-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);background:rgba(107,91,149,.08);border:1px solid rgba(107,91,149,.15);border-radius:20px;padding:3px 14px;margin:4px auto 6px;align-self:center}.story-illustration-placeholder{width:100%;max-width:480px;margin:0 auto 28px;aspect-ratio:16/7;border-radius:16px;background:linear-gradient(135deg,rgba(107,91,149,.08) 0,rgba(139,123,184,.05) 50%,rgba(107,91,149,.08) 100%);border:1.5px dashed rgba(107,91,149,.25);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.8rem;font-style:italic;font-family:Inter,sans-serif}.story-illustration{width:100%;max-width:520px;margin:28px auto 2rem;border-radius:16px;overflow:hidden;background:var(--bg-secondary);border:2px solid rgba(107,91,149,.15);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(107,91,149,.1);line-height:0;perspective:800px;transition:box-shadow .4s ease,border-color .4s ease}.story-illustration:hover{border-color:var(--accent-color);box-shadow:0 8px 32px rgba(107,91,149,.18),0 2px 8px rgba(107,91,149,.12)}body.dark-theme .story-illustration{border-color:rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.25),0 1px 4px rgba(107,91,149,.08)}body.dark-theme .story-illustration:hover{border-color:var(--accent-light);box-shadow:0 8px 40px rgba(107,91,149,.2),0 2px 8px rgba(107,91,149,.15)}.story-illustration-img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:14px;will-change:transform,opacity;opacity:0;transform:scale(.97) translateY(8px);transition:opacity .6s cubic-bezier(.22, 1, .36, 1),transform .6s cubic-bezier(.22, 1, .36, 1);background:linear-gradient(135deg,rgba(107,91,149,.08) 0,rgba(139,123,184,.05) 50%,rgba(107,91,149,.08) 100%)}.story-illustration-img.is-visible{opacity:1;transform:scale(1) translateY(0)}@media (scripting:none){.story-illustration-img{opacity:1;transform:none}}.story-body{width:100%}.story-paragraph{color:var(--text-primary);font-size:1rem;line-height:1.85;margin-bottom:20px;font-family:Inter,sans-serif}.story-paragraph:first-child::first-letter{font-family:Montserrat,sans-serif;font-weight:900;font-size:2.8rem;line-height:.85;float:left;margin-right:6px;margin-top:6px;color:var(--accent-color)}.moral-box{border-left:4px solid var(--accent-color)}.moral-quote{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(1rem, 2.5vw, 1.3rem);color:var(--accent-color);margin:0 0 14px;padding:0;border:none;line-height:1.3}body.dark-theme .moral-quote{color:var(--accent-light)}.story-content{padding:28px 32px}@media (max-width:768px){.story-paragraph{font-size:.95rem;line-height:1.75}.story-paragraph:first-child::first-letter{font-size:2.2rem}.moral-quote{font-size:1rem}.story-illustration-placeholder{aspect-ratio:16/9;margin-bottom:20px}.story-illustration{max-width:100%;margin:0 auto 1.5rem;border-radius:12px}.story-illustration-img{border-radius:10px}.story-content{padding:20px 24px}}@media (max-width:480px){.story-illustration{border-radius:10px}.story-illustration-img{border-radius:8px}.story-content{padding:16px 18px}}body.dramatic-theme{--font-heading:'Fredoka One','Comic Sans MS','Papyrus',cursive;--font-body:'Nunito','Comic Neue','Comic Sans MS',cursive,sans-serif;--bg-primary:rgba(255, 245, 253, 0.94);--bg-secondary:rgba(255, 235, 250, 0.92);--bg-glass:rgba(255, 255, 255, 0.90);--text-primary:#1a0533;--text-secondary:#6b21a8;--text-tertiary:#9333ea;--border-color:rgba(244, 63, 142, 0.28);--accent-color:#f43f8e;--accent-light:#fb7eb5;--accent-dark:#be185d;--success-color:#10b981;--danger-color:#ef4444;--card-shadow:0 8px 32px rgba(244, 63, 142, 0.16);--card-hover-shadow:0 16px 48px rgba(244, 63, 142, 0.24);--input-bg:rgba(255, 255, 255, 0.75);--input-border:rgba(244, 63, 142, 0.22)}@keyframes dramaticBgShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}body.dramatic-theme{background-color:#ffe8f5;background-image:linear-gradient(-45deg,#ffe0f0,#fff0e0,#e8f8e8,#e0eeff,#f8e0ff,#ffe0e8);background-size:400% 400%;background-attachment:fixed;animation:dramaticBgShift 14s ease infinite}body.dramatic-theme .shard-1{background:#ff6b9d;opacity:.25}body.dramatic-theme .shard-2{background:#48cae4;opacity:.25}body.dramatic-theme .shard-3{background:#ffd93d;opacity:.25}@keyframes dramaticTitleShift{0%{background-position:0 center}100%{background-position:200% center}}body.dramatic-theme .site-title{background:linear-gradient(90deg,#f43f8e,#f97316,#ffd93d,#22c55e,#3b82f6,#a855f7,#f43f8e);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:dramaticTitleShift 4s linear infinite}body.dramatic-theme .nav-drawer::before{background:linear-gradient(90deg,#f43f8e,#f97316,#ffd93d,#22c55e,#3b82f6,#a855f7);height:4px}body.dramatic-theme .nav-drawer-logo{background:linear-gradient(135deg,#f43f8e,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dramatic-theme .nav-theme-pill.active[data-theme=dramatic]{background:linear-gradient(135deg,#f43f8e,#a855f7);border-color:transparent;color:#fff;box-shadow:0 2px 12px rgba(244,63,142,.4)}body.dramatic-theme .page-card{border-top:3px solid #f43f8e;background:rgba(255,255,255,.88)}body.dramatic-theme .page-card:nth-child(2){border-top-color:#3b82f6}body.dramatic-theme .page-card:nth-child(3){border-top-color:#22c55e}body.dramatic-theme .page-card:nth-child(4){border-top-color:#f97316}body.dramatic-theme .story-eyebrow{background:linear-gradient(135deg,rgba(244,63,142,.12),rgba(168,85,247,.12));border-color:rgba(244,63,142,.32);color:#f43f8e}body.dramatic-theme .story-illustration-placeholder{background:linear-gradient(135deg,rgba(244,63,142,.1) 0,rgba(168,85,247,.08) 50%,rgba(59,130,246,.1) 100%);border-color:rgba(244,63,142,.35)}body.dramatic-theme .moral-box{border-left-color:#f43f8e;background:linear-gradient(135deg,rgba(255,224,240,.55),rgba(243,232,255,.55));border-radius:0 16px 16px 0;padding:24px 28px}body.dramatic-theme .moral-quote{background:linear-gradient(90deg,#f43f8e,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dramatic-theme .tool-listing-item{border-color:rgba(244,63,142,.22)}body.dramatic-theme .tool-listing-item:hover{border-color:#f43f8e;color:#f43f8e}.dramatic-cloud{display:none}body.dramatic-theme .dramatic-cloud{display:block;position:fixed;pointer-events:none;z-index:0;animation:cloudFloat 9s ease-in-out infinite alternate}body.dramatic-theme .dramatic-cloud::after,body.dramatic-theme .dramatic-cloud::before{content:'';position:absolute;border-radius:50%;background:inherit}@keyframes cloudFloat{0%{transform:translateY(0) translateX(0)}33%{transform:translateY(-10px) translateX(6px)}66%{transform:translateY(-7px) translateX(-4px)}100%{transform:translateY(-14px) translateX(2px)}}body.dramatic-theme .cloud-1{width:190px;height:56px;border-radius:56px;background:rgba(255,182,209,.58);top:12%;right:-28px;animation-duration:9s;animation-delay:0s}body.dramatic-theme .cloud-1::before{width:100px;height:100px;top:-56px;left:20px;background:rgba(255,182,209,.58)}body.dramatic-theme .cloud-1::after{width:76px;height:76px;top:-42px;right:22px;background:rgba(255,182,209,.58)}body.dramatic-theme .cloud-2{width:155px;height:48px;border-radius:48px;background:rgba(147,210,255,.56);top:42%;left:-18px;animation-duration:11s;animation-delay:-3s}body.dramatic-theme .cloud-2::before{width:82px;height:82px;top:-46px;left:16px;background:rgba(147,210,255,.56)}body.dramatic-theme .cloud-2::after{width:62px;height:62px;top:-34px;right:18px;background:rgba(147,210,255,.56)}body.dramatic-theme .cloud-3{width:134px;height:42px;border-radius:42px;background:rgba(255,233,150,.62);bottom:14%;right:4%;animation-duration:10s;animation-delay:-5s}body.dramatic-theme .cloud-3::before{width:70px;height:70px;top:-40px;left:14px;background:rgba(255,233,150,.62)}body.dramatic-theme .cloud-3::after{width:54px;height:54px;top:-30px;right:14px;background:rgba(255,233,150,.62)}body.dramatic-theme .cloud-4{width:168px;height:52px;border-radius:52px;background:rgba(152,255,196,.52);top:6%;left:6%;animation-duration:13s;animation-delay:-1.5s}body.dramatic-theme .cloud-4::before{width:90px;height:90px;top:-52px;left:20px;background:rgba(152,255,196,.52)}body.dramatic-theme .cloud-4::after{width:68px;height:68px;top:-38px;right:20px;background:rgba(152,255,196,.52)}body.dramatic-theme .cloud-5{width:122px;height:38px;border-radius:38px;background:rgba(216,170,255,.56);bottom:6%;left:12%;animation-duration:12s;animation-delay:-7s}body.dramatic-theme .cloud-5::before{width:64px;height:64px;top:-36px;left:12px;background:rgba(216,170,255,.56)}body.dramatic-theme .cloud-5::after{width:48px;height:48px;top:-26px;right:12px;background:rgba(216,170,255,.56)}@media (max-width:768px){body.dramatic-theme .cloud-2,body.dramatic-theme .cloud-3,body.dramatic-theme .cloud-5{display:none}body.dramatic-theme .cloud-1{right:-55px}body.dramatic-theme .cloud-4{left:-24px}}@keyframes dramaticSparkle{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0) rotate(var(--dr,90deg))}}.dramatic-sparkle{position:fixed;pointer-events:none;z-index:9999;animation:dramaticSparkle .65s ease-out forwards;will-change:transform,opacity}body.dramatic-theme{font-family:var(--font-body)}body.dramatic-theme .info-box-title,body.dramatic-theme .moral-quote,body.dramatic-theme .nav-drawer-logo,body.dramatic-theme .page-card-title,body.dramatic-theme .section-title,body.dramatic-theme .site-title,body.dramatic-theme .story-paragraph:first-child::first-letter,body.dramatic-theme .unified-hero>h1,body.dramatic-theme h1,body.dramatic-theme h2,body.dramatic-theme h3{font-family:var(--font-heading)}body.dramatic-theme .hero-description,body.dramatic-theme .nav-link-text,body.dramatic-theme .nav-section-label,body.dramatic-theme .nav-theme-pill,body.dramatic-theme .story-eyebrow,body.dramatic-theme .story-paragraph,body.dramatic-theme p{font-family:var(--font-body)}@media (prefers-reduced-motion:reduce){body.dramatic-theme,body.dramatic-theme .dramatic-cloud,body.dramatic-theme .site-title{animation:none}body.dramatic-theme .site-title{background-position:0 center}.dramatic-sparkle{display:none}}.bottom-block,.bottom-block-inline{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl,20px);padding:20px 28px;box-shadow:var(--card-shadow);text-align:center;position:relative;z-index:10;overflow:visible;transition:box-shadow .35s ease,border-color .35s ease}.bottom-block:hover{box-shadow:var(--card-hover-shadow);border-color:color-mix(in srgb,var(--accent-color) 30%,var(--border-color))}.bottom-block-inline{background:0 0;border:none;border-radius:0;padding:8px 0 0;box-shadow:none;border-top:none;margin-top:8px}.bottom-block-inline h3{font-size:.95rem;margin:0 0 2px}.bottom-block-inline>p{font-size:.82rem;margin:0 0 10px}.bottom-block h3,.bottom-block-inline h3{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.1rem;color:var(--text-primary);margin:0 0 6px}.bottom-block-inline>p,.bottom-block>p{color:var(--text-secondary);font-size:.88rem;margin:0 0 18px}.bottom-search-wrapper{position:relative;max-width:min(480px,100%);margin:0 auto 10px;z-index:100}.bottom-search-box{display:flex;align-items:center;gap:8px;max-width:min(480px,100%);margin:0 auto;padding:10px 14px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;transition:border-color .25s ease,box-shadow .25s ease}.bottom-search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(107,91,149,.13)}.bottom-search-icon{flex-shrink:0;color:var(--text-secondary);opacity:.6}.bottom-search-input{flex:1;border:none;outline:0;background:0 0;font-family:Inter,sans-serif;font-size:.92rem;color:var(--text-primary);min-width:0}.bottom-search-input::placeholder{color:var(--text-secondary);opacity:.65}.bottom-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:var(--border-color);color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.bottom-search-clear:hover{background:rgba(239,68,68,.15);color:#ef4444}.bottom-search-no-results{font-size:.85rem;color:var(--text-secondary);margin:8px 0 0}.page-section:has(.bottom-block),.page-section:has(.bottom-block-inline){overflow:visible;z-index:20;position:relative}.bottom-search-results{position:absolute;left:0;right:0;top:100%;z-index:9999;margin-top:6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.bottom-search-result-item{display:block;padding:11px 16px;color:var(--text-primary);font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-color);transition:background .15s ease}.bottom-search-result-item:last-child{border-bottom:none}.bottom-search-result-item:focus,.bottom-search-result-item:hover{background:var(--bg-secondary);outline:0}.bottom-search-result-item .search-highlight{background:rgba(107,91,149,.18);border-radius:2px}body.dark-theme .bottom-block{background:rgba(24,24,27,.65)}body.dark-theme .bottom-block-inline{background:0 0}body.dark-theme .bottom-search-results{background:#1c1c1f;box-shadow:0 8px 24px rgba(0,0,0,.4)}body.dark-theme .bottom-search-result-item .search-highlight{background:rgba(139,123,184,.22)}@media (max-width:600px){.bottom-block{padding:28px 20px}.bottom-block-inline{padding:16px 0 0}}.story-tab-bar{position:relative;display:flex;align-items:flex-end;overflow:visible}.story-tabs{display:flex;align-items:flex-end;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;border-bottom:1px solid var(--border-color);padding-bottom:0}.story-tabs::-webkit-scrollbar{display:none}.story-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:0 0;color:var(--text-tertiary);font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease,border-color .2s ease}.story-tab:hover{color:var(--accent-color);background:var(--bg-secondary);border-color:var(--border-color)}.story-tab.active{color:var(--accent-color);background:var(--bg-primary);border-color:var(--border-color);border-bottom:1px solid var(--bg-primary);margin-bottom:-1px;font-weight:700}.tab-search-wrapper{position:relative;display:flex;align-items:center;margin-left:auto;z-index:3;margin-bottom:-1px;height:34px}.tab-search-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;background:0 0;color:var(--text-tertiary);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,width .3s ease-in-out,opacity .3s ease-in-out;flex-shrink:0;box-sizing:border-box;overflow:hidden}.tab-search-btn:hover{color:var(--accent-color);background:var(--bg-secondary);border-color:var(--border-color)}.tab-search-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px;border-radius:10px 10px 0 0}.tab-search-wrapper.expanded .tab-search-btn{width:0;opacity:0;pointer-events:none}.tab-search-box{display:flex;align-items:center;gap:0;padding:0;height:34px;width:0;opacity:0;overflow:hidden;background:var(--bg-primary);border:1px solid transparent;border-bottom:1px solid transparent;border-radius:10px 10px 0 0;transition:width .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out,gap .3s ease-in-out,border-color .3s ease-in-out,background .2s ease,box-shadow .2s ease;box-sizing:border-box;position:relative;z-index:2}.tab-search-wrapper.expanded .tab-search-box{width:220px;opacity:1;padding:0 10px;gap:6px;border-color:var(--border-color);border-bottom-color:var(--bg-primary);overflow:visible}.tab-search-box:focus-within{border-color:var(--accent-color);border-bottom-color:var(--bg-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 18%,transparent)}.tab-search-wrapper.expanded .tab-search-box:hover{border-color:var(--accent-light);border-bottom-color:var(--bg-primary)}.tab-search-box .tab-search-input{appearance:none;-webkit-appearance:none;border:none;border-radius:0;outline:0;background:0 0;box-shadow:none;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.88rem;font-weight:400;color:var(--text-secondary);width:160px;min-width:0;line-height:1.2;letter-spacing:.01em;padding:0;height:100%}.tab-search-box .tab-search-input::placeholder{color:var(--text-secondary);opacity:1;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.88rem;font-weight:400;letter-spacing:.01em}.tab-search-box .tab-search-input:focus,.tab-search-box .tab-search-input:focus-visible,.tab-search-box .tab-search-input:hover{border:none;outline:0;box-shadow:none;background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.88rem;font-weight:400;color:var(--text-secondary)}body.dark-theme .tab-search-box .tab-search-input:focus,body.dark-theme .tab-search-box .tab-search-input:focus-visible,body.dark-theme .tab-search-box .tab-search-input:hover{box-shadow:none;background:0 0}.tab-search-clear{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:50%;background:var(--border-color);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.tab-search-clear:hover{background:rgba(239,68,68,.15);color:#ef4444}.tab-search-dropdown{position:relative;z-index:30}.tab-search-results{position:absolute;top:4px;right:0;z-index:30;min-width:260px;max-width:340px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.tab-search-result-item{display:block;padding:10px 14px;color:var(--text-primary);font-size:.88rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--border-color);transition:background .15s ease}.tab-search-result-item:last-child{border-bottom:none}.tab-search-result-item:focus,.tab-search-result-item:hover{background:var(--bg-secondary);outline:0}.tab-search-result-item .search-highlight{background:rgba(107,91,149,.18);border-radius:2px}body.dark-theme .tab-search-result-item .search-highlight{background:rgba(139,123,184,.22)}.tab-search-no-results{position:absolute;top:4px;right:0;z-index:30;padding:10px 14px;min-width:200px;font-size:.85rem;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}body.dark-theme .tab-search-box{background:#27272a}body.dark-theme .tab-search-wrapper.expanded .tab-search-box{border-bottom-color:#27272a}body.dark-theme .tab-search-box:focus-within{border-bottom-color:#27272a}body.dark-theme .tab-search-wrapper.expanded .tab-search-box:hover{border-color:var(--accent-light);border-bottom-color:#27272a}body.dark-theme .tab-search-btn:hover{color:var(--accent-light);background:rgba(139,123,184,.06);border-color:var(--border-color)}body.dark-theme .tab-search-results{box-shadow:0 8px 24px rgba(0,0,0,.3)}body.dark-theme .tab-search-no-results{box-shadow:0 8px 24px rgba(0,0,0,.3)}@media (max-width:540px){.tab-search-box .tab-search-input{width:110px;font-size:.83rem}.tab-search-box .tab-search-input::placeholder{font-size:.83rem}.tab-search-box{padding:0 8px;height:34px}.tab-search-results{min-width:220px;max-width:calc(100vw - 40px)}.tab-search-wrapper.expanded .tab-search-box{width:160px}.story-tab{padding:8px 12px;font-size:.8rem}}.footer{background:var(--bg-secondary);padding:24px 0;text-align:center;border-top:1px solid var(--border-color);position:relative}body.dark-theme .footer{background:#111113;border-top-color:var(--border-color)}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--accent-light),var(--success-color))}.footer-content{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0 32px}.footer-content p{font-size:.82rem;color:var(--text-tertiary);font-weight:500}.footer-links{display:flex;align-items:center;gap:16px}.footer-links a{font-size:.82rem;color:var(--text-tertiary);font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.social-icons{display:flex;align-items:center;gap:4px}.social-icons a{color:var(--text-tertiary);margin:0;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,transform .2s;text-decoration:none}.social-icons a:hover{color:var(--accent-color);background:var(--bg-glass);transform:translateY(-2px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes headerFadeSlideIn{from{opacity:.6;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFadeIn{from{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes buttonPop{from{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}body.js-ready .header{animation:headerFadeSlideIn .5s cubic-bezier(.22,1,.36,1) both}body.js-ready .header-top .site-title{animation:titleFadeIn .55s cubic-bezier(.22,1,.36,1) .1s both}body.js-ready .hamburger-btn{animation:buttonPop .4s cubic-bezier(.22,1,.36,1) .15s both}body.js-ready .theme-toggle-btn{animation:buttonPop .4s cubic-bezier(.22,1,.36,1) .2s both}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (max-width:900px){.container{padding:24px 24px 40px;gap:22px}.header{padding:22px 28px;gap:16px}.info-box{padding:28px 28px;border-radius:20px}}@media (max-width:768px){.container{width:100%;padding:14px 14px 36px;gap:16px}.page-container{width:100%}.header{padding:14px 16px;flex-wrap:wrap;gap:10px;border-radius:18px}.tagline{display:none}h1{font-size:clamp(1rem, 3vw, 1.3rem);margin-bottom:0}.header:hover,.info-box:hover,.page-card:hover,.page-section:hover{transform:none}.page-grid{gap:10px}.about-stats{grid-template-columns:repeat(2,1fr)}.info-box{padding:20px 18px;border-radius:18px}.info-box h2{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px}.info-box h3{font-size:.92rem}.info-box ol,.info-box p,.info-box ul{font-size:.85rem}.header,.unified-hero{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}}@media (max-width:540px){.container{padding:10px 10px 28px;gap:12px}.header{padding:12px 14px;border-radius:16px}h1{font-size:clamp(.95rem, 2.5vw, 1.15rem)}.page-section{padding:20px 18px;border-radius:16px}}@media (max-width:380px){.container{padding:8px 8px 24px;gap:10px}.header{padding:10px 12px;border-radius:14px}h1{font-size:clamp(.9rem, 2vw, 1rem)}.footer-content{flex-direction:column;gap:8px;padding:0 16px}}.share-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-primary);box-shadow:var(--card-shadow);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s cubic-bezier(.22,1,.36,1);padding:0}.share-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:var(--card-hover-shadow);transform:scale(1.08)}.share-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.share-btn:active{transform:scale(.95)}.share-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body.js-ready .share-btn{animation:buttonPop .4s cubic-bezier(.22,1,.36,1) .25s both}.share-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.share-modal-overlay.open{opacity:1;visibility:visible}.share-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;transform:translateY(12px) scale(.97);transition:transform .3s cubic-bezier(.22, 1, .36, 1)}.share-modal-overlay.open .share-modal{transform:translateY(0) scale(1)}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.share-modal-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.05rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.share-modal-title svg{width:18px;height:18px;stroke:var(--accent-color);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.share-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;color:var(--text-secondary);transition:background .2s,border-color .2s,color .2s,transform .15s;padding:0}.share-modal-close:hover{background:var(--bg-primary);border-color:var(--accent-color);color:var(--text-primary);transform:scale(1.08)}.share-modal-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:18px}.share-section{display:flex;flex-direction:column;gap:8px}.share-section-label{font-family:Montserrat,sans-serif;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.share-code-wrapper{position:relative;display:flex;align-items:stretch;gap:0;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s}.share-code-wrapper:focus-within{border-color:var(--accent-color)}.share-code-input{flex:1;padding:11px 14px;font-family:'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;font-size:.78rem;line-height:1.5;color:var(--text-primary);background:0 0;border:none;outline:0;resize:none;min-height:42px}textarea.share-code-input{min-height:80px}.share-copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;background:var(--accent-color);color:#fff;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:.78rem;transition:background .2s,transform .15s}.share-copy-btn:hover{background:var(--accent-light);transform:scale(1.02)}.share-copy-btn:active{transform:scale(.97)}.share-copy-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.share-copy-btn.copied{background:#22c55e}.share-section-hint{font-size:.72rem;color:var(--text-secondary);opacity:.75;line-height:1.4}.share-size-row{display:flex;gap:8px;flex-wrap:wrap}.share-size-pill{padding:5px 12px;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.share-size-pill.active,.share-size-pill:hover{border-color:var(--accent-color);background:var(--accent-color);color:#fff}body.dark-theme .share-modal{box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}body.dark-theme .share-code-wrapper{background:rgba(255,255,255,.04)}@media (max-width:600px){.share-modal{max-width:100%;border-radius:14px}.share-modal-header{padding:14px 16px 0}.share-modal-body{padding:14px 16px 18px}.share-code-input{font-size:.72rem}}.story-prev-next{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-bottom:24px}.story-nav-spacer{flex:1}.story-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;font-family:Inter,sans-serif;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;max-width:48%;min-width:0}.story-nav-btn:hover{background:var(--bg-glass);border-color:var(--accent-color);box-shadow:0 2px 8px rgba(107,91,149,.12)}.story-nav-btn:active{transform:scale(.98)}.story-nav-btn svg{flex-shrink:0;color:var(--accent-color)}.story-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0}.story-nav-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.story-nav-title{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-nav-next .story-nav-text{text-align:right;align-items:flex-end}.story-nav-next{margin-left:auto}.story-nav-prev .story-nav-text{text-align:left;align-items:flex-start}body.dark-theme .story-nav-btn{background:rgba(30,30,34,.6)}body.dark-theme .story-nav-btn:hover{background:rgba(40,40,46,.8);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dramatic-theme .story-nav-btn{background:rgba(255,255,255,.7);border-color:rgba(244,63,142,.2)}body.dramatic-theme .story-nav-btn:hover{border-color:#f43f8e;box-shadow:0 2px 8px rgba(244,63,142,.15)}@media (max-width:600px){.story-prev-next{gap:8px;margin-bottom:16px}.story-nav-btn{padding:8px 10px;gap:6px;border-radius:10px}.story-nav-title{font-size:.78rem}.story-nav-label{font-size:.65rem}}.category-collapsible{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-glass);overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.category-collapsible:hover{border-color:color-mix(in srgb,var(--accent-color) 30%,var(--border-color))}.category-collapsible[open]{box-shadow:var(--card-shadow)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;user-select:none;list-style:none;transition:background .2s ease}.category-header:hover{background:var(--bg-secondary)}.category-header::-webkit-details-marker,.category-header::marker{display:none;content:''}.category-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;border-radius:11px;background:var(--accent-color);color:#fff;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.02em}.category-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .25s ease}.category-collapsible[open] .category-chevron{transform:rotate(180deg)}.category-desc{padding:0 20px;margin:0 0 12px;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.category-collapsible .tool-listing-grid{padding:0 20px 20px}body.dark-theme .category-collapsible{background:rgba(24,24,27,.5)}body.dark-theme .category-header:hover{background:rgba(40,40,46,.6)}body.dramatic-theme .category-collapsible{background:rgba(255,255,255,.75);border-color:rgba(244,63,142,.2)}body.dramatic-theme .category-collapsible[open]{box-shadow:0 8px 32px rgba(244,63,142,.12)}body.dramatic-theme .category-count{background:linear-gradient(135deg,#f43f8e,#a855f7)}body.dramatic-theme .category-header:hover{background:rgba(244,63,142,.06)}@media (max-width:600px){.category-header{padding:12px 14px}.category-header h2{font-size:.95rem}.category-count{min-width:24px;height:20px;font-size:.68rem}.category-desc{padding:0 14px;font-size:.82rem}.category-collapsible .tool-listing-grid{padding:0 14px 14px}}html.embed-mode .footer,html.embed-mode .hamburger-btn,html.embed-mode .nav-drawer,html.embed-mode .nav-overlay,html.embed-mode .share-btn,html.embed-mode .skip-link{display:none!important}html.embed-mode .unified-hero .header{padding-top:8px}html.embed-mode .unified-hero .header-top{justify-content:flex-end}html.embed-mode .page-container{padding-top:12px;padding-bottom:16px}.embed-powered-by{text-align:center;padding:12px 0 4px;font-size:.72rem;color:var(--text-tertiary)}.embed-powered-by a{color:var(--accent-color);text-decoration:none;font-weight:600}.embed-powered-by a:hover{text-decoration:underline}.ad-container{width:100%;margin:0 auto;padding:16px 0;text-align:center;overflow:hidden;min-height:100px;clear:both;contain:layout style paint}.ad-container ins.adsbygoogle{display:block;min-height:100px}.ad-between-sections{margin:12px 0;padding:12px 16px;border-radius:var(--card-radius,18px);background:var(--bg-secondary);border:1px solid var(--border-color)}.ad-bottom{margin:12px 0 0;padding:16px;border-radius:var(--card-radius,18px);background:var(--bg-secondary);border:1px solid var(--border-color);position:relative;z-index:1}@media (max-width:900px){.ad-between-sections,.ad-bottom{padding:12px;border-radius:16px}}@media (max-width:768px){.ad-container{padding:10px 0}.ad-between-sections,.ad-bottom{margin:8px 0;padding:10px 8px;border-radius:14px}}@media (max-width:480px){.ad-between-sections,.ad-bottom{margin:6px 0;padding:8px 6px;border-radius:12px}}