*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1a73e8;--primary-blue-dark:#1557b0;--primary-blue-light:#e8f0fe;--text-primary:#202124;--text-secondary:#5f6368;--text-tertiary:#80868b;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--border-light:#dadce0;--border-medium:#bdc1c6;--success-green:#137333;--success-bg:#e6f4ea;--error-red:#d93025;--error-bg:#fce8e6;--hover-bg:var(--bg-tertiary);--bg-grey:var(--bg-secondary);--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--material-icon-size:20px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--material-icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}html{overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1{color:var(--text-primary);font-weight:var(--font-weight-normal)}h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:-.02em;margin:0 0 var(--space-6) 0}h2{font-size:var(--font-size-xl);line-height:var(--line-height-tight);letter-spacing:-.01em;margin:var(--space-8) 0 var(--space-4) 0}h2,h3{font-weight:var(--font-weight-medium);color:var(--text-primary)}h3{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-3) 0}h3,h4{line-height:var(--line-height-normal)}h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2) 0}p{margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed)}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}.container{max-width:1200px;margin:0 auto;padding:var(--space-4);width:100%;box-sizing:border-box}@media (min-width:768px){.container{padding:var(--space-8)}}.container-narrow{max-width:960px;margin:0 auto;padding:var(--space-4);width:100%;box-sizing:border-box}@media (min-width:768px){.container-narrow{padding:var(--space-8)}}.header{border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.98);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:64px;transition:box-shadow .2s ease;gap:var(--space-2);flex-wrap:wrap}@media (min-width:768px){.header{padding:var(--space-5) var(--space-8);min-height:72px;flex-wrap:nowrap}}.logo{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);text-decoration:none;transition:opacity .2s ease;display:flex;align-items:center;gap:var(--space-2)}@media (min-width:768px){.logo{font-size:var(--font-size-lg)}}.logo:hover{opacity:.7}.logo-accent{font-weight:var(--font-weight-semibold)}.logo-accent,.logo-icon{color:var(--primary-blue)}.logo-icon{width:20px;height:20px;flex-shrink:0}.search-container{margin:40px auto;max-width:680px;width:100%}.search-box{display:flex;align-items:center;border:2px solid var(--border-light);border-radius:24px;padding:12px 16px;background:#fff;box-shadow:0 2px 8px rgba(32,33,36,.06);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;flex-wrap:wrap;gap:var(--space-2)}@media (min-width:768px){.search-box{border-radius:28px;padding:14px 24px;flex-wrap:nowrap}}.search-box:hover{box-shadow:0 4px 12px rgba(32,33,36,.12);border-color:var(--border-medium)}.search-box:focus-within{box-shadow:0 4px 16px rgba(26,115,232,.16);border-color:var(--primary-blue)}.search-input{flex:1 1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent;min-width:0;width:100%}.search-input:focus{outline:none;box-shadow:none}.search-input::placeholder{color:var(--text-secondary)}@media (max-width:767px){.search-input{font-size:14px}}.search-icon{color:var(--text-secondary);margin-right:12px;font-size:20px}.search-button{background:var(--primary-blue);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;font-weight:500;transition:background .2s;white-space:nowrap}.search-button:hover{background:#1765cc}@media (min-width:768px){.search-button{padding:8px 24px;font-size:14px}}.btn{padding:9px 16px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-medium);font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;min-height:40px;line-height:1}@media (min-width:768px){.btn{padding:11px 24px;font-size:var(--font-size-sm);min-height:44px}}.btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn:focus-visible{outline:3px solid var(--primary-blue-light);outline-offset:2px;border-color:var(--primary-blue)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary-blue);color:#fff;border:1.5px solid var(--primary-blue);box-shadow:0 1px 3px rgba(26,115,232,.15)}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);border-color:var(--primary-blue-dark);box-shadow:0 4px 12px rgba(26,115,232,.3);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(26,115,232,.3)}.btn-text{background:transparent;border:none;color:var(--primary-blue);padding:var(--space-2) var(--space-3);min-height:32px}.btn-text:hover:not(:disabled){background:var(--primary-blue-light)}.card{border:1.5px solid var(--border-light);padding:clamp(var(--space-5),3vw,var(--space-6));border-radius:12px;margin-bottom:var(--space-6);background:var(--bg-primary);width:100%;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:var(--border-medium)}.tool-card{border:1px solid var(--border-light);border-radius:16px;padding:clamp(var(--space-6),3vw,var(--space-8));margin-bottom:var(--space-6);background:var(--bg-primary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.tool-card:hover{box-shadow:0 8px 24px rgba(26,115,232,.12);border-color:var(--primary-blue)}.tool-card:last-child{margin-bottom:0}.tool-title{font-size:18px;color:var(--primary-blue);text-decoration:none;font-weight:400;cursor:pointer}.tool-title:hover{text-decoration:underline}.tool-meta{font-size:13px;color:var(--text-secondary);margin:4px 0}.tool-description{font-size:14px;color:var(--text-primary);margin:8px 0;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:7px 14px;border-radius:6px;font-size:var(--font-size-xs);font-weight:600;line-height:1;margin-right:var(--space-2);margin-bottom:var(--space-2);white-space:nowrap;letter-spacing:.01em}.badge-green{background:linear-gradient(135deg,#0f9960,#15b371);color:#fff;box-shadow:0 2px 4px rgba(15,153,96,.2)}.badge-blue{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;box-shadow:0 2px 4px rgba(26,115,232,.2)}.badge-grey{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border-light);font-weight:500}a{color:var(--primary-blue);text-decoration:none}a:hover{text-decoration:underline}.filters-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:background .2s}.filters-toggle:hover{background:var(--hover-bg)}.loading{text-align:center;padding:40px}.loading,.text-secondary{color:var(--text-secondary)}.text-small{font-size:13px}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-8)}.mt-5{margin-top:var(--space-10)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-8)}.mb-5{margin-bottom:var(--space-10)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:16px}.gap-1{gap:8px}.responsive-text{font-size:clamp(13px,2vw,14px)}.responsive-heading{font-size:clamp(20px,4vw,28px)}.flex-wrap{flex-wrap:wrap}.overflow-x-hidden{overflow-x:hidden}.word-break{word-break:break-word}a:focus,button:focus,input:focus,select:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;text-decoration:none;z-index:1000}.skip-to-main:focus{top:0}@media (max-width:1024px){.container,.container-narrow{max-width:100%;padding:var(--space-6)}}@media (max-width:768px){.header{padding:var(--space-4) var(--space-5);flex-wrap:wrap;gap:var(--space-3);min-height:64px}.logo{font-size:16px}.container,.container-narrow{padding:var(--space-6)}.search-box{padding:12px 18px}.search-input{font-size:15px}h1{font-size:28px!important}h2{font-size:20px!important}.tool-card{padding:var(--space-6)}.card{padding:var(--space-5);margin-bottom:var(--space-5)}.badge{font-size:11px;padding:5px 10px}}@media (max-width:480px){body{font-size:14px}.header{padding:var(--space-4) var(--space-4);min-height:60px}.logo{font-size:15px}.btn{padding:10px 18px;font-size:14px;min-height:40px}.search-box{padding:10px 16px}.search-input{font-size:15px}h1{font-size:24px!important}h2{font-size:18px!important}.card{margin-bottom:var(--space-5)}.card,.tool-card{padding:var(--space-5)}.tool-title{font-size:17px}.container,.container-narrow{padding:var(--space-5)}}@media (max-width:360px){.header{padding:var(--space-2) var(--space-3)}.btn{padding:6px 12px;font-size:12px;min-height:32px}.search-input{font-size:13px}}@media print{.btn,.header,button,footer{display:none}}.doc-block{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#fff,#f8fbff);border:2px solid #e8f0fe;border-left:5px solid var(--primary-blue);border-radius:12px;box-shadow:0 2px 6px rgba(26,115,232,.06)}.doc-label{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-4);line-height:1}.ai-block{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#fafafa,#fff);border:2px solid #e0e0e0;border-left:5px solid #5f6368;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.ai-label{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:700;color:#5f6368;text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-4);line-height:1}.block-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:4px}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0}.product-grid{grid-template-columns:1fr}.score-card{width:100%}.detail-grid{grid-template-columns:1fr}@media (min-width:768px){.product-grid{grid-template-columns:1fr auto}.score-card{min-width:220px;width:auto}.detail-grid{grid-template-columns:1fr 1fr}}