/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid .views-col{float:left;}.views-view-grid .views-row{float:left;clear:both;width:100%;}.views-display-link + .views-display-link{margin-left:0.5em;}
.addtoany{display:inline;}.addtoany_list{display:inline;line-height:16px;}.addtoany_list > a,.addtoany_list a img,.addtoany_list a > span{vertical-align:middle;}.addtoany_list > a{border:0;display:inline-block;font-size:16px;padding:0 4px;}.addtoany_list.a2a_kit_size_32 > a{font-size:32px;}.addtoany_list .a2a_counter img{float:left;}.addtoany_list a span.a2a_img{display:inline-block;height:16px;opacity:1;overflow:hidden;width:16px;}.addtoany_list a span{display:inline-block;float:none;}.addtoany_list.a2a_kit_size_32 a > span{border-radius:4px;height:32px;line-height:32px;opacity:1;width:32px;}.addtoany_list a:hover:hover img,.addtoany_list a:hover span{opacity:.7;}.addtoany_list a.addtoany_share_save img{border:0;width:auto;height:auto;}.addtoany_list a .a2a_count{position:relative;}
:root{--surface:rgb(0,0,0,0.3);--surface-elevated:var(--bs-primary);--border:rgba(var(--bs-secondary-rgb),0.2);--text:var(--bs-light);--text-muted:var(--bs-light);--primary:var(--bs-info);--secondary:var(--bs-yellow);--accent:var(--bs-cyan);--success:var(--bs-green);--highlight-from:var(--bs-cyan);--highlight-to:var(--bs-yellow);--font-sans:var(--bs-font-sans-serif);--font-mono:var(--bs-font-monospace);}.app-header{text-align:center;margin-bottom:3rem;position:relative;}.app-title{font-size:2.5rem;font-weight:300;letter-spacing:-0.02em;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.app-subtitle{color:var(--text-muted);font-size:0.95rem;font-weight:300;letter-spacing:0.05em;text-transform:uppercase;}.converter-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);transition:all 0.3s ease;}.converter-card:hover{border-color:var(--primary);box-shadow:0 8px 16px -2px rgba(6,182,212,0.15);}.section-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--primary);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}.section-title::before{content:'';width:3px;height:12px;background:currentColor;border-radius:2px;}.section-title-from{color:var(--highlight-from);}.section-title-to{color:var(--highlight-to);}.converter-card .form-select,.converter-card .form-control{background-color:var(--surface-elevated) !important;border:1px solid var(--border);color:var(--text) !important;border-radius:8px;padding:0.75rem 1rem;font-family:var(--font-sans);transition:all 0.2s ease;}.converter-card .form-select:focus,.converter-card .form-control:focus{background-color:var(--surface-elevated) !important;border-color:var(--primary);color:var(--text) !important;box-shadow:0 0 0 3px rgba(6,182,212,0.1);}.converter-card .form-select option{background-color:var(--surface-elevated);color:var(--text);}.value-input{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;text-align:center;letter-spacing:0.02em;}.value-input::placeholder{color:var(--border);}.unit-selector{font-size:0.95rem;}.conversion-arrow{display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;}.formula-display{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem 1.5rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:0.9rem;color:var(--text-muted);text-align:center;border-left:3px solid var(--secondary);}.formula-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--secondary);margin-bottom:0.5rem;}.context-display{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(6,182,212,0.1));border:1px solid rgba(16,185,129,0.3);border-radius:8px;padding:1rem 1.5rem;margin-top:1.5rem;border-left:3px solid var(--success);}.context-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--success);margin-bottom:0.5rem;font-weight:600;}.context-text{color:var(--text);font-size:0.95rem;line-height:1.6;}.context-value{font-family:var(--font-mono);font-weight:600;color:var(--highlight-to);margin-right:0.25rem;}.context-icon{display:inline-block;margin-right:0.5rem;font-size:1.1rem;}.visualization-container{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-top:2rem;}#visualization{width:100%;min-height:300px;height:auto;}.bar-from{fill:var(--highlight-from);transition:all 0.3s ease;}.bar-to{fill:var(--highlight-to);transition:all 0.3s ease;}.bar-neutral{fill:var(--border);opacity:0.5;transition:all 0.3s ease;}.bar-neutral:hover{opacity:0.8;}.scale-toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}.scale-toggle{display:inline-flex;background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;padding:3px;gap:2px;}.scale-toggle-btn{background:transparent;border:none;color:var(--text-muted);padding:0.4rem 0.8rem;border-radius:4px;cursor:pointer;font-size:0.75rem;font-weight:500;font-family:var(--font-sans);transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.05em;}.scale-toggle-btn:hover{color:var(--text);background:rgba(255,255,255,0.05);}.scale-toggle-btn.active{background:var(--primary);color:white;font-weight:600;}.bar-label{font-family:var(--font-mono);font-size:12px;fill:var(--text);}.category-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:2rem;}.category-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:0.5rem 1rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-size:0.85rem;font-weight:500;}.category-tab:hover{background:var(--surface-elevated);border-color:var(--primary);color:var(--text);}.category-tab.active{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:white;font-weight:600;}.loading-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-left:0.5rem;}.category-tab:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}.scale-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}label.section-title{display:flex;cursor:default;}