:root{--color-primary:#1a2332;--color-accent:#00a8e8;--color-accent-hover:#0096d1;--color-secondary:#e31e24;--color-success:#10b981;--color-warning:#f59e0b;--color-text-dark:#1a202c;--color-text-medium:#4a5568;--color-text-light:#718096;--color-background:#f7fafc;--color-white:#ffffff;--color-border:#e2e8f0;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--container-max-width:1200px;--header-height:56px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}section{scroll-margin-top:70px}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-text-dark);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-height:var(--header-height);padding:.5rem 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-width:0}.logo-image{height:44px;width:auto;flex-shrink:0}.logo-brand{display:flex;flex-direction:row;align-items:stretch;gap:0}.logo-try{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-secondary);font-size:.8rem;font-weight:800;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;padding-right:0;margin-right:.4rem}.logo-name-block{display:flex;flex-direction:column;justify-content:center;gap:.1rem}.logo-name{font-size:1.3rem;font-weight:700;color:var(--color-primary);line-height:1.2;white-space:nowrap}.logo-tagline{font-size:.75rem;color:var(--color-text-light);line-height:1.3;white-space:nowrap}.header-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0;overflow:hidden;text-align:center}.header-subtitle{font-size:.7rem;color:var(--color-text-medium);font-weight:500}.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-badges{display:flex;gap:var(--spacing-xs)}.mini-badge{font-size:.7rem;color:var(--color-text-light);background-color:var(--color-background);padding:.15rem .5rem;border-radius:var(--radius-sm);font-weight:500;cursor:help;transition:all .2s ease}.mini-badge:hover{background-color:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.language-selector{position:relative}.language-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-text-dark);height:40px}.language-btn:hover{border-color:var(--color-accent);background-color:var(--color-background)}.lang-icon{font-size:1.1rem}.lang-text{font-size:.875rem}.lang-arrow{font-size:.7rem;transition:transform .2s ease}.language-btn[aria-expanded=true] .lang-arrow{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:140px;display:none;z-index:1000;overflow:hidden}.language-dropdown.active{display:block;animation:slideDown .2s ease}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;background:0 0;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;color:var(--color-text-dark)}.lang-option:hover{background-color:var(--color-background)}.lang-option.active{background-color:rgba(0,168,232,.1);color:var(--color-accent)}.lang-check{font-size:.75rem;opacity:0;transition:opacity .2s ease}.lang-option.active .lang-check{opacity:1}.header-icons{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--color-text-medium)}.header-icon-btn:hover{border-color:var(--color-accent);background-color:var(--color-background);color:var(--color-accent)}.header-icon-btn svg{width:20px;height:20px}.lang-short{font-size:.875rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.02em}.header-icon-btn:hover .lang-short{color:var(--color-accent)}.nav{display:none;position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;z-index:100}.nav.nav-open{display:flex;flex-direction:column;padding:var(--spacing-xs);animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{color:var(--color-text-medium);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;border-radius:var(--radius-sm);white-space:nowrap}.nav-link:hover{color:var(--color-primary);background-color:var(--color-background)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease;position:relative;padding:0}.menu-toggle:hover{background-color:var(--color-background)}.menu-icon{position:relative;width:20px;height:2px;background-color:var(--color-primary);transition:background-color .3s ease}.menu-icon::after,.menu-icon::before{content:'';position:absolute;left:0;width:20px;height:2px;background-color:var(--color-primary);transition:transform .3s ease,top .3s ease}.menu-icon::before{top:-6px}.menu-icon::after{top:6px}.menu-toggle[aria-expanded=true] .menu-icon{background-color:transparent}.menu-toggle[aria-expanded=true] .menu-icon::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon::after{top:0;transform:rotate(-45deg)}.tools-section{padding:var(--spacing-sm) 0 var(--spacing-2xl) 0}.tools-layout{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xl);align-items:start}.sidebar-backdrop{display:none}.tools-sidebar{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:sticky;top:calc(var(--header-height) + var(--spacing-md));transition:width .3s ease;overflow:hidden;width:60px}.tools-sidebar.expanded{width:250px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:0 0;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:1.5rem;color:var(--color-text-dark);transition:all .2s ease}.sidebar-toggle:hover{background-color:var(--color-background)}.toggle-icon{transition:transform .3s ease}.tools-sidebar.expanded .toggle-icon{transform:rotate(90deg)}.sidebar-content{padding:.75rem}.tools-sidebar:not(.expanded) .sidebar-title{display:none}.tools-sidebar:not(.expanded) .sidebar-content{padding:var(--spacing-sm) 0}.tools-sidebar.expanded .sidebar-content{padding:.75rem}.sidebar-title{font-size:.7rem;font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem;padding-bottom:0;border-bottom:none;white-space:nowrap}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,168,232,.1)}.category-filters-sidebar{display:flex;flex-direction:column;gap:.2rem}.category-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;white-space:nowrap;width:100%}.category-filter-btn:hover{background-color:var(--color-background);color:var(--color-primary);border-color:var(--color-border)}.category-filter-btn.active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);font-weight:600}.filter-icon{font-size:1rem;flex-shrink:0;width:1.25rem;text-align:center}.filter-text{flex:1;overflow:hidden;text-overflow:ellipsis}.filter-count{font-size:.72rem;background-color:rgba(0,0,0,.08);padding:.1rem .4rem;border-radius:999px;font-weight:600;min-width:20px;text-align:center;flex-shrink:0}.category-filter-btn.active .filter-count{background-color:rgba(255,255,255,.25)}.tools-sidebar:not(.expanded) .category-filter-btn{justify-content:center;padding:var(--spacing-sm);margin:0 auto;width:45px;min-height:45px;position:relative}.tools-sidebar:not(.expanded) .category-filter-btn[title]:hover::after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background-color:var(--color-primary);color:var(--color-white);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:none}.tools-sidebar:not(.expanded) .category-filter-btn[title]:hover::before{content:'';position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--color-primary);z-index:1001;pointer-events:none}.tools-sidebar:not(.expanded) .filter-count,.tools-sidebar:not(.expanded) .filter-text{display:none}.tools-sidebar.expanded .category-filter-btn{width:100%}.tools-main{min-height:400px;position:relative}.tools-search-bar{position:absolute;top:calc(-1 * var(--spacing-sm));right:0;display:flex;justify-content:flex-end;align-items:center;gap:8px}.search-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:0 0;border:1.5px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-medium);transition:border-color .2s,color .2s,background .2s}.search-toggle-btn:hover,.tools-search-bar.active .search-toggle-btn{border-color:var(--color-accent);color:var(--color-accent);background:rgba(0,168,232,.06)}.search-expand-wrap{display:flex;align-items:center;width:0;overflow:hidden;transition:width .25s ease}.tools-search-bar.active .search-expand-wrap{width:min(240px,calc(100vw - 120px))}.search-expand-wrap .search-input{flex:1;min-width:0;height:32px;padding:0 8px;border:1.5px solid var(--color-accent);border-right:none;border-radius:6px 0 0 6px;font-size:.875rem}.search-clear-btn{display:flex;align-items:center;justify-content:center;height:32px;padding:0 8px;background:#fff;border:1.5px solid var(--color-accent);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;color:var(--color-text-light);font-size:1rem;line-height:1;transition:color .2s}.search-clear-btn:hover{color:var(--color-text-dark)}.category-section{margin-bottom:var(--spacing-xl)}.category-section.hidden{display:none}.category-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.category-icon{font-size:1.75rem}.favorites-section{margin-bottom:var(--spacing-xl)}.most-used-section{margin-bottom:var(--spacing-xl)}.all-tools-section{margin-bottom:var(--spacing-xl)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-head .section-heading{margin-bottom:0}.section-heading{font-size:1.1rem;font-weight:600;color:var(--color-text-medium);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-md)}.view-switch{display:none;flex-shrink:0;padding:2px;background:var(--color-background);border:1px solid var(--color-border);border-radius:999px}.view-switch-btn{display:flex;align-items:center;justify-content:center;width:34px;height:28px;padding:0;background:0 0;border:none;border-radius:999px;color:var(--color-text-light);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.view-switch-btn svg{width:16px;height:16px}.view-switch-btn.is-active{background:var(--color-white);color:var(--color-accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}.view-switch-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.card-category-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px;background:rgba(0,168,232,.1);color:var(--color-accent);border:1px solid rgba(0,168,232,.22);align-self:flex-start;line-height:1.4}.card-badge-row{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;align-self:flex-start}.card-badge-row .card-category-badge{align-self:auto}.card-ai-badge{display:inline-flex;align-items:center;gap:.22rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem .2rem .42rem;border-radius:999px;line-height:1.4;color:#854d0e;background:linear-gradient(135deg,#fef08a,#fcd34d);border:1px solid rgba(234,179,8,.45);box-shadow:0 1px 5px rgba(250,204,21,.35)}.card-ai-badge .cab-spark{font-size:.9em;line-height:1;color:inherit}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.tool-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);isolation:isolate}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);z-index:1}.tool-card[data-status=coming-soon]::before{background:var(--color-border)}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,168,232,.13);border-color:rgba(0,168,232,.3)}.tool-card[data-status=coming-soon]{opacity:.8}.tool-card[data-status=coming-soon]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.07);border-color:var(--color-border);opacity:1}.tool-card[data-category=travel]::before{background:#00a8e8}.tool-card[data-category=travel] .card-category-badge{background:rgba(0,168,232,.1);color:#00a8e8;border-color:rgba(0,168,232,.25)}.tool-card[data-category=travel] .tool-btn-icon{background:#00a8e8}.tool-card[data-category=travel]:hover{box-shadow:0 8px 24px rgba(0,168,232,.15);border-color:rgba(0,168,232,.3)}.tool-card[data-category=students]::before{background:#6366f1}.tool-card[data-category=students] .card-category-badge{background:rgba(99,102,241,.1);color:#6366f1;border-color:rgba(99,102,241,.25)}.tool-card[data-category=students] .tool-btn-icon{background:#6366f1}.tool-card[data-category=students]:hover{box-shadow:0 8px 24px rgba(99,102,241,.15);border-color:rgba(99,102,241,.3)}.tool-card[data-category=social]::before{background:#10b981}.tool-card[data-category=social] .card-category-badge{background:rgba(16,185,129,.1);color:#10b981;border-color:rgba(16,185,129,.25)}.tool-card[data-category=social] .tool-btn-icon{background:#10b981}.tool-card[data-category=social]:hover{box-shadow:0 8px 24px rgba(16,185,129,.15);border-color:rgba(16,185,129,.3)}.tool-card[data-category=home-family]::before{background:#f97316}.tool-card[data-category=home-family] .card-category-badge{background:rgba(249,115,22,.1);color:#f97316;border-color:rgba(249,115,22,.25)}.tool-card[data-category=home-family] .tool-btn-icon{background:#f97316}.tool-card[data-category=home-family]:hover{box-shadow:0 8px 24px rgba(249,115,22,.15);border-color:rgba(249,115,22,.3)}.tool-card[data-category=everyday-money]::before{background:#22c55e}.tool-card[data-category=everyday-money] .card-category-badge{background:rgba(34,197,94,.1);color:#22c55e;border-color:rgba(34,197,94,.25)}.tool-card[data-category=everyday-money] .tool-btn-icon{background:#22c55e}.tool-card[data-category=everyday-money]:hover{box-shadow:0 8px 24px rgba(34,197,94,.15);border-color:rgba(34,197,94,.3)}.tool-card[data-category=utilities]::before{background:#64748b}.tool-card[data-category=utilities] .card-category-badge{background:rgba(100,116,139,.1);color:#64748b;border-color:rgba(100,116,139,.25)}.tool-card[data-category=utilities] .tool-btn-icon{background:#64748b}.tool-card[data-category=utilities]:hover{box-shadow:0 8px 24px rgba(100,116,139,.15);border-color:rgba(100,116,139,.3)}.tool-card[data-category=health]::before{background:#4c43a8}.tool-card[data-category=health] .card-category-badge{background:rgba(76,67,168,.1);color:#4c43a8;border-color:rgba(76,67,168,.25)}.tool-card[data-category=health] .tool-btn-icon{background:#4c43a8}.tool-card[data-category=health]:hover{box-shadow:0 8px 24px rgba(76,67,168,.16);border-color:rgba(76,67,168,.3)}.card-watermark{position:absolute;bottom:-.75rem;right:-.5rem;font-size:7rem;opacity:.07;pointer-events:none;line-height:1;z-index:-1;user-select:none}.card-watermark-img{font-size:0;bottom:0;right:0;opacity:1}.card-watermark-img img{width:140px;height:auto;display:block}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.card-top-info{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0;position:relative}.card-illustration{font-size:3.5rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .1));user-select:none}.tool-title{font-size:1.05rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin:0}.tool-subtitle{font-size:.8rem;font-weight:400;color:var(--color-text-light);line-height:1.3;margin:0}.card-fav-btn{position:absolute;top:-4px;right:-4px;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:0 0;border-radius:50%;color:var(--color-text-light);opacity:.45;cursor:pointer;transition:color .18s ease,opacity .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.card-badge-row{padding-right:32px}.card-top-info>.card-category-badge{margin-right:32px}.card-fav-btn::before{content:'';position:absolute;inset:-5px}.card-fav-btn svg{width:19px;height:19px}.card-fav-btn:focus-visible,.card-fav-btn:hover{color:#f59e0b;opacity:1}.card-fav-btn:active{transform:scale(.88)}.card-fav-btn.is-fav{color:#f59e0b;opacity:1}.card-fav-btn.is-fav svg{fill:currentColor}.status-dot-indicator{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:pulse-dot 2s ease-in-out infinite;cursor:help}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.launching-badge{position:absolute;top:12px;right:12px;padding:.25rem .75rem;background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:var(--color-white);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(245,158,11,.3);animation:pulse-glow 2s ease-in-out infinite}.launching-badge-top{position:absolute;top:12px;right:12px;z-index:10}.launching-badge-center{text-align:center;font-size:.7rem;font-weight:600;color:#6366f1;margin-bottom:.5rem;margin-top:-.25rem}.launching-text{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;background-color:rgba(99,102,241,.1);color:#6366f1;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.2);line-height:1;white-space:nowrap}@keyframes pulse-glow{0%,100%{box-shadow:0 2px 8px rgba(245,158,11,.3)}50%{box-shadow:0 4px 12px rgba(245,158,11,.5)}}.tool-description{color:var(--color-text-medium);line-height:1.55;font-size:.875rem;margin:0;flex:1}.tool-details{display:flex;flex-direction:column;gap:.4rem;padding:.625rem;background-color:var(--color-background);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.tool-detail-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;line-height:1.4}.detail-icon{font-size:.875rem;flex-shrink:0;line-height:1.4}.detail-text{color:var(--color-text-medium);flex:1}.detail-text strong{color:var(--color-text-dark);font-weight:600}.tool-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{background-color:var(--color-background);color:var(--color-text-medium);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.card-footer{margin-top:auto;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-1.5rem;padding:.875rem 1.5rem;background:rgba(0,0,0,.025);border-top:1px solid rgba(0,0,0,.06);border-radius:0 0 1rem 1rem}.tool-button{display:inline-flex;align-items:center;gap:.75rem;background:0 0;border:none;padding:0;text-decoration:none;cursor:pointer}.tool-btn-icon{width:42px;height:42px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--color-white);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.tool-btn-text{display:flex;flex-direction:column;gap:.1rem}.tool-btn-text>span:first-child{font-size:.9rem;font-weight:700;color:var(--color-primary);transition:color .2s ease}.tool-btn-sub{font-size:.72rem;font-weight:400;color:var(--color-text-light);line-height:1.3}.tool-button:hover:not(:disabled) .tool-btn-icon{transform:scale(1.1);box-shadow:0 4px 14px rgba(0,0,0,.18)}.tool-button:hover:not(:disabled) .tool-btn-text>span:first-child{color:var(--color-accent)}.tool-button:disabled{cursor:not-allowed;opacity:.55}.tool-button:disabled .tool-btn-icon{background:#94a3b8}.future-tools-section{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.future-tools-content{max-width:800px;margin:0 auto;text-align:center}.future-tools-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.future-tools-description{color:var(--color-text-medium);margin-bottom:var(--spacing-lg);font-size:1rem;line-height:1.6}.future-categories{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.future-category{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:140px}.future-icon{font-size:2.5rem}.future-name{font-size:.9rem;font-weight:600;color:var(--color-text-dark)}.future-tools-note{color:var(--color-text-medium);font-size:.9rem;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.future-tools-note strong{color:var(--color-primary)}.future-tools-note a{color:var(--color-accent);font-weight:500}.future-tools-note a:hover{text-decoration:underline}.about-section{padding:var(--spacing-2xl) 0;background-color:var(--color-white)}.about-content{text-align:center}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.about-card{padding:var(--spacing-lg)}.about-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.about-card h3{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.about-card p{color:var(--color-text-medium);line-height:1.7}.section-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;background:0 0;border:none;cursor:pointer;padding:var(--spacing-md);transition:background-color .2s ease;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.section-toggle:hover{background-color:var(--color-background)}.section-toggle-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin:0}.toggle-arrow{font-size:1.25rem;color:var(--color-accent);transition:transform .3s ease}.section-toggle[aria-expanded=true] .toggle-arrow{transform:rotate(180deg)}.section-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-xl) 0;text-align:center}.about-details{animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.section-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;text-align:center}.about-story{max-width:800px;margin:0 auto var(--spacing-2xl) auto;padding:var(--spacing-xl);background-color:#f8f9fa;border-radius:var(--radius-lg);border-left:4px solid var(--color-accent)}.story-text{font-size:1rem;line-height:1.8;color:var(--color-text-dark);margin-bottom:var(--spacing-md);text-align:left}.story-text.highlight{font-size:1.125rem;color:var(--color-accent);text-align:center;padding:var(--spacing-md) 0;margin:var(--spacing-lg) 0}.story-text strong{color:var(--color-primary);font-weight:600}.story-text em{color:var(--color-accent);font-style:italic}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);animation:fadeIn .3s ease}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:700px;max-height:80vh;overflow-y:auto;position:relative;margin:var(--spacing-md);box-shadow:0 4px 20px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:calc(var(--spacing-md) - .6rem);right:calc(var(--spacing-md) - .6rem);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.82);font-size:2rem;font-weight:300;color:var(--color-text-light);cursor:pointer;line-height:1;transition:color .2s ease,background-color .2s ease}.modal-close:hover{color:var(--color-text-dark);background:rgba(255,255,255,.95)}.modal-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xl)}.modal-body{color:var(--color-text-dark);line-height:1.7}.modal-body h3{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.modal-body p{margin-bottom:var(--spacing-md)}.modal-body ul{margin:var(--spacing-sm) 0 var(--spacing-md) var(--spacing-lg)}.modal-body li{margin-bottom:var(--spacing-xs)}.legal-page{padding:var(--spacing-2xl) 0}.legal-page-inner{max-width:760px;margin:0 auto}.legal-page-title{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.footer{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{margin-bottom:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo-image{height:24px}.footer-logo-text{font-size:1.125rem;font-weight:600}.footer-description{color:rgba(255,255,255,.8);line-height:1.6}.footer-heading{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:rgba(255,255,255,.8);transition:color .2s ease}.footer-links a:hover{color:var(--color-white)}.footer-support-text{color:rgba(255,255,255,.8);font-size:.875rem;margin-bottom:var(--spacing-md);line-height:1.5}.footer-coffee-btn{margin-top:var(--spacing-sm)}.footer-coffee-btn a{display:inline-block;transition:transform .2s ease,opacity .2s ease}.footer-coffee-btn a:hover{transform:translateY(-2px);opacity:.9}.footer-coffee-btn img{box-shadow:0 2px 8px rgba(0,0,0,.15)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);text-align:center;color:rgba(255,255,255,.6);font-size:.875rem}.footer-disclaimer{margin-top:var(--spacing-xs);font-size:.75rem;color:rgba(255,255,255,.5);font-style:italic}@media (max-width:768px){.tools-section{padding-top:.5rem}.tools-layout{grid-template-columns:1fr!important;gap:0!important;position:relative}.tools-sidebar{position:static!important;width:100%!important;height:auto!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0 44px 0 0!important;margin-bottom:.75rem!important;box-shadow:none!important;overflow:hidden!important;transition:none!important}.tools-sidebar .sidebar-toggle{display:none!important}.tools-sidebar .sidebar-content{padding:0!important}.tools-sidebar .sidebar-title{display:none!important}.tools-sidebar .category-filters-sidebar{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:.4rem!important;scrollbar-width:none!important;padding-bottom:.125rem!important;-webkit-overflow-scrolling:touch!important}.tools-sidebar .category-filters-sidebar::-webkit-scrollbar{display:none!important}.tools-sidebar .category-filter-btn{flex-shrink:0!important;white-space:nowrap!important;padding:.4rem .75rem!important;font-size:.82rem!important;gap:.4rem!important;border-radius:999px!important;min-height:36px!important;width:auto!important;border:1px solid var(--color-border)!important;background:var(--color-white)!important;color:var(--color-text-medium)!important}.tools-sidebar .category-filter-btn.active{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-white)!important}.tools-sidebar .filter-icon{font-size:.9rem!important;width:auto!important}.tools-sidebar .filter-text{display:inline!important;font-size:.82rem!important;flex:none!important}.tools-sidebar .filter-count{display:none!important}.tools-sidebar .category-filter-btn[title]:hover::after,.tools-sidebar .category-filter-btn[title]:hover::before{display:none!important}.sidebar-backdrop{display:none!important}.tools-main{position:static}.tools-search-bar{position:absolute;top:0;right:0;height:36px;z-index:10;background:0 0;padding:0;margin:0;align-items:center}.header-icons{gap:6px}.header-icon-btn{width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}.lang-short{font-size:.8125rem}.header-subtitle{font-size:.8rem}.mini-badge{font-size:.65rem;padding:.125rem .4rem}.lang-text{font-size:.8rem}.category-title{font-size:1.25rem}.tools-grid{grid-template-columns:1fr}.section-head .view-switch{display:inline-flex}.view-compact .tools-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.view-compact .tool-card{min-height:112px;padding:.9rem .55rem .7rem;gap:0;justify-content:center}.view-compact .tool-card:hover{transform:none}.view-compact .card-badge-row,.view-compact .card-category-badge,.view-compact .card-watermark,.view-compact .tool-btn-icon,.view-compact .tool-btn-text,.view-compact .tool-description,.view-compact .tool-subtitle{display:none}.view-compact .card-top{flex-direction:column-reverse;justify-content:center;align-items:center;gap:.5rem}.view-compact .card-top-info{position:static;align-items:center;flex:0 1 auto;gap:0}.view-compact .card-illustration{font-size:2rem;filter:none}.view-compact .tool-title{font-size:.8rem;line-height:1.25;text-align:center}.view-compact .card-fav-btn{top:6px;right:6px;width:28px;height:28px}.view-compact .card-fav-btn svg{width:16px;height:16px}.view-compact .card-footer{position:absolute;inset:0;z-index:1;margin:0;padding:0;background:0 0;border-top:none}.view-compact .tool-button{width:100%;height:100%;padding:0}.view-compact .tool-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px;border-radius:1rem}.view-compact .no-results{grid-column:1/-1}.about-grid{grid-template-columns:1fr}.future-tools-section{padding:var(--spacing-md);margin-top:var(--spacing-xl)}.future-tools-title{font-size:1.5rem}.future-categories{gap:var(--spacing-md)}.future-category{min-width:120px;padding:var(--spacing-sm)}}@media (max-width:480px){:root{--spacing-xl:2rem;--spacing-2xl:2.5rem}.logo-image{height:36px;width:auto}.logo{gap:.5rem}.logo-brand{flex-direction:column;gap:0}.logo-try{flex-direction:row;border-right:none;padding-right:0;margin-right:0;margin-bottom:0;font-size:.6rem;letter-spacing:.18em;line-height:1;gap:.05em;justify-content:flex-start}.logo-name{font-size:1.1rem}.header-content{position:relative;align-items:flex-start;padding-bottom:1.1rem}.logo-tagline{position:absolute;bottom:.25rem;left:calc(64px + .5rem);right:0;font-size:.6rem;white-space:normal}.header-info{display:none}.menu-toggle{width:36px;height:36px}.language-btn{padding:.35rem .5rem;height:34px;gap:.25rem}.lang-icon{font-size:1rem}.lang-text{font-size:.75rem}.lang-arrow{font-size:.65rem}.language-dropdown{min-width:130px}.tool-card{padding:var(--spacing-md)}.card-illustration{font-size:2.75rem}.future-tools-section{padding:var(--spacing-sm)}.future-tools-title{font-size:1.25rem}.future-tools-description{font-size:.9rem}.future-categories{flex-direction:column;gap:var(--spacing-sm)}.future-category{width:100%}.future-tools-note{font-size:.85rem}.footer-content{grid-template-columns:1fr}}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}