:root{--space-3xs:clamp(0.25rem, 0.2244rem + 0.1136vw, 0.3125rem);--space-2xs:clamp(0.5rem, 0.4744rem + 0.1136vw, 0.5625rem);--space-xs:clamp(0.75rem, 0.6989rem + 0.2273vw, 0.875rem);--space-s:clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);--space-m:clamp(1.5rem, 1.4233rem + 0.3409vw, 1.6875rem);--space-l:clamp(2rem, 1.8977rem + 0.4545vw, 2.25rem);--space-xl:clamp(3rem, 2.8466rem + 0.6818vw, 3.375rem);--space-2xl:clamp(4rem, 3.7955rem + 0.9091vw, 4.5rem);--space-3xl:clamp(6rem, 5.6932rem + 1.3636vw, 6.75rem);--space-3xs-2xs:clamp(0.25rem, 0.1222rem + 0.5682vw, 0.5625rem);--space-2xs-xs:clamp(0.5rem, 0.3466rem + 0.6818vw, 0.875rem);--space-xs-s:clamp(0.75rem, 0.5966rem + 0.6818vw, 1.125rem);--space-s-m:clamp(1rem, 0.7188rem + 1.25vw, 1.6875rem);--space-m-l:clamp(1.5rem, 1.1932rem + 1.3636vw, 2.25rem);--space-l-xl:clamp(2rem, 1.4375rem + 2.5vw, 3.375rem);--space-xl-2xl:clamp(3rem, 2.3864rem + 2.7273vw, 4.5rem);--space-2xl-3xl:clamp(4rem, 2.875rem + 5vw, 6.75rem);--space-s-l:clamp(1rem, 0.4886rem + 2.2727vw, 2.25rem);--step--2:clamp(0.6331rem, 0.6428rem + -0.0125vw, 0.64rem);--step--1:clamp(0.8rem, 0.782rem + 0.0799vw, 0.844rem);--step-0:clamp(1rem, 0.9489rem + 0.2273vw, 1.125rem);--step-1:clamp(1.25rem, 1.1479rem + 0.4539vw, 1.4996rem);--step-2:clamp(1.5625rem, 1.3839rem + 0.7936vw, 1.999rem);--step-3:clamp(1.9531rem, 1.662rem + 1.2937vw, 2.6647rem);--step-4:clamp(2.4414rem, 1.9871rem + 2.0193vw, 3.552rem);--step-5:clamp(3.0518rem, 2.3632rem + 3.0601vw, 4.7348rem);--bg-gradient-start:#0a0a0a;--bg-gradient-mid:#1a1a1a;--bg-gradient-end:#0f0f0f;--text-primary:#f0f0f0;--text-secondary:#c0c0c0;--text-tertiary:#d1d5db;--text-muted:#a1a1aa;--container-bg:rgba(26, 26, 26, 0.85);--container-border:rgba(39, 39, 42, 0.3);--container-gradient-start:rgba(255, 127, 0, 0.03);--container-gradient-end:rgba(16, 185, 129, 0.02);--header-bg-start:#18181b;--header-bg-end:#27272a;--header-border:#27272a;--card-bg:rgba(39, 39, 42, 0.6);--card-border:rgba(63, 63, 70, 0.4);--card-hover:#3f3f46;--card-gradient-start:rgba(255, 127, 0, 0.05);--card-gradient-end:rgba(16, 185, 129, 0.03);--input-bg:#18181b;--input-border:#27272a;--results-bg:rgba(26, 26, 26, 0.8);--results-border:rgba(39, 39, 42, 0.3);--result-item-bg:rgba(39, 39, 42, 0.7);--result-item-hover:#3f3f46;--result-header-bg:rgba(39, 39, 42, 0.8);--result-header-border:rgba(63, 63, 70, 0.2);--result-details-bg:rgba(31, 31, 35, 0.8);--result-details-border:rgba(39, 39, 42, 0.3);--scrollbar-thumb:#3f3f46;--scrollbar-thumb-hover:#52525b;--btn-clear-bg:#27272a;--btn-clear-text:#d0d0d0;--btn-clear-hover:#3f3f46;--footer-bg:rgba(26, 26, 26, 0.8);--footer-border:rgba(39, 39, 42, 0.3);--alternative-box-bg:#1f3a2f;--alternative-box-border:#10b981;--alternative-box-title:#6ee7b7;--error-bg:#7f1d1d;--error-text:#ff8a8a;--error-border:#ef4444;--success-bg:#1f3a2f;--success-text:#6ee7b7;--success-border:#10b981;--stat-card-bg:rgba(39, 39, 42, 0.8);--stat-card-border:rgba(63, 63, 70, 0.4);--stat-card-hover-border:#52525b;--detail-label-color:#c0c0c0;--link-color:#60a5fa;--link-hover-color:#93c5fd;--link-visited-color:#93c5fd;--stat-total-color:#ff7f00;--stat-high-color:#ff6b6b;--stat-medium-color:#ffa94d;--stat-low-color:#4ecdc4}[data-theme=light]{--bg-gradient-start:#e5e5e5;--bg-gradient-mid:#f5f5f5;--bg-gradient-end:#f0f0f0;--text-primary:#0a0a0a;--text-secondary:#404040;--text-tertiary:#525252;--text-muted:#737373;--container-bg:rgba(255, 255, 255, 0.95);--container-border:rgba(228, 228, 231, 0.5);--container-gradient-start:rgba(255, 127, 0, 0.02);--container-gradient-end:rgba(16, 185, 129, 0.015);--header-bg-start:#fafafa;--header-bg-end:#f4f4f5;--header-border:#e4e4e7;--card-bg:rgba(249, 249, 249, 0.8);--card-border:rgba(228, 228, 231, 0.6);--card-hover:#f4f4f5;--card-gradient-start:rgba(255, 127, 0, 0.03);--card-gradient-end:rgba(16, 185, 129, 0.02);--input-bg:#ffffff;--input-border:#e4e4e7;--results-bg:rgba(255, 255, 255, 0.9);--results-border:rgba(228, 228, 231, 0.5);--result-item-bg:rgba(249, 249, 249, 0.9);--result-item-hover:#f4f4f5;--result-header-bg:rgba(250, 250, 250, 0.95);--result-header-border:rgba(228, 228, 231, 0.4);--result-details-bg:rgba(255, 255, 255, 0.95);--result-details-border:rgba(228, 228, 231, 0.4);--scrollbar-thumb:#d4d4d8;--scrollbar-thumb-hover:#a1a1aa;--btn-clear-bg:#f4f4f5;--btn-clear-text:#404040;--btn-clear-hover:#e4e4e7;--footer-bg:rgba(255, 255, 255, 0.9);--footer-border:rgba(228, 228, 231, 0.5);--alternative-box-bg:#ecfdf5;--alternative-box-border:#10b981;--alternative-box-title:#047857;--error-bg:#fee2e2;--error-text:#991b1b;--error-border:#ef4444;--success-bg:#ecfdf5;--success-text:#065f46;--success-border:#10b981;--stat-card-bg:rgba(249, 249, 249, 0.95);--stat-card-border:rgba(228, 228, 231, 0.6);--stat-card-hover-border:#d4d4d8;--detail-label-color:#404040;--link-color:#2563eb;--link-hover-color:#1d4ed8;--link-visited-color:#1d4ed8;--stat-total-color:#b45309;--stat-high-color:#dc2626;--stat-medium-color:#92400e;--stat-low-color:#0891b2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;padding:var(--space-xs);line-height:1.6;transition:background .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;background:var(--container-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:8px;border:1px solid var(--container-border);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.05);position:relative;transition:background .3s ease,border-color .3s ease}.container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--container-gradient-start) 0,var(--container-gradient-end) 100%);pointer-events:none;border-radius:16px;transition:background .3s ease}header{background:linear-gradient(135deg,var(--header-bg-start) 0,var(--header-bg-end) 100%);color:var(--text-primary);padding:var(--space-s);border-bottom:1px solid var(--header-border);display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,border-color .3s ease}.logo-section{display:flex;align-items:center;gap:var(--space-2xs)}.logo-link{text-decoration:none;color:#fff;cursor:pointer}.logo-link:focus{outline:2px solid #ff7f00;outline-offset:2px}.header-nav{display:flex;gap:var(--space-s);align-items:center}.header-nav a{display:flex;align-items:center}.header-nav svg{fill:var(--text-primary);width:16px;height:16px}.nav-link:hover svg{fill:var(--link-color);transition:all .2s ease}.theme-toggle{background:0 0;border:1px solid rgba(96,165,250,.3);color:var(--link-color);border-radius:6px;padding:var(--space-2xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px;position:relative}.theme-toggle:hover{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.5);color:var(--link-hover-color)}.theme-toggle:focus{outline:2px solid #ff7f00;outline-offset:2px}.theme-toggle svg{width:20px;height:20px;position:absolute;transition:all .3s ease}.sun-icon{opacity:0;transform:rotate(90deg) scale(.8)}.moon-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .moon-icon{opacity:0;transform:rotate(-90deg) scale(.8)}.nav-link{color:var(--link-color);text-decoration:none;font-size:var(--step--1);font-weight:500;padding:var(--space-2xs) var(--space-xs);border-radius:6px;transition:all .2s ease;border:1px solid transparent}.nav-link:hover{color:var(--link-hover-color);background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3)}.social-link:hover{color:var(--link-hover-color);background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.5);transform:translateY(-1px)}.logo{width:28px;height:28px;flex-shrink:0}header h1{font-family:'Anek Latin',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:var(--step-0);margin-bottom:0;font-weight:550;letter-spacing:.02em}header p{font-size:var(--step--1);color:silver;font-weight:400}.hire-banner{background:linear-gradient(135deg,#ff7f00 0,#e67e00 100%);color:#fff;text-align:center;padding:var(--space-s);font-weight:600;font-size:var(--step--1);margin:calc(var(--space-xs) * -1) calc(var(--space-xs) * -1) 0 calc(var(--space-xs) * -1)}.hire-banner a{color:#fff;text-decoration:underline}.hire-banner a:hover{color:#f0f0f0}.content{display:grid;grid-template-columns:1fr;gap:var(--space-s);padding:var(--space-s);min-height:500px}.section h2{font-family:'Anek Latin',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:var(--step--1);color:var(--text-primary);padding-bottom:var(--space-xs);border-bottom:1px solid var(--header-border);font-weight:600;letter-spacing:-.01em}.about-section,.roadmap-section{max-width:75ch;margin:0 auto}.about-section+.about-section,.roadmap-section+.roadmap-section{margin-top:var(--space-s)}.input-section{display:flex;flex-direction:column;gap:var(--space-s)}.input-row{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:12px;padding:var(--space-s);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1;max-height:400px;transition:background .3s ease,border-color .3s ease}.input-row::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--card-gradient-start) 0,var(--card-gradient-end) 100%);pointer-events:none;border-radius:12px;transition:background .3s ease}.input-row label{font-family:'Anek Latin',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:var(--step--1);margin-bottom:var(--space-xs);color:var(--text-primary);font-weight:600;letter-spacing:-.01em}.loading{display:inline-block;width:16px;height:16px;border:2px solid #666;border-radius:50%;border-top-color:#ff7f00;animation:spin 1s ease-in-out infinite;margin-right:var(--space-3xs)}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--error-bg);color:var(--error-text);padding:var(--space-3xs) var(--space-xs);border-radius:4px;margin-top:var(--space-xs);font-size:var(--step1);border-left:3px solid var(--error-border);transition:background .3s ease,color .3s ease}.success-message{background:var(--success-bg);color:var(--success-text);padding:var(--space-3xs) var(--space-xs);border-radius:4px;margin-top:var(--space-xs);font-size:var(--step--1);border-left:3px solid var(--success-border);transition:background .3s ease,color .3s ease}.button-group{display:flex;gap:var(--space-3xs)}.sample-link{text-align:right;margin-bottom:var(--space-3xs)}.btn-sample-text{background:0 0;border:none;color:var(--link-color);font-size:var(--step--1);font-weight:500;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.btn-sample-text:hover{color:var(--link-hover-color)}button{padding:var(--space-3xs) var(--space-m);border:none;border-radius:6px;font-size:var(--step--1);font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.btn-scan{background:#ff7f00;color:#fff;flex:1}.btn-scan:hover{background:#e67e00;box-shadow:0 8px 16px rgba(255,127,0,.2)}.btn-scan:active{transform:scale(.98)}.btn-scan:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:var(--btn-clear-bg);color:var(--btn-clear-text);flex:1;transition:all .2s ease}.btn-clear:hover{background:var(--btn-clear-hover);color:var(--text-primary)}.btn-sample{background:#6366f1;color:#fff;flex:1}.btn-sample:hover{background:#4f46e5;box-shadow:0 8px 16px rgba(99,102,241,.2)}#results{max-height:700px;overflow-y:auto;padding:0 var(--space-s) var(--space-s);background:var(--results-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid var(--results-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);margin-top:var(--space-xs);transition:background .3s ease,border-color .3s ease}#results::-webkit-scrollbar{width:8px}#results::-webkit-scrollbar-track{background:0 0}#results::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}#results::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.result-item::marker{color:transparent;content:""}.result-item summary::before{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -10 110 110'%3e%3cpath d='M50.188 64.039a3 3 0 0 0 1.844-.781l24-22a3 3 0 0 0 1.074-2.11 3.03 3.03 0 0 0-.79-2.23 3.003 3.003 0 0 0-4.348-.066L50.001 56.975 28.031 36.851a3.005 3.005 0 0 0-4.347.067 3.03 3.03 0 0 0-.79 2.23c.055.82.442 1.582 1.075 2.11l24 22c.601.55 1.402.832 2.218.781z' fill='%23ff7f00'/%3e%3c/svg%3e");position:absolute;right:.5rem;top:50%;width:1.5rem;height:1.5rem;transform:translateY(-50%) rotate(90deg);transform-origin:center;pointer-events:none;z-index:2;transition:transform .2s ease}.result-item[open] summary::before{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -10 110 110'%3e%3cpath d='M50.188 64.039a3 3 0 0 0 1.844-.781l24-22a3 3 0 0 0 1.074-2.11 3.03 3.03 0 0 0-.79-2.23 3.003 3.003 0 0 0-4.348-.066L50.001 56.975 28.031 36.851a3.005 3.005 0 0 0-4.347.067 3.03 3.03 0 0 0-.79 2.23c.055.82.442 1.582 1.075 2.11l24 22c.601.55 1.402.832 2.218.781z' fill='%23ff7f00'/%3e%3c/svg%3e");transform:translateY(-50%) rotate(0)}.result-item{background:var(--result-item-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:var(--space-2xs);border-left:4px solid #ff7f00;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.05);position:relative}.result-item:hover{background:var(--result-item-hover);border-left-color:#ffaa4d}.result-item.high{border-left-color:#ef4444}.result-item.high:hover{border-left-color:#f87171}.result-item.medium{border-left-color:#f59e0b}.result-item.medium:hover{border-left-color:#fbbf24}.result-item.low{border-left-color:#06b6d4}.result-item.low:hover{border-left-color:#22d3ee}.result-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs);cursor:pointer;background:var(--result-header-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:6px;margin-bottom:var(--space-2xs);gap:var(--space-xs);border:1px solid var(--result-header-border);transition:background .3s ease,border-color .3s ease;padding-left:1.5rem}.result-info{flex:1;min-width:0}.result-details{padding:var(--space-xs);background:var(--result-details-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--result-details-border);border-radius:0 0 6px 6px;transition:background .3s ease,border-color .3s ease}.detail-section{margin-bottom:var(--space-xs)}.detail-section:last-child{margin-bottom:0}.detail-label{font-weight:500;color:var(--detail-label-color);font-size:var(--step--2);margin-bottom:var(--space-2xs);text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);font-size:var(--step--1);font-family:'IBM Plex Mono','Courier New',monospace;background:var(--input-bg);padding:var(--space-3xs) var(--space-3xs);border-radius:4px;border:1px solid var(--input-border);word-break:break-word;line-height:1.4;transition:background .3s ease,border-color .3s ease,color .3s ease}.alternative-box{background:var(--alternative-box-bg);border-left:3px solid var(--alternative-box-border);padding:var(--space-3xs);border-radius:4px;margin-top:var(--space-3xs);transition:background .3s ease}.alternative-box h4{color:var(--alternative-box-title);font-size:var(--step--1);margin-bottom:var(--space-2xs);font-weight:600}.alternative-solution{background:var(--input-bg);border:1px solid var(--input-border);padding:var(--space-3xs) var(--space-3xs);border-radius:4px;font-family:'IBM Plex Mono','Courier New',monospace;font-size:var(--step--1);color:var(--text-primary);margin-bottom:var(--space-2xs);line-height:1.3;transition:background .3s ease,border-color .3s ease,color .3s ease}.alternative-list{margin:var(--space-2xs) 0;padding-left:var(--space-s)}.alternative-list li{font-size:var(--step--1);color:var(--text-secondary);margin-bottom:3px;list-style-type:circle}.mdn-link{display:inline-block;color:#ff7f00;text-decoration:none;padding:var(--space-2xs) var(--space-3xs);border-radius:4px;border:1px solid #ff7f00;font-size:var(--step--1);font-weight:500;transition:all .2s ease;margin-top:var(--space-2xs)}.mdn-link:hover{background:rgba(255,127,0,.1);color:#ffaa4d;border-color:#ffaa4d}.result-browser{display:inline-block;background:#3f3f46;color:#d0d0d0;padding:2px 8px;border-radius:4px;font-size:var(--step--1);font-weight:500}.severity-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:var(--step--1);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-badge.high{background:#7f1d1d;color:#fff}.severity-badge.medium{background:#78350f;color:#fff}.severity-badge.low{background:#164e63;color:#fff}.empty-state{text-align:center;padding:var(--space-xl) var(--space-m);color:var(--text-tertiary)}.empty-state p{font-size:var(--step--1);line-height:1.6}.stats{display:grid;grid-template-columns:1fr;gap:var(--space-2xs);margin-bottom:var(--space-s);margin-top:0;position:sticky;top:1px;background:var(--results-bg);padding:var(--space-xs) 0;z-index:10;transition:background .3s ease}.stat-card{text-align:center;padding:var(--space-3xs);background:var(--stat-card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:6px;border:2px solid var(--stat-card-border);transition:all .2s ease;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.05);position:relative;overflow:hidden;--mouse-x:50%;--mouse-y:50%}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 100px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.12) 0,rgba(255,255,255,.07) 40%,transparent 80%);opacity:0;pointer-events:none}.stat-card:hover::before{opacity:1}.stat-card:hover{background:var(--card-hover);border-color:var(--stat-card-hover-border)}.stat-card.active{border-color:currentColor}.stat-card.total.active::before{background:radial-gradient(circle 80px at var(--mouse-x) var(--mouse-y),rgba(255,127,0,.15) 0,rgba(255,127,0,.08) 50%,transparent 100%)}.stat-card.high.active::before{background:radial-gradient(circle 80px at var(--mouse-x) var(--mouse-y),rgba(255,107,107,.15) 0,rgba(255,107,107,.08) 50%,transparent 100%)}.stat-card.medium.active::before{background:radial-gradient(circle 80px at var(--mouse-x) var(--mouse-y),rgba(255,169,77,.15) 0,rgba(255,169,77,.08) 50%,transparent 100%)}.stat-card.low.active::before{background:radial-gradient(circle 80px at var(--mouse-x) var(--mouse-y),rgba(78,205,196,.15) 0,rgba(78,205,196,.08) 50%,transparent 100%)}.stat-card.high.active{border-color:var(--stat-high-color);background:rgba(255,107,107,.1)}.stat-card.medium.active{border-color:var(--stat-medium-color);background:rgba(255,169,77,.1)}.stat-card.low.active{border-color:var(--stat-low-color);background:rgba(78,205,196,.1)}.stat-card.total.active{border-color:var(--stat-total-color);background:rgba(255,127,0,.1)}.stat-card.inactive{opacity:.4}.stat-number{font-size:var(--step-0);font-weight:700;color:var(--stat-total-color)}.stat-label{font-size:var(--step--2);color:var(--text-secondary);text-transform:uppercase;margin-top:4px;letter-spacing:.5px;font-weight:600}.stat-card.high .stat-number{color:var(--stat-high-color)}.stat-card.medium .stat-number{color:var(--stat-medium-color)}.stat-card.low .stat-number{color:var(--stat-low-color)}.stat-card.total .stat-number{color:var(--stat-total-color)}footer{background:var(--footer-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:var(--space-s);text-align:center;color:var(--text-tertiary);font-size:var(--step--2);border-top:1px solid var(--footer-border);letter-spacing:.5px;box-shadow:0 -4px 16px rgba(0,0,0,.05);transition:background .3s ease,border-color .3s ease,color .3s ease}@media (min-width:481px){header h1{font-size:var(--step-1)}.logo{width:32px;height:32px}.logo-section{gap:var(--space-xs)}textarea{min-height:300px;max-height:500px}.stats{grid-template-columns:repeat(4,1fr)}#results{max-height:300px}}@media (min-width:641px){.content{gap:var(--space-l)}header h1{font-size:var(--step-2)}.logo{width:40px;height:40px}.section h2{font-size:var(--step-0)}.input-row label{font-size:var(--step-0)}.stats{gap:var(--space-3xs)}.stat-card{padding:var(--space-xs)}.stat-number{font-size:var(--step-1)}.button-group{gap:var(--space-xs)}.result-item{margin-bottom:var(--space-3xs)}.result-desc{gap:var(--space-xs)}.result-browser{padding:2px 8px}#results{max-height:400px;padding:0 var(--space-s) var(--space-s)}footer{padding:var(--space-s)}}@media (min-width:1025px){header{flex-direction:row;align-items:center}.content{grid-template-columns:1fr 2fr;padding:var(--space-s)}.logo{width:48px;height:48px}#results{max-height:700px}}textarea{display:block;width:100%;min-height:250px;max-height:400px;font-size:var(--step--1);box-sizing:border-box;padding:var(--space-xs);border:1px solid var(--input-border);border-radius:8px;font-family:'IBM Plex Mono','Courier New',monospace;background:var(--input-bg);color:var(--text-primary);resize:vertical;line-height:1.4;overflow:auto;transition:background .3s ease,border-color .3s ease,color .3s ease}footer{margin-top:var(--space-l);padding:var(--space-m) 0;text-align:center;border-top:1px solid #27272a;display:grid;gap:var(--space-2xs)}footer p{font-size:var(--step--1);color:var(--text-muted)}footer a{color:var(--link-color);text-decoration:none;transition:color .2s ease}footer a:hover{color:var(--link-hover-color);text-decoration:underline}.social-link svg{width:1em;height:1em;flex-shrink:0}.prose{grid-column:1/-1;max-width:75ch;margin:0 auto}.prose h2{color:var(--text-primary);transition:color .3s ease}.section-text,.section-text-margin{transition:color .3s ease}.at-u-visually-hidden{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.prose-intro{color:var(--text-secondary);margin-bottom:var(--space-m);transition:color .3s ease}.section-heading{color:#ff7f00;margin-bottom:var(--space-s)}.section-subheading{color:#6ee7b7;margin-bottom:var(--space-xs)}.section-text{color:var(--text-primary);margin:0;transition:color .3s ease}.section-text-margin{color:var(--text-primary);margin-bottom:var(--space-s);transition:color .3s ease}.section-list{color:var(--text-primary);margin:0;padding-left:var(--space-m);transition:color .3s ease}.section-list-margin{color:var(--text-primary);margin:0 0 var(--space-s) 0;padding-left:var(--space-m);transition:color .3s ease}.mission-heading{color:#ff7f00;margin-bottom:var(--space-s)}.features-heading{color:#4ecdc4;margin-bottom:var(--space-s)}.creator-heading{color:#ffa94d;margin-bottom:var(--space-s)}.connect-heading{color:#ff6b6b;margin-bottom:var(--space-s)}.future-heading{color:#ffa94d;margin-bottom:var(--space-s)}.vision-heading{color:#ff6b6b;margin-bottom:var(--space-s)}.contribute-heading{color:#818cf8;margin-bottom:var(--space-s)}.newsletter-heading{color:#818cf8;margin-bottom:var(--space-s)}.social-links{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.social-link{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--link-color);text-decoration:none;padding:var(--space-2xs) var(--space-xs);border-radius:6px;border:1px solid rgba(96,165,250,.3);transition:all .2s ease}.mdn-link{display:inline-block;color:#ff7f00;text-decoration:none;padding:var(--space-2xs) var(--space-3xs);border-radius:4px;border:1px solid #ff7f00;font-size:var(--step--1);font-weight:500;transition:all .2s ease;margin-top:var(--space-2xs)}.mdn-link:hover{background:rgba(255,127,0,.1);color:#ffaa4d;border-color:#ffaa4d}.input-row-margin{margin-bottom:var(--space-s)}.empty-state-note{margin-top:10px;font-size:12px}a,a:visited{color:var(--link-color)}.content-block{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:12px;padding:var(--space-s);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1;transition:background .3s ease,border-color .3s ease}.content-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--card-gradient-start) 0,var(--card-gradient-end) 100%);pointer-events:none;border-radius:12px;transition:background .3s ease}.content-block ul+p{margin-top:var(--space-s)}