:root{--c-primary: #6366f1;--c-primary-hover: #4f46e5;--c-primary-light: #eef2ff;--c-primary-dark: #4338ca;--c-bg: #f8fafc;--c-surface: #ffffff;--c-border: #e2e8f0;--c-text: #1e293b;--c-text-secondary: #64748b;--c-text-muted: #94a3b8;--c-success: #10b981;--c-error: #ef4444;--c-header-start: #4f46e5;--c-header-end: #7c3aed;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font: 'Inter', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', monospace;--max-w: 1200px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;line-height:1.6}button,input,textarea,select{font:inherit}body{font-family:var(--font);display:flex;flex-direction:column;min-height:100vh;font-size:1rem;min-width:320px;background:var(--c-bg);color:var(--c-text)}.header{background:linear-gradient(135deg, var(--c-header-start), var(--c-header-end));position:sticky;top:0;z-index:50;box-shadow:var(--shadow-md)}.header__title{max-width:var(--max-w);margin-inline:auto;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-0.025em;padding:1rem 1.25rem}.header__title--blue{color:#a5b4fc;font-size:1.5rem}.header__title--span-com{font-size:1rem;opacity:.8;font-weight:400}.content{display:flex;gap:2rem;flex-grow:1;margin-inline:auto;padding:2rem 1.25rem;max-width:var(--max-w);width:100%}.content--left{flex:1;min-width:0}.content--right{width:300px;flex-shrink:0}@media(max-width: 900px){.content{flex-direction:column;padding:1.25rem}.content--right{width:100%}}.content__left__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin-bottom:1.5rem;color:var(--c-text);letter-spacing:-0.025em}.card{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);padding:2rem;margin-bottom:1.5rem}@media(max-width: 600px){.card{padding:1.25rem;border-radius:var(--radius-md)}}.converter_box{max-width:700px;margin-inline:auto}.converter_box__row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}@media(max-width: 600px){.converter_box__row{flex-direction:column;gap:.5rem}}.converter_box__field{flex:1;display:flex;flex-direction:column;gap:.375rem}.converter_box__label{font-size:.75rem;font-weight:600;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left}.converter_box__input{padding:.75rem 1rem;border:2px solid var(--c-border);border-radius:var(--radius-sm);font-size:1.125rem;font-family:var(--font-mono);transition:border-color .2s,box-shadow .2s;background:#f8fafc;width:100%;color:var(--c-text)}.converter_box__input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:#fff}.converter_box__input::placeholder{color:var(--c-text-muted)}.converter_box__select{padding:.625rem .75rem;border:2px solid var(--c-border);border-radius:var(--radius-sm);font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem;padding-right:2rem;width:100%}.converter_box__select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.converter_box__select:hover{border-color:#cbd5e1}.converter_box__swap{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--c-border);border-radius:50%;background:var(--c-surface);cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:1.25rem;color:var(--c-text-secondary)}.converter_box__swap:hover{background:var(--c-primary-light);border-color:var(--c-primary);color:var(--c-primary)}.converter_box__swap:active{transform:scale(0.9)}.converter_box__swap svg{width:20px;height:20px}@media(max-width: 600px){.converter_box__swap{margin-top:0;transform:rotate(90deg)}}.converter_box__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.converter_box__btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.converter_box__btn:hover{background:#f1f5f9;color:var(--c-text);border-color:#cbd5e1}.converter_box__btn svg{width:16px;height:16px}.quick_pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.quick_pills__pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.quick_pills__pill:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}.quick_pills__pill--active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.quick_pills__pill--active:hover{background:var(--c-primary-hover);color:#fff}.quick_pills__pill svg{width:14px;height:14px}.links_box{text-align:left}.links_box__title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--c-text)}.links_box__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.25rem}.links_box__item a{color:var(--c-primary);text-decoration:none;font-size:.875rem;padding:.3rem .5rem;display:block;border-radius:var(--radius-sm);transition:background .15s}.links_box__item a:hover{background:var(--c-primary-light);text-decoration:underline}.description_box{text-align:left}.description_box__unit{margin-top:.25rem;margin-bottom:1.5rem}.description_box__unit:last-child{margin-bottom:0}.description_box__unit-title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:.375rem}.description_box__text{color:var(--c-text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.description_box__text:last-child{margin-bottom:0}.conversion_table__title{font-size:1.15rem;font-weight:700;margin-bottom:1rem;text-align:left}.conversion_table__table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;font-size:.9rem}.conversion_table__table th{background:#f1f5f9;color:var(--c-text);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--c-border);text-align:left}.conversion_table__table td{padding:.625rem 1rem;border-bottom:1px solid #f1f5f9;font-family:var(--font-mono);font-size:.85rem}.conversion_table__table tr:last-child td{border-bottom:none}.conversion_table__table tbody tr:hover{background:#f8fafc}.conversion_table__table tbody tr:nth-child(even){background:#fafbfc}.conversion_table__table tbody tr:nth-child(even):hover{background:#f1f5f9}.conversion_table__value{color:var(--c-text)}.conversion_table__arrow{text-align:center;color:var(--c-text-muted);padding-inline:.5rem !important;font-family:var(--font) !important}.conversion_table__result{color:var(--c-primary);font-weight:600}.conversion_example{text-align:left;margin-top:1.5rem}.conversion_example__title{font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.conversion_example__text{font-size:.9rem;color:var(--c-text-secondary);margin-bottom:.5rem}.conversion_example__text--bold{font-weight:600;color:var(--c-text)}.unit_histories{text-align:left;margin-top:1.5rem}.unit_histories__title{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.unit_histories__section{margin-bottom:1.25rem}.unit_histories__unit-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.unit_histories__text{font-size:.9rem;color:var(--c-text-secondary);line-height:1.7}.category_links{text-align:left}.category_links__title{font-size:1.15rem;font-weight:700;margin-bottom:1.25rem;color:var(--c-text)}.category_links__group_list{list-style:none}.category_links__group{margin-bottom:1.25rem}.category_links__group_title{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);margin-bottom:.5rem}.category_links__list{list-style:none}.category_links__list_item{color:var(--c-primary);text-decoration:none;font-size:.875rem;padding:.3rem 0;display:block;transition:color .15s}.category_links__list_item:hover{color:var(--c-primary-hover);text-decoration:underline}.footer{background:#0f172a;color:#94a3b8;padding:2rem 1.25rem;margin-top:auto}.footer__container{max-width:var(--max-w);margin:0 auto;text-align:center}.footer__description{font-size:.85rem;color:#64748b}.toast_container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast--success{background:var(--c-success)}.toast--error{background:var(--c-error)}.toast--info{background:var(--c-primary)}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.converter_box,.links_box,.description_box,.conversion_table,.conversion_example,.unit_histories{animation:fadeIn .3s ease-out}/*# sourceMappingURL=styles.css.map */