@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg-paper:#faf8f5;--grid-major:#0e74901f;--grid-minor:#0e74900a;--text-dark:#0f172a;--text-muted:#475569;--accent:#0891b2;--accent-light:#0891b214;--border-technical:#334155;--border-technical-light:#cbd5e1;--font-mono:"Share Tech Mono", monospace;--font-sans:"Outfit", sans-serif}*{box-sizing:border-box}body{background-color:var(--bg-paper);min-height:100vh;font-family:var(--font-sans);color:var(--text-dark);margin:0;padding:0;overflow-x:hidden}#app{width:100%;max-width:100%;margin:0}.technical-paper{background-color:var(--bg-paper);background-image:linear-gradient(to right, var(--grid-major) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-major) 1px, transparent 1px), linear-gradient(to right, var(--grid-minor) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-minor) 1px, transparent 1px);width:100%;min-height:100vh;box-shadow:none;background-position:50%;background-size:40px 40px,40px 40px,8px 8px,8px 8px;border:none;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.technical-paper:after{content:"";border:1px solid var(--border-technical);pointer-events:none;z-index:1;position:absolute;inset:16px}.top-ruler{pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='16'><line x1='0' y1='16' x2='80' y2='16' stroke='%23334155' stroke-width='1.5'/><line x1='0' y1='16' x2='0' y2='6' stroke='%23334155' stroke-width='1'/><line x1='8' y1='16' x2='8' y2='12' stroke='%23334155'/><line x1='16' y1='16' x2='16' y2='12' stroke='%23334155'/><line x1='24' y1='16' x2='24' y2='12' stroke='%23334155'/><line x1='32' y1='16' x2='32' y2='12' stroke='%23334155'/><line x1='40' y1='16' x2='40' y2='8' stroke='%23334155' stroke-width='1'/><line x1='48' y1='16' x2='48' y2='12' stroke='%23334155'/><line x1='56' y1='16' x2='56' y2='12' stroke='%23334155'/><line x1='64' y1='16' x2='64' y2='12' stroke='%23334155'/><line x1='72' y1='16' x2='72' y2='12' stroke='%23334155'/></svg>");background-repeat:repeat-x;height:16px;position:absolute;top:16px;left:16px;right:16px}.left-ruler{pointer-events:none;z-index:1;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='80'><line x1='16' y1='0' x2='16' y2='80' stroke='%23334155' stroke-width='1.5'/><line x1='16' y1='0' x2='6' y2='0' stroke='%23334155' stroke-width='1'/><line x1='16' y1='8' x2='12' y2='8' stroke='%23334155'/><line x1='16' y1='16' x2='12' y2='16' stroke='%23334155'/><line x1='16' y1='24' x2='12' y2='24' stroke='%23334155'/><line x1='16' y1='32' x2='12' y2='32' stroke='%23334155'/><line x1='16' y1='40' x2='8' y2='40' stroke='%23334155' stroke-width='1'/><line x1='16' y1='48' x2='12' y2='48' stroke='%23334155'/><line x1='16' y1='56' x2='12' y2='56' stroke='%23334155'/><line x1='16' y1='64' x2='12' y2='64' stroke='%23334155'/><line x1='16' y1='72' x2='12' y2='72' stroke='%23334155'/></svg>");background-repeat:repeat-y;width:16px;position:absolute;top:16px;bottom:16px;left:16px}.technical-header{text-align:center;z-index:5;margin-top:10px;margin-bottom:24px;position:relative}.lang-selector{z-index:5;position:absolute;bottom:24px;right:24px}.lang-selector select{background:var(--bg-paper);border:1px solid var(--border-technical-light);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;outline:none;padding:2px 4px;font-size:10px}.lang-selector select:hover{border-color:var(--accent);color:var(--accent)}.technical-header h1{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-dark);text-transform:uppercase;margin:0 0 4px;font-size:28px;font-weight:700}.technical-header p{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;margin:0}.converter-container{z-index:5;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;gap:36px;width:100%;max-width:850px;margin:0 auto 80px;display:flex}.converter-column{z-index:3;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:250px;max-width:320px;display:flex;position:relative}.converter-column:has(.custom-select.open){z-index:20}.converter-arrow{color:var(--border-technical);opacity:.6;z-index:1;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.arrow-icon{fill:currentColor;width:32px;height:32px;transition:transform .3s}.sub-units-above{min-height:110px;font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;margin-bottom:12px;font-size:13px;display:flex}.sub-units-below{min-height:110px;font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;width:100%;margin-top:12px;font-size:13px;display:flex}.sub-unit-item{opacity:.85;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px dashed #0000;width:100%;padding:2px 8px;font-weight:500;transition:all .2s;overflow:hidden}.sub-unit-item:hover{opacity:1;color:var(--accent);background-color:var(--accent-light);border-color:var(--accent)}.main-input-box{border:1px solid var(--border-technical-light);background:#00000005;flex-direction:column;gap:14px;width:100%;padding:16px;transition:all .25s;display:flex;position:relative}.main-input-box:focus-within{border-color:var(--border-technical)}.input-wrapper,.select-wrapper{text-align:left;flex-direction:column;gap:6px;display:flex;position:relative}.input-wrapper{z-index:0}.select-wrapper{z-index:1}.field-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:9px;font-weight:700}.value-input{border:1.5px solid var(--border-technical);width:100%;color:var(--text-dark);font-family:var(--font-mono);text-align:center;background:#fff;outline:none;padding:8px 12px;font-size:24px;font-weight:700;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}.value-input:focus{border-color:var(--accent);box-shadow:inset 0 2px 4px #0891b20d,0 0 8px #0891b21a}.value-input::placeholder{color:var(--text-muted);opacity:.3}.value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input[type=number]{-moz-appearance:textfield}.custom-select{width:100%;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;border:1.5px solid var(--border-technical);background:#fff;padding:10px 14px;font-size:13px;transition:all .2s;position:relative}.custom-select:hover{background-color:var(--accent-light);border-color:var(--accent)}.custom-select.open{z-index:110;border-color:var(--accent)}.selected-val{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-weight:700;display:flex}.selected-val span{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);overflow:hidden}.selected-val svg{width:14px;height:14px;fill:var(--text-muted);transition:transform .2s}.custom-select.open .selected-val svg{fill:var(--accent);transform:rotate(180deg)}.options-dropdown{background:var(--bg-paper);border:1.5px solid var(--border-technical);z-index:100;max-height:250px;position:absolute;inset:calc(100% + 8px) -1.5px auto;overflow-y:auto;box-shadow:0 10px 20px #00000014}.search-container{background-color:var(--bg-paper);z-index:101;border-bottom:1px solid var(--border-technical-light);padding:8px;position:sticky;top:0}.search-input{width:100%;font-family:var(--font-mono);border:1.5px solid var(--border-technical-light);background:#fff;outline:none;padding:8px 10px;font-size:12px;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.no-results{text-align:center;font-family:var(--font-mono);color:var(--text-muted);padding:16px;font-size:11px}.options-dropdown::-webkit-scrollbar{width:5px}.options-dropdown::-webkit-scrollbar-track{background:0 0}.options-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-technical)}.category-group{border-bottom:1px solid var(--border-technical-light)}.category-group:last-child{border-bottom:none}.category-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background-color:#00000005;padding:6px 12px;font-size:9px;font-weight:700}.option-item{color:var(--text-dark);text-transform:uppercase;padding:8px 12px;transition:all .2s}.option-item:hover{background-color:var(--accent-light);color:var(--accent)}.option-item.selected{background-color:var(--accent);color:#fff}.technical-footer{text-align:center;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;opacity:.7;z-index:2;font-size:10px;position:absolute;bottom:24px;left:0;right:0}@media (width<=768px){body{padding:0}.technical-paper{min-height:100vh;padding:40px 32px}.converter-container{flex-direction:column;align-items:center;gap:16px;margin-bottom:48px}.converter-column{width:100%;max-width:320px}.converter-arrow{margin:4px 0;transform:rotate(90deg)}.sub-units-above,.sub-units-below{display:none}.converter-column:last-of-type .options-dropdown{top:auto;bottom:calc(100% + 8px);box-shadow:0 -10px 20px #00000014}}.dropdown-backdrop[data-v-56585446]{z-index:99;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}