:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--primary:#171717;--on-primary:#fff;--ink:#171717;--body:#4d4d4d;--mute:#888;--hairline:#ebebeb;--hairline-strong:#a1a1a1;--canvas:#fff;--canvas-soft:#fafafa;--canvas-soft-2:#f5f5f5;--link:#0070f3;--link-deep:#0761d1;--link-bg-soft:#d3e5ff;--success:#0070f3;--error:#e00;--error-soft:#f7d4d6;--error-deep:#c50000;--warning:#f5a623;--warning-soft:#ffefcf;--warning-deep:#ab570a;--glow-gradient:radial-gradient(circle at 50% 30%, #50e3c226 0%, #007cf01a 25%, #7928ca14 50%, transparent 70%);--text-gradient:linear-gradient(135deg, #007cf0 0%, #00dfd8 100%);--btn-glow:0px 4px 14px 0px #0070f34d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-elevated:0px 1px 1px #00000005, 0px 2px 2px #0000000a, 0px 8px 16px #0000000a, inset 0px 1px 0px #fff9;--shadow-modal:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--header-bg-blur:#fafafad9}html[data-theme=dark]{--primary:#fff;--on-primary:#0a0a0a;--ink:#f5f5f5;--body:#a1a1a1;--mute:#666;--hairline:#222;--hairline-strong:#444;--canvas:#111;--canvas-soft:#0a0a0a;--canvas-soft-2:#161616;--link:#3291ff;--link-deep:#0070f3;--link-bg-soft:#0070f326;--success:#3291ff;--error:#f33;--error-soft:#ee000026;--error-deep:red;--glow-gradient:radial-gradient(circle at 50% 30%, #50e3c214 0%, #007cf00f 20%, #7928ca0d 45%, transparent 65%);--shadow-elevated:0px 1px 1px #0000004d, 0px 4px 8px #0006, inset 0px 1px 0px #ffffff0d;--shadow-modal:0 25px 50px -12px #00000080;--header-bg-blur:#0a0a0ad9}*,:before,:after{box-sizing:border-box}body{background-color:var(--canvas-soft);color:var(--body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.02em;margin-top:0;scroll-margin-top:90px;font-weight:600;line-height:1.25}h1{letter-spacing:-.04em;text-wrap:balance;font-size:2.75rem;line-height:1.1}h2{letter-spacing:-.03em;font-size:1.5rem;font-weight:600}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:var(--link-deep)}:focus-visible{outline:2px solid var(--link);outline-offset:4px}.skip-link{background-color:var(--primary);color:var(--on-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--space-xs);z-index:9999;box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;transition:top .2s;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--space-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:13px}.text-center{text-align:center}.font-bold{font-weight:600}.tabular-nums{font-variant-numeric:tabular-nums}.w-full{width:100%}.app-header{z-index:100;background-color:var(--header-bg-blur);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);transition:background-color .25s,border-color .25s;position:sticky;top:0}.nav-container{max-width:1200px;height:64px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-link{align-items:center;gap:var(--space-xs);color:var(--ink);letter-spacing:-.03em;font-size:1.15rem;font-weight:700;transition:opacity .15s;display:flex}.logo-link:hover{opacity:.85}.logo-icon{color:var(--ink)}.highlight-cyan{color:#007cf0;background:linear-gradient(135deg,#007cf0 0%,#00dfd8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.main-nav{align-items:center;gap:var(--space-sm);display:flex}.nav-link{color:var(--body);padding:var(--space-xxs) var(--space-sm);border-radius:9999px;font-size:.9rem;font-weight:500;transition:color .15s,background-color .15s}.nav-link:hover{color:var(--ink);background-color:var(--canvas-soft-2)}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-primary,.btn-primary-sm,.hero-cta-btn{background-color:var(--primary);color:var(--on-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;font-weight:500;transition:transform .15s,opacity .15s,background-color .15s;display:inline-flex}.btn-primary-sm{padding:6px 16px;font-size:.85rem}.btn-primary{padding:10px 24px;font-size:.95rem}.btn-primary:hover,.btn-primary-sm:hover,.hero-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active,.btn-primary-sm:active,.hero-cta-btn:active{transform:translateY(0)}.hero-cta-btn{background:var(--primary);border:1px solid var(--hairline-strong);padding:12px 28px;font-size:1rem;box-shadow:0 4px 10px #0000001a}.hero-secondary-btn{background-color:var(--canvas);color:var(--ink);border:1px solid var(--hairline-strong);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:500;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.hero-secondary-btn:hover{background-color:var(--canvas-soft-2);border-color:var(--ink);transform:translateY(-1px)}.icon-btn{border:1px solid var(--hairline);width:36px;height:36px;color:var(--body);border-radius:var(--space-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:flex}.icon-btn:hover{background-color:var(--canvas-soft-2);border-color:var(--hairline-strong);color:var(--ink)}html[data-theme=dark] .sun-icon{display:block}html[data-theme=dark] .moon-icon,html[data-theme=light] .sun-icon{display:none}html[data-theme=light] .moon-icon{display:block}.hero-section{max-width:1200px;padding:var(--space-5xl) var(--space-lg) var(--space-3xl);text-align:center;z-index:10;margin:0 auto;position:relative}.mesh-glow{background:var(--glow-gradient);pointer-events:none;z-index:1;opacity:.85;width:100vw;height:80vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-content{z-index:10;max-width:800px;margin:0 auto;position:relative}.support-badge{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);border:1px solid var(--hairline);background-color:var(--canvas);box-shadow:var(--shadow-md);letter-spacing:-.01em;border-radius:9999px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.support-badge:hover{transform:translateY(-1px)}.badge-dot{border-radius:50%;width:10px;height:10px}.loading-badge{color:var(--warning-deep);background-color:var(--warning-soft);border-color:#f5a62366;box-shadow:0 4px 12px #f5a62326}.loading-badge .badge-dot{background-color:var(--warning);animation:1.5s infinite alternate pulse}.success-badge{color:var(--success);background-color:var(--link-bg-soft);border-color:#0070f366;box-shadow:0 4px 20px #0070f340}.success-badge .badge-dot{background-color:var(--success);box-shadow:0 0 10px var(--success)}.failed-badge{color:var(--error-deep);background-color:var(--error-soft);border-color:#e006;box-shadow:0 4px 20px #ee000040}.failed-badge .badge-dot{background-color:var(--error);box-shadow:0 0 10px var(--error)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.hero-secondary-links{justify-content:center;align-items:center;gap:var(--space-md);border-top:1px dashed var(--hairline);padding-top:var(--space-md);flex-wrap:wrap;max-width:500px;margin:0 auto;display:flex}.hero-title{margin-bottom:var(--space-md)}.gradient-text{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--body);max-width:680px;margin:0 auto var(--space-2xl);font-size:1.15rem;line-height:1.6}.hero-links{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-text-link{color:var(--mute);cursor:pointer;padding:var(--space-xxs) var(--space-xs);background:0 0;border:none;font-size:.85rem;font-weight:500;transition:color .15s}.hero-text-link:hover{color:var(--ink);text-decoration:underline}.app-layout{max-width:1200px;margin:0 auto var(--space-5xl);padding:0 var(--space-lg);gap:var(--space-xl);z-index:10;grid-template-columns:1fr;display:grid;position:relative}.section-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;scroll-margin-top:90px;display:grid}@media (width<=900px){.section-grid{grid-template-columns:1fr}}.card{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--rounded-lg,12px);box-shadow:var(--shadow-elevated);scroll-margin-top:90px;transition:border-color .25s,background-color .25s;overflow:hidden}.card-glow{position:relative}.card-glow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:5;background:linear-gradient(135deg,#50e3c24d 0%,#0070f34d 50%,#ff00801a 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--hairline);align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.header-icon-wrap{background-color:var(--canvas-soft-2);width:42px;height:42px;color:var(--ink);border:1px solid var(--hairline);border-radius:8px;justify-content:center;align-items:center;display:flex}.header-text{flex:200px}.header-text h2{margin:0 0 var(--space-xxs)}.header-desc{color:var(--body);margin:0;font-size:.85rem}.diagnostic-grid{border-top:1px solid #0000;grid-template-columns:1.2fr .8fr;display:grid}@media (width<=900px){.diagnostic-grid{grid-template-columns:1fr}}.diagnostic-left{padding:var(--space-xl);border-right:1px solid var(--hairline)}@media (width<=900px){.diagnostic-left{border-right:none;border-bottom:1px solid var(--hairline)}}.test-list{gap:var(--space-sm);flex-direction:column;display:flex}.test-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--rounded-md,8px);background-color:var(--canvas-soft-2);border:1px solid var(--hairline);transition:all .2s;display:flex}.test-item.test-running{border-color:var(--warning);background-color:var(--warning-soft);color:var(--warning-deep)}.test-item.test-success{border-color:var(--success);background-color:#0070f30d}.test-item.test-failed{border-color:var(--error);background-color:var(--error-soft)}.test-status-icon{justify-content:center;align-items:center;display:flex}.status-circle{background-color:var(--mute);border-radius:50%;width:10px;height:10px;transition:background-color .2s}.test-running .status-circle{background-color:var(--warning);animation:1s infinite alternate pulse}.test-success .status-circle{background-color:var(--success);box-shadow:0 0 6px var(--success)}.test-failed .status-circle{background-color:var(--error);box-shadow:0 0 6px var(--error)}.test-details{gap:var(--space-xxs);min-w:0;flex-direction:column;flex-grow:1;display:flex}.test-name{color:var(--ink);font-size:.95rem;font-weight:500}.test-desc{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.test-badge{border:1px solid var(--hairline-strong);background-color:var(--canvas);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.test-running .test-badge{color:var(--warning-deep);background-color:var(--canvas);border-color:#f5a62380}.test-success .test-badge{color:var(--success);background-color:var(--canvas);border-color:#0070f34d}.test-failed .test-badge{color:var(--error-deep);background-color:var(--canvas);border-color:#ee00004d}.diagnostic-right{padding:var(--space-xl);flex-direction:column;display:flex}.canvas-panel{background-color:var(--canvas-soft-2);border:1px solid var(--hairline);border-radius:var(--rounded-md,8px);flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.canvas-header{height:36px;padding:0 var(--space-md);border-bottom:1px solid var(--hairline);background-color:var(--canvas);color:var(--mute);justify-content:space-between;align-items:center;display:flex}.fps-counter{font-family:var(--font-mono);color:var(--success);background-color:var(--link-bg-soft);border:1px solid #0070f333;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.canvas-wrapper{background-color:#0c0d10;flex-grow:1;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}.canvas-wrapper canvas{width:100%;height:100%;display:block}.canvas-overlay{color:#88888b;text-align:center;padding:var(--space-xl);z-index:10;pointer-events:none;background-color:#0c0d10d9;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.info-table-wrap{overflow-x:auto}.info-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.info-table th,.info-table td{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--hairline)}.info-table th{background-color:var(--canvas-soft-2);color:var(--mute);font-size:11px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.info-table tr:last-child td{border-bottom:none}.muted-cell{color:var(--mute)}.limits-search-wrap{flex:240px;max-width:320px}.search-input{border-radius:var(--rounded-md,8px);border:1px solid var(--hairline);background-color:var(--canvas-soft-2);width:100%;height:38px;color:var(--ink);padding:0 var(--space-md);font-size:.85rem;font-family:var(--font-sans);transition:border-color .15s,background-color .15s}.search-input:focus{border-color:var(--hairline-strong);background-color:var(--canvas);outline:none}.margin-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:4px;align-items:center;padding:2px 6px;display:inline-flex}.margin-positive{color:var(--success);background-color:#0070f31a;border:1px solid #0070f333}.margin-neutral{background-color:var(--canvas-soft-2);color:var(--mute);border:1px solid var(--hairline)}.py-8{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.text-muted{color:var(--mute)}.features-flex-container{padding:var(--space-xl);gap:var(--space-sm);flex-wrap:wrap;display:flex}.features-placeholder{color:var(--mute);margin:0;font-size:.9rem}.feature-badge-wrap{position:relative}.feature-badge{background-color:var(--canvas-soft-2);border:1px solid var(--hairline);padding:6px var(--space-sm);border-radius:var(--rounded-md,8px);color:var(--ink);font-size:.85rem;font-family:var(--font-mono);cursor:help;align-items:center;transition:all .15s;display:inline-flex}.feature-badge:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary);transform:translateY(-1px)}.feature-badge-wrap:after{content:attr(data-tooltip);background-color:var(--primary);color:var(--on-primary);padding:var(--space-xs) var(--space-sm);white-space:normal;text-align:center;width:220px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;z-index:50;border-radius:6px;font-size:12px;line-height:1.4;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px)}.feature-badge-wrap:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.faq-container{padding:var(--space-md) var(--space-xl)}.faq-item{border-bottom:1px solid var(--hairline)}.faq-item:last-child{border-bottom:none}.faq-trigger{width:100%;padding:var(--space-lg) 0;cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:500;transition:color .15s;display:flex}.faq-trigger:hover{color:var(--link)}.faq-arrow{color:var(--mute);transition:transform .25s cubic-bezier(.4,0,.2,1)}.faq-trigger[aria-expanded=true] .faq-arrow{color:var(--ink);transform:rotate(180deg)}.faq-content{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-inner{padding:0 0 var(--space-lg) 0;color:var(--body);font-size:.925rem;line-height:1.6}.faq-inner p{margin-bottom:var(--space-sm)}.faq-inner p:last-child{margin-bottom:0}.faq-inner ul{margin:var(--space-xs) 0 0;padding-left:var(--space-lg)}.faq-inner li{margin-bottom:var(--space-xxs)}.app-footer{background-color:var(--canvas);border-top:1px solid var(--hairline);padding:var(--space-4xl) 0 0;z-index:10;transition:background-color .25s,border-color .25s;position:relative}.footer-container{max-width:1200px;padding:0 var(--space-lg) var(--space-3xl);gap:var(--space-3xl);grid-template-columns:1.2fr 1.8fr;margin:0 auto;display:grid}@media (width<=768px){.footer-container{gap:var(--space-2xl);grid-template-columns:1fr}}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:var(--space-xs);color:var(--ink);margin-bottom:var(--space-sm);font-size:1.15rem;font-weight:700;display:flex}.footer-brand-desc{color:var(--mute);margin:0;font-size:.85rem;line-height:1.5}.footer-links-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=500px){.footer-links-grid{gap:var(--space-lg);grid-template-columns:1fr}}.footer-col-title{font-size:.78rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin:0 0 var(--space-md) 0}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--mute);font-size:.85rem;transition:color .15s}.footer-links a:hover{color:var(--ink)}.footer-btn-link{color:var(--mute);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:color .15s}.footer-btn-link:hover{color:var(--ink);text-decoration:underline}.footer-bottom{border-top:1px solid var(--hairline);padding:var(--space-lg) 0;background-color:var(--canvas-soft-2)}.footer-bottom-container{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.copyright-text{color:var(--mute);margin:0;font-size:.78rem}.footer-bottom-links{align-items:center;display:flex}.footer-social-link{color:var(--mute);transition:color .15s}.footer-social-link:hover{color:var(--ink)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.modal-overlay.modal-active{opacity:1;visibility:visible;pointer-events:auto}.modal-card{background-color:var(--canvas);border:1px solid var(--hairline);width:90%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-modal);border-radius:12px;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(16px)}.modal-overlay.modal-active .modal-card{transform:translateY(0)}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.35rem}.modal-close{color:var(--mute);cursor:pointer;padding:var(--space-xxs);background:0 0;border:none;font-size:1.75rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--ink)}.modal-body{padding:var(--space-xl);color:var(--body);font-size:.9rem;line-height:1.6;overflow-y:auto}.modal-body h3{margin:var(--space-lg) 0 var(--space-xs);color:var(--ink);font-size:1.05rem}.modal-body ul{padding-left:var(--space-lg);margin-top:var(--space-xs)}.modal-body li{margin-bottom:var(--space-xxs)}.modal-date{color:var(--mute);margin-top:0;margin-bottom:var(--space-md);font-size:.78rem;font-family:var(--font-mono)}.modal-subtitle{color:var(--body);margin-top:0;margin-bottom:var(--space-lg)}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--ink);font-size:.825rem;font-weight:500}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{border:1px solid var(--hairline);background-color:var(--canvas-soft-2);width:100%;color:var(--ink);padding:10px var(--space-md);font-size:.875rem;font-family:var(--font-sans);border-radius:6px;transition:border-color .15s,background-color .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--hairline-strong);background-color:var(--canvas);outline:none}.form-feedback{margin-top:var(--space-xxs);min-height:20px;font-size:.85rem}.form-feedback.feedback-success{color:var(--success)}.form-feedback.feedback-error{color:var(--error-deep)}@keyframes pulse{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.helper-grid{border-top:1px solid var(--hairline);background-color:var(--canvas);grid-template-columns:.8fr 1.2fr;display:grid}@media (width<=900px){.helper-grid{grid-template-columns:1fr}}.helper-left{padding:var(--space-xl);border-right:1px solid var(--hairline);background-color:var(--canvas-soft);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<=900px){.helper-left{border-right:none;border-bottom:1px solid var(--hairline)}}.profile-card{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:320px;display:flex}.profile-browser-icon{background-color:var(--canvas);border:1px solid var(--hairline);width:80px;height:80px;color:var(--ink);box-shadow:var(--shadow-md);border-radius:20px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.profile-browser-icon:hover{transform:scale(1.05)}.profile-browser-icon svg{width:44px;height:44px}.profile-details{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.profile-row{padding:var(--space-xs) 0;border-bottom:1px dashed var(--hairline);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.profile-row:last-child{border-bottom:none}.profile-label{color:var(--mute);font-weight:500}.profile-value{color:var(--ink);text-align:right}.helper-right{padding:var(--space-xl);flex-direction:column;justify-content:center;display:flex}.guidance-panel{width:100%}.guidance-title{margin-top:0;margin-bottom:var(--space-md);color:var(--ink);font-size:1.2rem;font-weight:600}.guidance-body{color:var(--body);font-size:.95rem;line-height:1.6}.guidance-body p{margin-bottom:var(--space-md)}.guidance-body p:last-child{margin-bottom:0}.guidance-body ul,.guidance-body ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.guidance-body li{margin-bottom:var(--space-xs)}.guidance-body code{font-family:var(--font-mono);background-color:var(--canvas-soft-2);color:var(--ink);border:1px solid var(--hairline);border-radius:4px;padding:2px 6px;font-size:.85em}.helper-card-btn{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);background-color:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:9999px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:transform .15s,opacity .15s;display:inline-flex}.helper-card-btn:hover{opacity:.9;transform:translateY(-1px)}.helper-callout{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);border:1px solid #0000;border-radius:8px;font-size:.9rem}.helper-callout-success{background-color:var(--link-bg-soft);color:var(--link-deep);border-color:#0070f333}.helper-callout-warning{background-color:var(--warning-soft);color:var(--warning-deep);border-color:#f5a62333}.helper-callout-error{background-color:var(--error-soft);color:var(--error-deep);border-color:#e003}.compatibility-hero{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);text-align:center;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.status-indicator-circle{background-color:var(--canvas);border:2px solid var(--hairline);width:96px;height:96px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.status-icon{width:48px;height:48px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.status-message{letter-spacing:-.01em;border:1px solid var(--hairline);background-color:var(--canvas);box-shadow:var(--shadow-sm);border-radius:9999px;padding:8px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.loading-state .status-indicator-circle{border-color:var(--warning);color:var(--warning);box-shadow:0 0 30px #f5a62326}.loading-state .status-message{color:var(--warning-deep);background-color:var(--warning-soft);border-color:#f5a62333}.success-state .status-indicator-circle{border-color:var(--success);color:var(--success);transform:scale(1.05);box-shadow:0 0 40px #0070f34d}.success-state .status-message{color:var(--success);background-color:var(--link-bg-soft);border-color:#0070f333}.failed-state .status-indicator-circle{border-color:var(--error);color:var(--error);transform:scale(1.05);box-shadow:0 0 40px #ee00004d}.failed-state .status-message{color:var(--error-deep);background-color:var(--error-soft);border-color:#e003}.icon-spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){body,.support-badge,.btn-primary,.btn-primary-sm,.hero-cta-btn,.hero-secondary-btn,.icon-btn,.test-item,.status-circle,.feature-badge,.faq-content,.faq-arrow,.modal-overlay,.modal-card,.contact-form input,.contact-form textarea,.compatibility-hero,.status-indicator-circle,.status-icon,.status-message{transition:none!important;animation:none!important}.test-running .status-circle,.loading-badge .badge-dot{background-color:var(--warning);animation:none!important}.icon-spin{animation:none!important}}