.weight_container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;width:100%}.weight_card{background:var(--comment-bg);border-radius:10px;padding:1rem;border:1px solid var(--border-sidebar-color);transition:all 0.3s ease;position:relative}.weight_card:hover{}.weight_title{text-align:center;margin-bottom:2rem;margin-top:0;padding-right:120px;color:var(--text-color);font-size:1.8rem;font-weight:600}.weight_subtitle{margin-bottom:1.5rem;color:var(--text-color);font-size:1.3rem;font-weight:500}.weight_unit-toggle{display:flex;background:var(--card-bg);border-radius:8px;padding:2px;position:absolute;top:1rem;right:1rem;z-index:10}.weight_toggle-btn{flex:1;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-color);font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;min-width:50px}.weight_toggle-btn.weight_active{background:var(--primary-color);color:white}.weight_toggle-btn:hover:not(.weight_active){background:var(--url-hover-bg)}.weight_input-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.weight_input-item{display:flex;flex-direction:column;gap:0.5rem}.weight_label{font-weight:500;color:var(--text-color);font-size:0.95rem}.weight_input-wrapper{position:relative;display:flex;align-items:center;background:var(--card-bg);border:2px solid var(--border-sidebar-color);border-radius:12px;overflow:hidden;transition:all 0.3s ease}.weight_input-wrapper:focus-within{border-color:var(--primary-color)}.weight_input{flex:1;padding:16px;border:none;background:transparent;color:var(--text-color);font-size:1.1rem;outline:none}.weight_input::placeholder{color:var(--description-color)}.weight_unit{padding:16px;color:var(--text-color);font-weight:500;background:var(--url-hover-bg);border-left:1px solid var(--border-sidebar-color)}.weight_button-group{display:flex;gap:1rem;max-width:500px;margin:0 auto}.weight_button{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease}.weight_button.normal-button{background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-sidebar-color)}.weight_button.normal-button:hover{background:var(--url-hover-bg);border-color:var(--primary-color)}.weight_table-container{overflow-x:auto;border-radius:12px;overflow:hidden}.weight_table{width:100%;border-collapse:collapse;background:var(--comment-bg)}.weight_table th{background:var(--card-bg);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-sidebar-color)}.weight_table td{padding:16px 12px;border-bottom:1px solid var(--border-sidebar-color);color:var(--text-color)}.weight_table tr:hover:not(.weight_no-data){background:var(--url-hover-bg)}.weight_sortable{cursor:pointer;user-select:none;position:relative}.weight_sortable:hover{background:var(--url-hover-bg)}.weight_sort-icon{margin-left:0.5rem;font-size:0.8rem;opacity:0.6}.weight_percentage-cell{font-weight:700;font-size:1.3rem}.weight_percentage-loss{color:#2ecc71 !important}.weight_percentage-gain{color:#e74c3c !important}.weight_no-data{text-align:center;color:var(--description-color);font-style:italic}.weight_clear-section{padding:1.5rem;text-align:center;border-top:1px solid var(--border-sidebar-color);background:var(--card-bg)}.weight_clear-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;max-width:500px;margin:0 auto}.weight_button.weight_no-shadow{box-shadow:none}.weight_button.weight_no-shadow:hover{box-shadow:none}.weight_description{margin-bottom:1.5rem;color:var(--text-color);line-height:1.6}.weight_formula-box{background:var(--card-bg);padding:2rem;border-radius:12px;margin:1.5rem 0}.weight_formula-fraction{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap}.weight_fraction{display:inline-flex;flex-direction:column;align-items:center;margin:0 0.5rem}.weight_fraction-numerator,.weight_fraction-denominator{padding:0.3rem 0.8rem;text-align:center;font-weight:500}.weight_fraction-line{width:100%;height:2px;background:currentColor;margin:0.3rem 0}.weight_formula-text{font-weight:500;white-space:nowrap}.weight_example{margin-top:2rem}.weight_example h4{margin-bottom:1rem;color:var(--text-color)}.weight_example-content{background:var(--card-bg);padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary-color)}.weight_note{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;border-left:4px solid #f39c12}.weight_note p{margin:0;color:var(--text-color);line-height:1.6}@media (max-width:768px){.weight_container{}.weight_card{}.weight_input-group{grid-template-columns:1fr;gap:1rem}.weight_button-group{flex-direction:column;max-width:300px}.weight_formula-fraction{flex-direction:column;gap:1rem}.weight_table th,.weight_table td{padding:12px 8px;font-size:0.9rem}.weight_clear-buttons{flex-direction:column;gap:0.5rem;max-width:300px}.weight_unit-toggle{position:static;margin-bottom:1rem;justify-content:center}.weight_toggle-btn{font-size:0.9rem;padding:8px 14px;min-width:60px}.weight_title{padding-right:0}}@media (max-width:480px){.weight_title{}.weight_subtitle{}.weight_table th,.weight_table td{padding:8px 6px;font-size:0.8rem}}.fa-sort{width:14px;height:14px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M27.66 224h264.7c6.7 0 11.7-6.5 8.5-12.7l-132.3-192c-3.3-4.9-10.8-4.9-14.2 0L19.16 211.3c-3.2 6.2 1.8 12.7 8.5 12.7zM311.4 288H46.65c-6.7 0-11.7 6.5-8.5 12.7l132.3 192c3.3 4.9 10.8 4.9 14.2 0l132.3-192c3.2-6.2-1.8-12.7-8.5-12.7z'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor}.fa-sort-up{width:14px;height:14px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor}.fa-sort-down{width:14px;height:14px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.6-41 17-41z'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor}