:root{--color-success: oklch(35% .14 145deg);--color-success-rgb: 16, 122, 63;--color-warning: oklch(40% .15 85deg);--color-error: oklch(40% .18 25deg);--color-text-muted: oklch(40% .02 240deg);--color-text-label: oklch(40% .02 240deg);--eco-green: oklch(45% .14 145deg);--eco-green-rgb: 16, 185, 129;--color-primary: oklch(50% .15 145deg);--color-primary-rgb: 16, 185, 129;--color-border: oklch(85% .01 240deg);--color-bg-secondary: oklch(96% .01 145deg);--color-bg-rgb: 255, 255, 255;--color-success-bg: oklch(95% .05 145deg);--color-warning-bg: oklch(95% .05 85deg);--color-error-bg: oklch(95% .05 25deg);--color-info: oklch(45% .15 250deg);--color-info-bg: oklch(92% .08 250deg);--color-bg: oklch(99% 0.01 145deg);--color-text: oklch(20% 0.02 145deg);--color-card: oklch(100% 0 0deg);--color-impact-card-bg: linear-gradient(135deg, oklch(97% .02 145deg) 0%, oklch(94% .04 145deg) 100%);--color-impact-card-text: oklch(20% 0.02 145deg);--color-ges-bar-bg: rgb(0 0 0 / 5%);--color-ges-legend-bg: rgb(0 0 0 / 4%);--color-ges-legend-border: rgb(0 0 0 / 10%);--color-eco-fixe: oklch(85% .02 145deg);--color-eco-req: oklch(75% .12 210deg);--color-eco-poids: oklch(80% .15 85deg);--color-eco-dom: oklch(75% .15 300deg);--color-bg-toast: oklch(100% 0 0deg)}html[data-theme=dark]{--color-success: oklch(75% .12 145deg);--color-success-rgb: 46, 204, 113;--color-warning: oklch(80% .15 85deg);--color-error: oklch(75% .18 25deg);--color-text-muted: oklch(75% .02 145deg);--color-text-label: oklch(75% .02 145deg);--eco-green: oklch(72% .12 145deg);--eco-green-rgb: 16, 185, 129;--color-primary: oklch(70% .12 145deg);--color-primary-rgb: 16, 185, 129;--color-border: oklch(30% .03 145deg);--color-bg-secondary: oklch(18% .02 145deg);--color-bg-rgb: 5, 5, 5;--color-success-bg: oklch(25% .08 145deg);--color-warning-bg: oklch(25% .08 85deg);--color-error-bg: oklch(25% .08 25deg);--color-info: oklch(80% .12 250deg);--color-info-bg: oklch(25% .08 250deg);--color-bg: oklch(12% 0.02 145deg);--color-text: oklch(95% 0.02 145deg);--color-card: oklch(18% 0.02 145deg);--color-impact-card-bg: linear-gradient(135deg, oklch(25% .04 145deg) 0%, oklch(15% .03 145deg) 100%);--color-impact-card-text: oklch(95% .02 145deg);--color-ges-bar-bg: rgb(255 255 255 / 15%);--color-ges-legend-bg: rgb(0 0 0 / 20%);--color-ges-legend-border: rgb(255 255 255 / 10%);--color-eco-fixe: oklch(85% .02 145deg);--color-eco-req: oklch(75% .12 210deg);--color-eco-poids: oklch(80% .15 85deg);--color-eco-dom: oklch(75% .15 300deg);--color-bg-toast: oklch(18% .02 145deg)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-success: oklch(75% .12 145deg);--color-warning: oklch(80% .15 85deg);--color-error: oklch(75% .18 25deg);--color-text-muted: oklch(75% .02 145deg);--color-text-label: oklch(75% .02 145deg);--eco-green: oklch(72% .12 145deg);--eco-green-rgb: 16, 185, 129;--color-primary: oklch(70% .12 145deg);--color-primary-rgb: 16, 185, 129;--color-border: oklch(30% .03 145deg);--color-bg-secondary: oklch(18% .02 145deg);--color-bg-rgb: 5, 5, 5;--color-success-bg: oklch(25% .08 145deg);--color-warning-bg: oklch(25% .08 85deg);--color-error-bg: oklch(25% .08 25deg);--color-info: oklch(80% .12 250deg);--color-info-bg: oklch(25% .08 250deg);--color-bg: oklch(12% 0.02 145deg);--color-text: oklch(95% 0.02 145deg);--color-card: oklch(18% 0.02 145deg);--color-impact-card-bg: linear-gradient(135deg, oklch(25% .04 145deg) 0%, oklch(15% .03 145deg) 100%);--color-impact-card-text: oklch(95% .02 145deg);--color-ges-bar-bg: rgb(255 255 255 / 15%);--color-ges-legend-bg: rgb(0 0 0 / 20%);--color-ges-legend-border: rgb(255 255 255 / 10%);--color-eco-fixe: oklch(85% .02 145deg);--color-eco-req: oklch(75% .12 210deg);--color-eco-poids: oklch(80% .15 85deg);--color-eco-dom: oklch(75% .15 300deg);--color-bg-toast: oklch(18% .02 145deg)}}@media(prefers-contrast: more){:root{--color-bg: #fff;--color-text: #000;--color-text-muted: #000;--color-text-label: #000;--color-border: #000;--color-primary: oklch(30% .2 145deg);--eco-green: oklch(30% .2 145deg);--color-success: #006400;--color-warning: #8b4500;--color-error: #b00000;--color-bg-secondary: #f0f0f0;--color-card: #fff;--color-impact-card-bg: #fff;--color-impact-card-text: #000}html[data-theme=dark] :root:not([data-theme=light]){--color-bg: #000;--color-text: #fff;--color-text-muted: #fff;--color-text-label: #fff;--color-border: #fff;--color-primary: oklch(90% .15 145deg);--eco-green: oklch(90% .15 145deg);--color-success: #0f0;--color-warning: #ff0;--color-error: #f55;--color-bg-secondary: #1a1a1a;--color-card: #000;--color-impact-card-bg: #000;--color-impact-card-text: #fff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #000;--color-text: #fff;--color-text-muted: #fff;--color-text-label: #fff;--color-border: #fff;--color-primary: oklch(90% .15 145deg);--eco-green: oklch(90% .15 145deg);--color-success: #0f0;--color-warning: #ff0;--color-error: #f55;--color-bg-secondary: #1a1a1a;--color-card: #000;--color-impact-card-bg: #000;--color-impact-card-text: #fff}}header{align-items:center;background-color:var(--color-card);block-size:clamp(3rem,8vi,4rem);border-block-end:.0625rem solid var(--color-border);display:flex;inset-block-start:0;justify-content:space-between;padding-block:0;padding-inline:clamp(.5rem,2.5vi,2rem);position:sticky;z-index:90}header .header-title{flex:1;min-inline-size:0}header .header-title h2{font-size:clamp(.8rem,3.2vi,1.1rem);font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:clamp(.2rem,1.2vi,.75rem)}.lang-switcher,.theme-switcher{position:relative}.lang-menu,.theme-menu{background-color:var(--color-card);border:.0625rem solid var(--color-border);border-radius:.5rem;box-shadow:0 .625rem 1.5625rem rgba(0,0,0,.15),0 0 .0625rem rgba(0,0,0,.1);display:none;flex-direction:column;gap:.25rem;min-width:8.75rem;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.lang-menu.active,.theme-menu.active{animation:fadeIn .2s ease-out;display:flex}.lang-menu button,.theme-menu button{align-items:center;background:none;border:none;border-radius:.375rem;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.6rem .75rem;text-align:left;transition:all .2s;width:100%}.lang-menu button svg,.theme-menu button svg{opacity:.7;transition:opacity .2s}.lang-menu button:hover,.theme-menu button:hover{background-color:var(--color-bg-secondary);color:var(--eco-green)}.lang-menu button:hover svg,.theme-menu button:hover svg{opacity:1}.lang-menu button.active,.theme-menu button.active{background-color:var(--color-bg-secondary);color:var(--eco-green);cursor:default;font-weight:600;pointer-events:none}.lang-menu button.active svg,.theme-menu button.active svg{opacity:1}.lang-current-text{font-size:.75rem;font-weight:700;text-transform:uppercase}footer{border-block-start:.0625rem solid var(--color-border);color:var(--color-text-label);font-size:.75rem;margin-block-start:2rem;padding-block:1.25rem;text-align:center}footer p{margin:0}footer .footer-links{align-items:center;display:flex;gap:1rem;justify-content:center;margin-block-start:.5rem}footer .footer-link-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.7rem;text-decoration:underline;transition:color .2s}footer .footer-link-btn:hover{color:var(--color-primary)}.logo{align-items:center;display:flex;gap:1rem}.logo-icon{align-items:center;background:linear-gradient(135deg, oklch(55% 0.16 145deg) 0%, oklch(45% 0.14 145deg) 100%);border-radius:.5rem;box-shadow:0 .125rem .5rem rgba(45,90,39,.2);color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.logo-text h1{color:var(--color-text);font-size:1.5rem;font-weight:700;letter-spacing:-0.02em}.logo-text p{color:var(--color-text-muted);font-size:.875rem}.sidebar{background-color:var(--color-card);border-right:.0625rem solid var(--color-border);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;position:sticky;top:0;transition:width .4s cubic-bezier(0.4, 0, 0.2, 1),transform .4s cubic-bezier(0.4, 0, 0.2, 1);width:16.25rem;z-index:1000}@media(width <= 768px){.sidebar{position:fixed;transform:translateX(-100%);width:16.25rem !important}.sidebar.mobile-open{box-shadow:.625rem 0 1.875rem rgba(0,0,0,.25);transform:translateX(0)}}.sidebar.collapsed{width:4.25rem}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-link span,.sidebar.collapsed .nav-separator,.sidebar.collapsed .sidebar-footer .footer-content,.sidebar.collapsed .history-label{opacity:0;overflow:hidden;pointer-events:none;width:0}.sidebar.collapsed .nav-link{gap:0;height:3rem;justify-content:center;padding:.75rem 0}.sidebar.collapsed .sidebar-header{border-bottom:none;height:5rem;justify-content:center;padding:1.5rem 0}.sidebar.collapsed .sidebar-header .logo{margin-right:0}.sidebar.collapsed .sidebar-footer{flex-direction:column;gap:.5rem;justify-content:center;padding:1rem 0}.sidebar.collapsed .sidebar-footer .footer-content{display:none}.sidebar.collapsed .sidebar-toggle-btn{align-items:center;background:var(--color-bg-secondary);border-radius:50%;box-shadow:0 .125rem .5rem rgba(0,0,0,.15);color:var(--color-primary);display:flex;height:2rem;justify-content:center;margin:0 auto;width:2rem}.sidebar.collapsed .sidebar-toggle-btn .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar.collapsed .sidebar-toggle-btn:hover{background:var(--color-bg);transform:scale(1.1)}.sidebar.collapsed .nav-separator{background:var(--color-border);display:block;height:.0625rem;margin:.75rem 1rem;opacity:.3;padding:0;width:auto}.sidebar.collapsed .history-container,.sidebar.collapsed .history-actions{display:none}.sidebar-header{align-items:center;border-bottom:.0625rem solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem;position:relative;transition:all .3s}.sidebar-footer{align-items:center;border-top:.0625rem solid var(--color-border);color:var(--color-text-muted);display:flex;font-size:.75rem;justify-content:space-between;padding:1.5rem;position:relative;transition:all .3s}.sidebar-toggle-btn{align-items:center;background:rgba(0,0,0,0);border:none;border-radius:.5rem;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s}.sidebar-toggle-btn .sidebar-toggle-icon{transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}.sidebar-toggle-btn:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:1.5rem 0;position:relative;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav ul{list-style:none}.sidebar-nav .nav-indicator{background-color:var(--eco-green);pointer-events:none;position:absolute;right:0;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);width:.1875rem;will-change:transform,height,top;z-index:10}.sidebar-nav .nav-link{align-items:center;color:var(--color-text);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}@media(prefers-contrast: more){.sidebar-nav .nav-link .nav-link{color:var(--color-text) !important;font-weight:700 !important}.sidebar-nav .nav-link .nav-link svg{opacity:1 !important}}.sidebar-nav .nav-link svg{opacity:.7}.sidebar-nav .nav-link:hover{background-color:var(--color-bg-secondary);color:var(--eco-green)}.sidebar-nav .nav-link:hover svg{opacity:1}.sidebar-nav .nav-link.active{background-color:var(--color-bg-secondary);color:var(--eco-green)}.sidebar-nav .nav-link.active svg{opacity:1}.sidebar-nav .nav-separator{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.02em;opacity:.7;padding:1.5rem 1.5rem .5rem}.sidebar-overlay{backdrop-filter:blur(0.25rem);background:rgba(0,0,0,.5);display:none;inset:0;position:fixed;z-index:999}@media(width <= 768px){.sidebar-overlay.active{display:block}}.mobile-menu-btn{background:rgba(0,0,0,0);border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;display:none;margin-right:.5rem;padding:.5rem;transition:all .2s}@media(width <= 768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}}.mobile-menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-primary)}@media(prefers-contrast: more){.sidebar-header svg{opacity:1 !important}}#nav-comparison{display:none}#nav-comparison.is-visible{display:block}@keyframes slideIn{from{opacity:0;transform:translateX(100%) scale(0.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOut{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(0.9)}}.toast-container{display:flex;flex-direction:column;gap:.75rem;inset-block-end:2rem;inset-inline-end:2rem;max-inline-size:25rem;position:fixed;z-index:9999}.toast{align-items:center;animation:slideIn .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;background:var(--color-bg-toast);border:.0625rem solid var(--color-border);border-radius:.75rem;box-shadow:0 .625rem 1.5625rem -0.3125rem rgba(0,0,0,.1),0 .5rem .625rem -0.375rem rgba(0,0,0,.1);display:flex;gap:1rem;justify-content:space-between;min-inline-size:15.625rem;padding:1rem}.toast.toast-success{border-inline-start:.25rem solid var(--color-success)}.toast.toast-error{border-inline-start:.25rem solid var(--color-error)}.toast.toast-info{border-inline-start:.25rem solid var(--color-primary)}.toast .toast-content{align-items:center;display:flex;gap:.75rem}.toast .toast-content .toast-icon{font-size:1.2rem}.toast .toast-content .toast-message{color:var(--color-text);font-size:.95rem;font-weight:600;line-height:1.4}.toast .toast-close{background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:color .2s}.toast .toast-close:hover{color:var(--color-text)}.eco-grade{align-items:center;background-color:oklch(1 0 0/.2);border:.125rem solid oklch(1 0 0/.3);border-radius:.75rem;display:flex;font-size:1.75rem;font-weight:900;height:3.375rem;justify-content:center;width:3.375rem}.grade-A{background-color:oklch(.51 .12 152);border-color:oklch(.51 .12 152);color:oklch(1 0 0);text-shadow:0 .125rem .25rem oklch(0 0 0/.25)}.grade-B{background-color:oklch(.65 .16 147);border-color:oklch(.65 .16 147);color:oklch(1 0 0);text-shadow:0 .125rem .25rem oklch(0 0 0/.25)}.grade-C{background-color:oklch(.8 .17 125);border-color:oklch(.8 .17 125);color:oklch(.15 .02 145);text-shadow:0 .0625rem .125rem oklch(1 0 0/.4)}.grade-D{background-color:oklch(.82 .17 90);border-color:oklch(.82 .17 90);color:oklch(.15 .02 145);text-shadow:0 .0625rem .125rem oklch(1 0 0/.4)}.grade-E{background-color:oklch(.72 .16 65);border-color:oklch(.72 .16 65);color:oklch(.15 .02 145);text-shadow:0 .0625rem .125rem oklch(1 0 0/.4)}.grade-F{background-color:oklch(.63 .16 45);border-color:oklch(.63 .16 45);color:oklch(1 0 0);text-shadow:0 .125rem .25rem oklch(0 0 0/.25)}.grade-G{background-color:oklch(.47 .17 28);border-color:oklch(.47 .17 28);color:oklch(1 0 0);text-shadow:0 .125rem .25rem oklch(0 0 0/.25)}@media(prefers-contrast: more){.eco-grade{background:oklch(1 0 0) !important;border:.1875rem solid oklch(0 0 0) !important;color:oklch(0 0 0) !important;text-shadow:none !important}html[data-theme=dark] .eco-grade{background:oklch(0 0 0) !important;border:.1875rem solid oklch(1 0 0) !important;color:oklch(1 0 0) !important}}.impact-value{font-size:1.5rem;font-weight:800}.impact-label{font-size:.8rem;font-weight:600;letter-spacing:.02em;opacity:.9}.impact-value,.impact-label,#ges-breakdown{color:inherit}.history-grade{block-size:1.75rem;border-radius:.25rem;display:inline-block;font-size:.7rem;font-weight:bold;inline-size:28px;line-height:1.75rem;min-inline-size:1.25rem;padding:.0625rem .375rem;text-align:center;text-shadow:0 .0625rem .0625rem rgba(0,0,0,.2)}.history-item{align-items:center !important;background:var(--color-bg-secondary);border:.09375rem solid var(--color-border);border-radius:.625rem;cursor:pointer;display:flex !important;font-size:.75rem;gap:.6rem !important;margin-bottom:.5rem;min-width:0;padding:.6rem .75rem;position:relative;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.history-item .history-checkbox{accent-color:var(--eco-green);cursor:pointer;flex-shrink:0;height:1rem;margin:0;width:1rem}.history-item .history-details{display:flex;flex:1;flex-direction:column;gap:.0625rem;min-width:0;pointer-events:none}.history-item .history-item-date{font-size:.6rem;opacity:.6;white-space:nowrap}.history-item .history-url{color:var(--color-text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .history-score-box{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.0625rem;pointer-events:none}.history-item .history--actions{text-align:right}.history-item .history-item-score{font-size:.6rem;font-weight:600;opacity:.6}.history-item:hover{background:var(--color-card);border-color:var(--eco-green);box-shadow:0 .25rem .75rem rgba(0,0,0,.08);transform:translateX(0.25rem)}.history-item.selected{background:rgb(var(--color-primary-rgb)/8%);border-color:var(--eco-green);box-shadow:0 0 0 .09375rem var(--eco-green)}.history-actions{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin-bottom:.5rem;padding:.5rem 1.5rem 1rem}.history-actions .history-label{color:var(--color-text-muted);display:block;font-size:.75rem;font-weight:700;letter-spacing:.02em;opacity:.9}.history-actions .btn-compare{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.05);color:var(--eco-green);cursor:pointer;display:none;font-size:.85rem;font-weight:600;padding:.6rem 1rem;text-align:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);width:100%}.history-actions .btn-compare:hover:not(:disabled){background:var(--eco-green);border-color:var(--eco-green);box-shadow:0 .25rem .75rem rgba(45,90,39,.25);color:#fff;transform:translateY(-0.0625rem)}.history-actions .btn-compare:active:not(:disabled){box-shadow:0 .125rem .375rem rgba(45,90,39,.2);transform:translateY(0)}.history-actions .btn-compare:disabled{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;filter:grayscale(0.8);opacity:.4}.history-actions .btn-compare.is-visible{display:block}.history-item{contain-intrinsic-size:.0625rem 3.125rem;content-visibility:auto}.sidebar-nav .history-container{max-height:18.75rem;overflow-y:auto;padding:.5rem 1.5rem;scrollbar-width:none}.sidebar-nav .history-container::-webkit-scrollbar{display:none}.sidebar-nav .history-container{list-style:none}.history-empty{color:var(--color-text-muted);font-size:.75rem;padding:.5rem 1rem}.explanation-box{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;color:var(--color-text-label);font-size:.8rem;margin-block-start:1.5rem;padding:1.25rem 1.5rem}.explanation-box h4{color:var(--eco-green);font-size:.9rem;font-weight:700;margin-block-end:.5rem}.explanation-box p{line-height:1.5;margin-block-end:.5rem}.explanation-box--formula{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:0;opacity:.9}.explanation-box--formula code{background-color:var(--color-bg);border:.0625rem solid var(--color-border);border-radius:.25rem;font-family:var(--font-mono, monospace);font-size:.75rem;padding:.2rem .5rem}@keyframes fadeIn{from{opacity:0;transform:translateY(0.625rem)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--color-bg);color:var(--color-text);font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.app-layout{box-sizing:border-box;display:flex;min-height:100vh;overflow-x:hidden;position:relative;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(width <= 768px){.app-layout{display:block}}.sr-only{block-size:.0625rem;border-width:0;clip:rect(0, 0, 0, 0);inline-size:.0625rem;margin:-0.625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.btn{align-items:center;border:.0625rem solid rgba(0,0,0,0);border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;line-height:1.2;text-decoration:none;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-secondary{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--eco-green);color:var(--eco-green);transform:translateY(-0.0625rem)}.btn-secondary:active{transform:translateY(0)}.btn-primary,.btn-submit{border:.125rem solid currentcolor !important;font-weight:800 !important}.card,.sidebar,header{border:.125rem solid var(--color-border) !important}.status-badge{background:rgba(0,0,0,0) !important;border:.0625rem solid currentcolor !important;font-weight:800 !important}.btn-icon{align-items:center;background:none;block-size:clamp(1.875rem,6.5vi,2.25rem);border:.0625rem solid var(--color-border);border-radius:.5rem;color:var(--color-text);cursor:pointer;display:flex;gap:.375rem;justify-content:center;min-inline-size:clamp(1.875rem,6.5vi,2.25rem);padding-block:0;padding-inline:clamp(.25rem,1vi,.6rem);transition:all .2s}.btn-icon:hover{background-color:var(--color-bg-secondary);border-color:var(--eco-green);color:var(--eco-green)}.main-content{background-color:var(--color-bg);box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-inline-size:0}@media(width <= 768px){.main-content{inline-size:100%}}.content-wrapper{inline-size:100%;margin:0 auto;max-inline-size:75rem;padding:2rem}.view-section{display:none}.view-section.active{animation:fadeIn .3s ease-out;display:block}.section-controls{align-items:flex-end;background:var(--color-bg-secondary);border-block-end:.0625rem solid var(--color-border);border-radius:.75rem .75rem 0 0;box-shadow:inset 0 -0.0625rem 0 var(--color-border);display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem}.section-controls .control-group{display:flex;flex:1;flex-direction:column;gap:.5rem;min-inline-size:17.5rem}.section-controls .control-group label{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.02em;margin-inline-start:.1rem}.section-controls .control-group .input-wrapper{align-items:center;display:flex;position:relative;transition:transform .2s ease}.section-controls .control-group .input-wrapper:focus-within{transform:translateY(-0.0625rem)}.section-controls .control-group .input-wrapper .control-icon{block-size:1.1rem;color:var(--color-text-muted);inline-size:1.1rem;inset-inline-start:.85rem;opacity:.6;pointer-events:none;position:absolute;transition:all .2s ease;z-index:1}.section-controls .control-group .input-wrapper:focus-within .control-icon{color:var(--eco-green);opacity:1;transform:scale(1.1)}.section-controls .control-group .input-wrapper .form-input{background:var(--color-bg);border:.0625rem solid var(--color-border);border-radius:.625rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.05);color:var(--color-text);font-size:.9rem;inline-size:100%;padding:.75rem 1rem .75rem 2.75rem;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1)}.section-controls .control-group .input-wrapper .form-input::placeholder{color:var(--color-text-muted);opacity:.5}.section-controls .control-group .input-wrapper .form-input:focus{background:var(--color-bg);border-color:var(--eco-green);box-shadow:0 .25rem .75rem rgba(0,0,0,.08),0 0 0 .1875rem oklch(.5 .15 145/.15);outline:none}.section-controls .control-group .input-wrapper .form-input:hover:not(:focus){background:var(--color-bg-secondary);border-color:color-mix(in srgb, var(--color-border) 70%, var(--eco-green))}.section-controls .control-group .input-wrapper select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-inline-end:2.5rem}.table-responsive{inline-size:100%;overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;inline-size:100%}@container card-container (max-inline-size: 48.75rem){.table-responsive{overflow-x:visible}table{display:block;inline-size:100%}table thead{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tbody{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, 18.75rem), 1fr));inline-size:100%}table tbody tr{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;inline-size:100%;margin:0;padding:.75rem;transition:border-color .2s}table tbody tr:hover{background-color:var(--color-bg-secondary);border-color:var(--eco-green)}table td{align-items:center;border-block-end:.0625rem solid var(--color-border);display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;max-inline-size:none !important;padding-block:.5rem;padding-inline:0;text-align:end}table td:last-child{border-block-end:none}table td::before{color:var(--color-text-label);content:attr(data-label);flex-shrink:0;font-weight:700;text-align:start}table td.history--actions{justify-content:space-between}}.btn-sm{font-size:.8rem;padding:.5rem 1rem}th{border-block-end:.125rem solid var(--color-border);color:var(--color-text-label);font-weight:700;padding:.75rem;text-align:left}th.is-center{text-align:center}th.is-right{text-align:right}th.sortable{cursor:pointer;transition:background-color .2s;user-select:none}th.sortable:hover{background-color:var(--color-bg-secondary)}th.sortable .sort-icon{block-size:0;border-inline:.25rem solid rgba(0,0,0,0);display:inline-block;inline-size:0;margin-inline-start:.5rem;opacity:0;transition:opacity .2s ease,transform .2s ease;vertical-align:middle}th.sortable.sortable:hover .sort-icon{border-block-end:.25rem solid currentcolor;opacity:.3}th.sortable.sort-asc .sort-icon{border-block-end:.25rem solid currentcolor;border-block-start:none;opacity:1;transform:translateY(-0.125rem)}th.sortable.sort-desc .sort-icon{border-block-end:none;border-block-start:.25rem solid currentcolor;opacity:1;transform:translateY(0.125rem)}td{border-block-end:.0625rem solid var(--color-border);padding:.75rem}tr{contain:layout paint;transition:background-color .15s ease}tr:hover{background-color:var(--color-bg-secondary)}.card{background-color:var(--color-card);border:.0625rem solid var(--color-border);border-radius:.5rem;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.1);container-name:card-container;container-type:inline-size;padding:clamp(.75rem,3vi,2rem)}@media(prefers-contrast: more){svg,.btn-icon svg{opacity:1 !important}}.info-icon{align-items:center;cursor:help;display:inline-flex;flex-shrink:0;margin-inline-start:.4rem;opacity:.6;vertical-align:middle}.info-icon:hover{opacity:1}.info-icon svg{pointer-events:none}.side-drawer{background-color:var(--color-card);block-size:100%;border-inline-start:.0625rem solid var(--color-border);box-shadow:-1rem 0 3rem rgba(0,0,0,.2);display:none;flex-direction:column;inline-size:min(50rem,100vi);inset-block-start:0;inset-inline-end:0;max-inline-size:100vi;position:fixed;transition:transform .3s ease-out;z-index:1000}.drawer-header{align-items:center;border-block-end:.0625rem solid var(--color-border);display:flex;justify-content:space-between;padding:clamp(.875rem,4vi,1.5rem)}.drawer-header--title-group{align-items:center;display:flex;gap:1rem}.drawer-header--title{font-size:1.1rem;margin:0}.drawer-nav{align-items:center;background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:2rem;display:none;gap:.3rem;padding:.2rem .5rem}.drawer-nav--btn{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;padding:.2rem}.drawer-nav--pos{font-size:.75rem;font-weight:600;min-inline-size:3ch;text-align:center}.close-modal{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem;line-height:1}.drawer-body{box-sizing:border-box;flex:1;overflow:hidden auto;padding:clamp(.875rem,4vi,1.5rem)}.serp-tabs{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:1rem;display:flex;gap:.5rem;margin-block-end:1.5rem;padding:.25rem}.serp-tab{background-color:rgba(0,0,0,0);border:none;border-radius:.7rem;color:var(--color-text);cursor:pointer;flex:1;font-size:.8rem;font-weight:700;padding:.5rem;transition:all .2s}.serp-tab.active{background-color:var(--color-primary);color:#fff}.serp-previews{margin-block-end:2rem}.preview-google{background-color:#fff;border:.0625rem solid #dfe1e5;border-radius:.8rem;box-shadow:0 .2rem .8rem rgba(0,0,0,.05);font-family:arial,sans-serif;padding:1.25rem;text-align:start}.preview-google .serp-url{color:#202124;font-size:.8125rem;margin-block-end:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-google .serp-title{color:#1a0dab;cursor:pointer;font-size:1.125rem;line-height:1.3;margin-block-end:.3rem;text-decoration:none}.preview-google .serp-desc{color:#4d5156;font-size:.8125rem;line-height:1.5;word-wrap:break-word}.preview-facebook{background-color:#f0f2f5;border:.0625rem solid #dddfe2;border-radius:.8rem;display:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden;text-align:start}.preview-facebook--image{align-items:center;aspect-ratio:1.91/1;background-color:#ccc;color:#666;display:flex;font-size:1.4rem;justify-content:center}.preview-facebook--body{background-color:#fff;padding:1.2rem}.preview-facebook--domain{color:#606770;font-size:1.2rem;text-transform:uppercase}.preview-facebook--title{-webkit-box-orient:vertical;color:#1d2129;display:-webkit-box;font-size:1.6rem;font-weight:600;-webkit-line-clamp:2;margin-block:.4rem;overflow:hidden}.preview-facebook--desc{-webkit-box-orient:vertical;color:#606770;display:-webkit-box;font-size:1.4rem;-webkit-line-clamp:2;line-height:1.33;overflow:hidden}.preview-twitter{background-color:#fff;border:.0625rem solid #e1e8ed;border-radius:1.2rem;display:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin-inline:auto;max-inline-size:44rem;overflow:hidden;text-align:start}.preview-twitter--image{align-items:center;aspect-ratio:2/1;background-color:#f5f8fa;border-block-end:.0625rem solid #e1e8ed;color:#657786;display:flex;justify-content:center}.preview-twitter--body{padding:1.2rem}.preview-twitter--title{color:#14171a;font-size:1.5rem;font-weight:700;margin-block-end:.4rem}.preview-twitter--desc{-webkit-box-orient:vertical;color:#657786;display:-webkit-box;font-size:1.4rem;-webkit-line-clamp:2;line-height:1.3;margin-block-end:.4rem;overflow:hidden}.preview-twitter--domain{color:#657786;font-size:1.4rem}.serp-ai-banner{align-items:center;background-color:oklch(.5 .15 145/.1);border:.0625rem solid var(--eco-green);border-radius:.8rem;display:none;gap:1rem;justify-content:space-between;margin-block-end:2rem;padding:1rem}.serp-ai-banner--content{align-items:center;display:flex;gap:.75rem}.serp-ai-banner--icon{font-size:1.25rem}.serp-ai-banner--title{color:var(--eco-green);font-size:.9rem;font-weight:700}.serp-ai-banner--desc{color:var(--color-text);font-size:.75rem;opacity:.8}.serp-ai-banner--btn{border-radius:.6rem;font-size:.8rem;padding:.5rem 1rem}.serp-editor{display:flex;flex-direction:column;gap:1.5rem}.serp-suggest-box{display:flex;justify-content:center;margin-block-start:2rem}.serp-suggest-btn{align-items:center;display:flex;gap:.75rem;padding:.75rem 1.5rem}.settings-section{border-block-end:.0625rem solid var(--color-border);margin-block-end:1.5rem;padding-block-end:1.5rem}.settings-section--title{font-size:1rem;font-weight:700;margin-block-end:.5rem}.settings-section--desc{color:var(--color-text-muted);font-size:.8rem;margin-block-end:1rem}.settings-section--feedback{border-block-end:none}.settings-feature-list{display:flex;flex-direction:column;gap:.75rem}.settings-feature-item{align-items:center;background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem}.settings-feature-item--info{align-items:center;display:flex;flex:1;gap:.5rem;min-inline-size:0}.settings-feature-item--name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-feature-item input[type=checkbox]{accent-color:var(--eco-green);block-size:1.125rem;cursor:pointer;flex-shrink:0;inline-size:1.125rem}.settings-pro-badge{background-color:oklch(.5 .15 145/.15);border:.0625rem solid var(--eco-green);border-radius:.25rem;color:var(--eco-green);font-size:.625rem;font-weight:800;margin-inline-start:.5rem;padding:.125rem .375rem}.settings-plan-selector{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.settings-plan-btn{background:rgba(0,0,0,0);border:none;border-radius:.375rem;color:var(--color-text-muted);cursor:pointer;flex:1;font-size:.75rem;font-weight:600;padding:.4rem;transition:all .2s ease}.settings-plan-btn.is-active{background-color:var(--color-primary);color:#fff;font-weight:700}.feedback-form{display:flex;flex-direction:column;gap:.75rem}.feedback-field{display:flex;flex-direction:column;gap:.25rem}.feedback-label{color:var(--color-text);font-size:.75rem;font-weight:600}.feedback-input,.feedback-select,.feedback-textarea{background:var(--color-bg);border:.0625rem solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-family:inherit;font-size:.8rem;inline-size:100%;padding:.5rem}.feedback-input:focus,.feedback-select:focus,.feedback-textarea:focus{border-color:var(--color-primary);outline:none}.feedback-textarea{resize:vertical}.feedback-external-link{color:var(--color-text-muted);display:inline-block;font-size:.7rem;margin-block-start:.5rem;text-align:center;text-decoration:underline;transition:color .2s ease}.feedback-external-link:hover{color:var(--color-text)}.settings-feedback-btn{align-items:center;background-color:var(--eco-green);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;inline-size:100%;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.settings-feedback-btn:hover{background-color:var(--color-primary);box-shadow:0 .25rem .75rem rgb(var(--color-primary-rgb)/25%);color:#fff;transform:translateY(-0.0625rem)}.settings-feedback-btn svg{pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.audit-description{color:var(--color-text-muted);font-size:.8rem;line-height:1.5;margin-block-end:1.5rem}#audit-section .card>h3{font-size:clamp(1rem,3.5vi,1.25rem);font-weight:700;margin-block-end:.5rem}#url-input{padding:1rem}.loading-spinner{animation:spin .8s linear infinite;block-size:1.25rem;border:.125rem solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:none;inline-size:1.25rem}.config-group{display:flex;gap:1.5rem}.config-item{display:flex;flex:1;flex-direction:column;gap:.25rem}.config-item--inline{align-items:center;cursor:pointer;flex-direction:row;gap:.5rem;margin-block:.5rem}.config-item--inline input[type=checkbox]{block-size:1.125rem;cursor:pointer;inline-size:1.125rem;margin:0}.config-item--inline label{cursor:pointer;margin:0}.config-item label{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.02em}.config-item input{background-color:var(--color-bg);border:.0625rem solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:1rem;padding:.75rem}.config-item input:focus{border-color:var(--eco-green);box-shadow:0 0 0 .125rem rgba(45,90,39,.1);outline:none}.search-form{background-color:var(--color-card);border:.0625rem solid var(--color-border);border-radius:.5rem;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.btn-submit{align-items:center;background:linear-gradient(135deg, oklch(50% 0.15 145deg) 0%, oklch(45% 0.14 145deg) 100%);border:none;border-radius:.5rem;box-shadow:0 .25rem .75rem rgba(45,90,39,.2);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.btn-submit .btn-text,.btn-submit .loading-spinner{position:relative;z-index:3}.btn-submit::before{background:linear-gradient(90deg, var(--eco-green) 0%, var(--color-primary) 100%);block-size:100%;content:"";inline-size:var(--progress, 0%);inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:inline-size .4s cubic-bezier(0.4, 0, 0.2, 1);z-index:2}.btn-submit.analyzing{background:var(--color-bg-secondary);border:.0625rem solid var(--color-border);box-shadow:none;color:var(--color-text);cursor:wait}.btn-submit.analyzing::before{opacity:1}.btn-submit.analyzing::after{animation:shimmer 2s infinite linear;background:linear-gradient(90deg, transparent 0%, oklch(100% 0 0deg / 0.25) 50%, transparent 100%);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.btn-submit.analyzing .btn-text{font-weight:700;text-shadow:0 .0625rem .125rem rgba(0,0,0,.1)}.btn-submit.analyzing .loading-spinner{border-color:oklch(.5 .15 145/.3);border-top-color:var(--color-primary)}.btn-submit:hover:not(:disabled,.analyzing){box-shadow:0 .375rem 1rem rgba(45,90,39,.3);opacity:.9;transform:translateY(-0.0625rem)}.btn-submit:disabled:not(.analyzing){cursor:not-allowed;opacity:.5;transform:none}.ai-card{margin-block-start:2rem}.ai-card--header{align-items:center;display:flex;gap:1rem;margin-block-end:1.5rem}.ai-card--icon-box{align-items:center;background-color:rgb(var(--color-primary-rgb)/10%);block-size:2.75rem;border:.0625rem solid rgb(var(--color-primary-rgb)/20%);border-radius:.625rem;color:var(--color-primary);display:flex;flex-shrink:0;inline-size:2.75rem;justify-content:center}.ai-card--title{font-size:1rem;font-weight:700;margin-block-end:.25rem}.ai-card--desc{color:var(--color-text-muted);font-size:.8rem}.ai-card--controls{border-radius:.75rem}.api-key-label{align-items:center;display:flex;inline-size:100%;justify-content:space-between}.api-key-link{color:var(--eco-green);font-size:.7rem;font-weight:600;text-decoration:none;transition:color .2s ease}.api-key-link:hover{color:var(--color-primary);text-decoration:underline}.api-key-note{color:var(--color-text-muted);font-size:.65rem;font-style:italic;margin-block-start:.25rem;opacity:.7}.social-card{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.8rem;padding:1rem}.social-card--tags-container{margin-block-start:1rem}.social-card--tags-title{font-size:.75rem;font-weight:600;margin-block-end:.5rem;opacity:.6}.social-card--tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.social-card--tag-item{background-color:var(--color-bg);border:.0625rem solid var(--color-border);border-radius:.25rem;font-size:.65rem;padding:.25rem .5rem}.social-card--tag-item strong{color:var(--color-primary)}.social-card--list{display:flex;flex-direction:column;gap:.75rem}.social-card--header{display:flex;justify-content:space-between;margin-block-end:.5rem}.social-card--label{font-size:.7rem;font-weight:700;opacity:.6}.social-card--char-count{font-size:.7rem}.social-card--char-count.is-error{color:var(--color-error)}.social-card--char-count.is-muted{color:var(--color-text-muted)}.social-card--char-count.is-success{color:var(--color-success)}.social-card--char-count.is-warning{color:var(--color-warning)}.social-card--char-count-hint{font-weight:400;opacity:.6}.social-card--value{font-size:.9rem;word-break:break-all}.social-card--value.is-secondary{font-size:.85rem;opacity:.8}.social-card--value-missing{color:var(--color-error)}.social-card--value-empty{opacity:.5}.social-preview--empty-state{opacity:.5;padding:3rem;text-align:center}.social-preview--layout{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.social-preview--section-title{border-block-end:.0625rem solid var(--color-border);font-size:.9rem;margin-block-end:1rem;padding-block-end:.5rem}.social-preview--mockup-group{margin-block-end:2rem}.social-preview--mockup-label{color:var(--color-text-muted);font-size:.7rem;margin-block-end:.5rem}.social-preview--fb-card{background-color:#fff;border:.0625rem solid #ddd;border-radius:.8rem;color:#1c1e21;font-family:Helvetica,Arial,sans-serif;overflow:hidden}.social-preview--fb-image-wrapper{aspect-ratio:1.91/1;background-color:#f0f2f5;inline-size:100%;position:relative}.social-preview--fb-image{block-size:100%;border-block-end:.0625rem solid #ddd;inline-size:100%;object-fit:cover}.social-preview--fb-fallback{align-items:center;color:#8d949e;display:none;flex-direction:column;font-size:.8rem;gap:.5rem;inset:0;justify-content:center;padding:1rem;position:absolute}.social-preview--fb-missing-img{align-items:center;aspect-ratio:1.91/1;background-color:#f0f2f5;color:#8d949e;display:flex;inline-size:100%;justify-content:center}.social-preview--fb-body{background-color:#f0f2f5;padding:1.2rem}.social-preview--fb-domain{color:#65676b;font-size:1.1rem;font-weight:600;margin-block-end:.4rem}.social-preview--fb-title{-webkit-box-orient:vertical;display:-webkit-box;font-size:1.6rem;font-weight:bold;-webkit-line-clamp:2;margin-block-end:.4rem;overflow:hidden}.social-preview--fb-desc{-webkit-box-orient:vertical;color:#65676b;display:-webkit-box;font-size:1.4rem;-webkit-line-clamp:2;overflow:hidden}.social-preview--tw-card{background-color:#000;border:.0625rem solid #333;border-radius:1.2rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.social-preview--tw-card.is-compact{display:flex;gap:1.2rem;padding:1.2rem}.social-preview--tw-image-large{aspect-ratio:2/1;inline-size:100%;object-fit:cover}.social-preview--tw-image-compact{block-size:8rem;border-radius:.8rem;inline-size:8rem;object-fit:cover}.social-preview--tw-placeholder-compact{background-color:#2f3336;block-size:8rem;border-radius:.8rem;inline-size:8rem}.social-preview--tw-body{padding:1.2rem}.social-preview--tw-body.is-large{border-block-start:.0625rem solid #333}.social-preview--tw-body.is-compact{flex:1;padding:0}.social-preview--tw-domain{color:#71767b;font-size:1.3rem;margin-block-end:.2rem}.social-preview--tw-title{font-size:1.5rem;font-weight:400;margin-block-end:.2rem}.social-preview--tw-desc{-webkit-box-orient:vertical;color:#71767b;display:-webkit-box;font-size:1.5rem;-webkit-line-clamp:2;overflow:hidden}.api-key-highlight{box-shadow:0 0 3rem oklch(.5 .15 145/.4);outline:.3rem solid var(--color-primary)}.segmented-control{background-color:var(--color-bg-secondary);border:.0625rem solid var(--color-border);border-radius:.8rem;display:flex;gap:.5rem;max-inline-size:30rem;padding:.25rem}.segmented-control--input{block-size:0;inline-size:0;opacity:0;position:absolute}.segmented-control--input:checked+.segmented-control--label{background-color:var(--color-primary);color:#fff;font-weight:700}.segmented-control--input:focus-visible+.segmented-control--label{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.segmented-control--label{border-radius:.6rem;color:var(--color-text);cursor:pointer;flex:1;font-size:.8rem;padding:.4rem;text-align:center;transition:all .2s ease}.segmented-control--label:hover{background-color:var(--color-bg)}