@media (max-width:1024px){:root{--max-width:100%}.container{padding:0 1.25rem}.hero-content{gap:2rem}.hero h1{font-size:2.75rem}.hero-image{max-height:380px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.container{padding:0 1rem}.site-main{padding:1rem 0 2rem}.site-header{height:60px;--header-h:60px}.logo{margin-right:auto;font-size:1.1rem;gap:.5rem}.logo-icon{width:34px;height:34px;border-radius:10px}.logo-icon svg{width:16px;height:16px}.main-nav{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--color-surface);flex-direction:column;padding:1rem;z-index:100;gap:2px;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-theme=dark] .main-nav{background:var(--color-surface)}.main-nav.open,.mobile-menu-btn{display:flex}.nav-link{padding:12px 16px;font-size:.95rem;border-radius:var(--radius-sm);width:100%}.nav-dropdown{width:100%}.nav-dropdown-trigger{width:100%;text-align:left;padding:12px 16px;font-size:.95rem}.nav-dropdown-menu{position:static;width:100%;box-shadow:none;border:none;background:var(--color-bg);padding:.5rem;border-radius:var(--radius-sm);display:none;backdrop-filter:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:4px}.nav-dd-link{padding:10px 12px;font-size:.88rem;border-radius:var(--radius-xs)}.nav-link--fav{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border);border-radius:0}.header-actions{gap:6px}.sync-google-btn{padding:7px 10px;font-size:0;gap:0;min-width:0}.sync-google-btn .sync-google-icon{font-size:inherit}.sync-google-btn svg{width:18px;height:18px}.theme-toggle{width:38px;height:38px;font-size:1rem}.mobile-menu-btn{width:38px;height:38px}.hero{padding:2rem 0;margin:-1rem -1rem 1.5rem;min-height:auto}.hero-content{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem;text-align:center}.hero-text{text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero h1{font-size:2.2rem;line-height:1.12}.hero-sub{font-size:.95rem;margin-left:auto;margin-right:auto;max-width:440px;margin-bottom:1.5rem}.hero-search-wrap{max-width:100%;margin-left:auto;margin-right:auto}.hero-stats{margin-left:auto;margin-right:auto;gap:1.25rem;padding:.85rem 1.25rem}.hero-stat{align-items:center}.hero-stat-num{font-size:1.2rem}.hero-stat-sep{height:24px}.hero-visual{display:none!important}.hero-bg-elements{display:none}.tool-header h1{font-size:1.5rem}.tool-tagline{font-size:.9rem}.tool-workspace{padding:1.25rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.tool-section h2{font-size:1.1rem}.tool-share{flex-wrap:wrap;gap:.4rem}.tool-split{grid-template-columns:1fr;gap:1rem}.breadcrumbs{font-size:.82rem;margin-bottom:1rem;gap:.3rem}.tool-header-top{flex-wrap:wrap}.tool-actions{width:100%;justify-content:flex-start;gap:6px;margin-top:.5rem}.tools-grid{grid-template-columns:1fr;gap:.6rem}.tools-grid-sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.related-tools-grid{grid-template-columns:1fr}.related-tool-arrow{display:none}.tool-card{padding:.8rem 1rem;gap:.75rem}.tool-card-arrow{display:none}.category-section{margin-bottom:2rem}.category-header{flex-wrap:wrap;gap:.6rem}.category-icon{width:36px;height:36px;font-size:1rem}.category-title{font-size:1.1rem}.footer-cta{padding:2.5rem 1.25rem;border-radius:var(--radius);margin-bottom:2rem}.footer-cta h2{font-size:1.4rem!important}.footer-content{flex-direction:column;gap:1.5rem}.footer-brand{max-width:100%}.footer-features{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.site-footer{padding:2.5rem 0 1.5rem;margin-top:2.5rem}.input-row{gap:.75rem;flex-wrap:wrap}.input-group{flex-wrap:wrap}.directive-row{flex-wrap:wrap;gap:.5rem}.directive-row label{min-width:100%}.form-grid{grid-template-columns:1fr}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-panel{width:100%;max-width:100vw}.pwd-output-card,.pwd-results-card,.pwd-settings-card{padding:1rem}.pwd-text{font-size:1rem}.pwd-chartype-grid{grid-template-columns:1fr 1fr}.pwd-output-row{padding:.85rem 1rem}}@media (max-width:480px){.container{padding:0 .75rem}.site-main{padding:.75rem 0 1.5rem}.site-header{height:56px;--header-h:56px}.main-nav{top:56px}.logo{font-size:1rem;gap:.4rem;margin-right:auto}.logo-icon{width:32px;height:32px;border-radius:8px}.logo-icon svg{width:15px;height:15px}.header-actions{gap:4px}.cmdk-trigger{min-width:0;padding:.3rem .45rem}.cmdk-trigger-kbd,.cmdk-trigger-text{display:none}.theme-toggle{width:36px;height:36px;font-size:.95rem}.mobile-menu-btn{width:36px;height:36px}.mobile-menu-btn span{width:16px}.hero{padding:1.5rem 0;margin:-.75rem -.75rem 1rem}.hero-content{gap:1.25rem;padding:0}.hero h1{font-size:1.75rem;line-height:1.15;letter-spacing:-.02em}.hero-sub{font-size:.88rem;margin-bottom:1.25rem;line-height:1.6}.hero-badge{font-size:.7rem;padding:.35rem .85rem;margin-bottom:1rem}.hero-search-wrap{margin-bottom:1.5rem}.hero-search-wrap .search-input{padding:.8rem 1rem .8rem 2.6rem;font-size:.9rem;border-radius:var(--radius-sm)}.hero-stat-sep{display:none}.hero-stats{gap:1rem;flex-wrap:wrap;justify-content:center;padding:.75rem 1rem}.hero-stat-num{font-size:1.05rem}.hero-stat-label{font-size:.68rem}.hero-visual{display:none!important}.tool-header{margin-bottom:.75rem}.tool-header h1{font-size:1.3rem;line-height:1.2}.tool-tagline{font-size:.85rem;line-height:1.5}.tool-workspace{padding:1rem .75rem;border-radius:var(--radius-xs);margin-bottom:1.25rem}.tool-section{margin-bottom:1.25rem}.tool-section h2{font-size:1.05rem;margin-bottom:.75rem}.breadcrumbs{font-size:.75rem;margin-bottom:.75rem}.tool-actions{gap:4px}.tool-action-btn span{display:none}.tool-action-btn{padding:8px;border-radius:50%}.how-to-list li{padding-left:2.2rem;font-size:.88rem;padding-top:.5rem;padding-bottom:.5rem}.faq-item summary{padding:.85rem 1rem;font-size:.88rem}.faq-item p{padding:0 1rem .85rem;font-size:.85rem}.tool-guide-link{font-size:.85rem}.tool-guide-link svg{width:14px;height:14px}.tool-card{padding:.75rem .85rem;gap:.65rem;border-radius:var(--radius-xs)}.tool-card-icon{width:38px;height:38px;font-size:1.1rem;border-radius:6px}.tool-card-name{font-size:.85rem}.tool-card-desc{font-size:.75rem}.tool-card-arrow{display:none}.fav-btn{width:28px;height:28px;font-size:.8rem}.tools-grid-sm{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem}.tool-card-sm{padding:.6rem;gap:.4rem;border-radius:var(--radius-xs)}.tool-card-sm .tool-card-icon{width:30px;height:30px;font-size:.8rem;border-radius:6px}.tool-card-sm .tool-card-name{font-size:.78rem}.category-section{margin-bottom:1.5rem}.category-header{margin-bottom:.75rem;gap:.5rem}.category-icon{width:32px;height:32px;font-size:.9rem;border-radius:6px}.category-title{font-size:1rem}.category-count{font-size:.72rem;padding:3px 8px}.footer-cta{padding:1.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.footer-cta h2{font-size:1.2rem!important}.footer-cta p{font-size:.88rem!important}.footer-cta .btn{font-size:.9rem!important;padding:.65rem 1.5rem!important}.site-footer{padding:1.75rem 0 1.25rem;margin-top:2rem}.footer-tagline{font-size:.82rem}.footer-features{gap:.35rem}.footer-pill{font-size:.75rem;padding:.3rem .65rem}.footer-nav{gap:1rem}.footer-nav a{font-size:.82rem}.footer-divider{margin:1.25rem 0 1rem}.footer-bottom{font-size:.78rem}.tool-input,.tool-output{padding:.75rem .85rem;font-size:.85rem;border-radius:var(--radius-xs)}.tool-label{font-size:.78rem;margin-bottom:.35rem}.tool-split{gap:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.85rem}.stat-card span{font-size:1.4rem}.stat-card label{font-size:.72rem}.btn{padding:.5rem 1rem;font-size:.82rem;border-radius:20px}.btn-sm{padding:.3rem .7rem;font-size:.75rem}.btn-group{flex-wrap:wrap}.tab-bar{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-btn{padding:.5rem .75rem;font-size:.78rem;white-space:nowrap;flex-shrink:0}.toggle-group{flex-wrap:wrap}.option-group{gap:.4rem}.tool-share{gap:.35rem;font-size:.82rem;padding:.75rem 0}.share-btn{width:32px;height:32px;font-size:.75rem}.result-card{padding:1rem}.result-card .result-value{font-size:1.75rem}.result-card .result-label{font-size:.75rem}.timer-display{font-size:2rem;padding:1rem}.calc-grid{grid-template-columns:repeat(4,1fr);gap:.3rem}.calc-btn{padding:.6rem;font-size:.88rem}.circular-progress{width:180px;height:180px}.circular-progress .progress-time{font-size:2rem}.ct-display-wrap{width:200px;height:200px}.ct-time{font-size:2rem}.ct-inputs{flex-wrap:wrap;justify-content:center;gap:.5rem}.ct-input{width:56px;font-size:1rem}.ct-presets{gap:.25rem;flex-wrap:wrap}.ct-preset{padding:.3rem .6rem;font-size:.72rem}.gauge{max-width:200px;margin:0 auto}.cmdk-overlay{padding-top:0;align-items:flex-start}.cmdk-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0;border:none}.cmdk-input-wrap{padding:.75rem}.cmdk-input{font-size:1rem}.cmdk-item{padding:.55rem .5rem}.cmdk-item-icon{width:32px;height:32px;border-radius:8px;font-size:.9rem}.input-field{min-width:100%}.input-row{flex-direction:column;gap:.6rem}input[type=email],input[type=number],input[type=text],input[type=url],select{font-size:16px}}@media (max-width:360px){.container{padding:0 .5rem}.hero h1{font-size:1.5rem}.hero-sub{font-size:.82rem}.hero-visual{display:none!important}.hero-stats{gap:.75rem}.hero-stat-num{font-size:1rem}.logo-text{font-size:.9rem}.tool-header h1{font-size:1.15rem}.tool-workspace{padding:.75rem .6rem}.tools-grid-sm{grid-template-columns:repeat(2,1fr)}.related-tools-grid{grid-template-columns:1fr}.related-tool-card{padding:.75rem;gap:.65rem}.related-tool-icon{width:34px;height:34px}.related-tool-name{font-size:.83rem}.related-tool-tagline{font-size:.74rem;-webkit-line-clamp:1}.nav-dropdown-grid{grid-template-columns:1fr}.footer-features{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.pomo-meta-bar{flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem}.pomo-xp-bar{order:3;flex-basis:100%}.pomo-xp-label{order:4;flex-basis:100%;text-align:center}.pomo-ring-wrap{width:200px;height:200px}.pomo-timer-display{font-size:2.4rem}.pomo-stats{gap:.85rem;padding:.7rem 1rem}.pomo-stat-value{font-size:1.1rem}.pomo-btn-primary{width:56px;height:56px}.pomo-btn-secondary{width:40px;height:40px}.pomo-phase-tabs{gap:2px;padding:3px}.pomo-phase-tab{padding:.35rem .75rem;font-size:.72rem}.pomo-widget{padding:.25rem .55rem .25rem .4rem;font-size:.75rem}.pomo-widget-phase{width:18px;height:18px;font-size:.6rem}}@media (max-width:480px){.pomo-ring-wrap{width:180px;height:180px}.pomo-timer-display{font-size:2rem}.pomo-controls{gap:.75rem}.pomo-stats{flex-direction:column;gap:.5rem}.pomo-stat-sep{width:40px;height:1px}}@media (hover:none) and (pointer:coarse){.nav-link{padding:12px 16px;min-height:44px}.nav-dd-link{padding:12px;min-height:44px}.btn{min-height:44px}.tool-action-btn{min-height:44px;min-width:44px}.share-btn,.theme-toggle{min-width:44px;min-height:44px}.back-to-top{width:48px;height:48px}.fav-btn{width:36px;height:36px;opacity:1;pointer-events:auto}.tab-btn{min-height:44px}.tool-card:hover{transform:none}.tool-card:active{transform:scale(.98);transition-duration:.1s}.tool-card:hover .tool-card-icon{transform:none}}@supports (padding:env(safe-area-inset-bottom)){.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.main-nav{padding-bottom:env(safe-area-inset-bottom)}.site-footer{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.back-to-top{bottom:calc(2rem + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right))}.toast{bottom:calc(2rem + env(safe-area-inset-bottom))}}