.container.ubc-calculator{font-family:'Montserrat'}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subtitle{color:#7f8c8d;font-size:1.15rem;font-weight:500;letter-spacing:.3px}.content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:50px}@media (max-width:768px){.content-wrapper{grid-template-columns:1fr;gap:30px}}button.clear-btn:focus{background:0 0 !important}button.clear-btn:hover{text-decoration:underline}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h2{color:red;font-size:1.6rem;font-weight:700;letter-spacing:-.3px}.clear-btn{color:#686868 !important;border:none;padding:0;font-size:14px;font-weight:500;margin:0}.clear-btn:hover{background:0 0;color:#ff00007c}.clear-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(127,140,141,.25)}.category-tabs{display:flex;flex-wrap:wrap;gap:0px;margin-bottom:30px}button.category-tab{background-color:#f8f8f8 !important;color:#686868 !important;font-size:12px;border:none;border-radius:0;border:1px solid #e6e6e6}.category-tab:hover{border-color:red;color:red;background-color:rgba(255,0,0,.05);box-shadow:0 2px 8px rgba(255,0,0,.1)}.items-list{display:flex;flex-direction:column;gap:12px}.item{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px}.item:hover{border-left-color:red;border-color:red}.item-info{display:flex;justify-content:space-between;align-items:center}.item-name{font-weight:700;color:#2c3e50;font-size:14px}.item-size{color:#95a5a6;font-size:12px;font-weight:500;margin-top:0}.item-controls{display:flex;align-items:center;gap:10px}.quantity-input{width:42px !important;padding:.5em 0 !important;border:2px solid #ecf0f1;border-radius:6px;text-align:center;font-size:14px;font-weight:500;background:#fff;color:red !important;transition:all .2s ease}.quantity-input:focus{border-color:red;outline:none;box-shadow:0 0 0 3px rgba(255,0,0,.1) !important}.btn-control{width:26px;height:26px;border:none;background:linear-gradient(135deg,red 0%,#e60000 100%);color:#fff;cursor:pointer;border-radius:6px;font-size:1.1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-control:hover{background:linear-gradient(135deg,#e60000 0%,#c00 100%);transform:scale(1.02)}.btn-control:active{transform:scale(.95);box-shadow:0 2px 6px rgba(255,0,0,.25)}.results-section{display:flex;flex-direction:column;gap:30px}.result-title{color:red;font-size:26px;font-weight:700;margin-bottom:2px}.volume-display{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);padding:20px 15px;border-radius:8px;margin-bottom:5px;border-left:5px solid red;border:1px solid #ecf0f1}.volume-label{color:#7f8c8d;font-size:14px !important;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.volume-value{font-size:30px;color:red;font-weight:700;line-height:1}.volume-unit{color:#7f8c8d;font-size:14px;display:inline-block;margin-left:2px;font-weight:600}.no-suggestion{color:#686868;font-size:14px}.unit-image{max-width:100%;height:auto;margin:20px 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.unit-icon{font-size:4rem;margin:25px 0;animation:bounce .6s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.unit-details{padding:5px;border-radius:8px}img.unit-image{width:40%;text-align:start;margin:0}.unit-name{font-size:30px;color:red;font-weight:700;margin-bottom:0}.unit-capacity{font-size:16px;color:#686668;margin-bottom:20px;font-weight:600}.capacity-bar{width:100%;height:20px;background-color:#ecf0f1;border-radius:6px;overflow:hidden;margin-bottom:15px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.capacity-fill{height:100%;background:linear-gradient(90deg,red 0%,#e60000 100%);transition:width .5s ease;border-radius:6px;box-shadow:0 0 10px rgba(255,0,0,.3),inset 0 -2px 4px rgba(0,0,0,.1)}.capacity-text{font-size:.9rem;color:#7f8c8d;font-weight:600}.unit-description{color:#686868;font-size:14px;line-height:1.5em;margin-top:6px;font-weight:400}.too-large-warning{background:linear-gradient(135deg,#ffe6e6 0%,#fff0f0 100%);padding:25px;border-radius:8px;color:#721c24;border-left:5px solid #f5c6cb;border:1px solid #f5c6cb;font-weight:500}.too-large-warning strong{color:#721c24;font-weight:700}.too-large-warning p{margin-top:12px;line-height:1.6}.tag{display:inline-block;background-color:#ecf0f1;padding:4px 10px;border-radius:4px;font-size:.75rem;margin-top:8px;font-weight:600;color:#7f8c8d}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr;gap:35px}.section-header h2{font-size:1.4rem}.subtitle{font-size:1rem}.result-title{font-size:22px}.volume-value{font-size:26px}.unit-name{font-size:24px}.unit-capacity{font-size:14px}.item-name{font-size:13px}.item-size{font-size:11px}.quantity-input{width:38px !important;font-size:13px}.btn-control{width:24px;height:24px;font-size:1rem}img.unit-image{width:38%}}@media (max-width:767px){.container.ubc-calculator{padding:0 12px}.content-wrapper{gap:25px}.section-header{flex-direction:column;align-items:flex-start;gap:6px}.section-header h2{font-size:1.2rem}.subtitle{font-size:.9rem}.category-tabs{gap:5px}button.category-tab{font-size:11px;padding:6px 8px}.item{flex-direction:column;align-items:flex-start;gap:8px}.item-info{width:100%;flex-direction:column;align-items:flex-start;gap:2px}.item-controls{width:100%;justify-content:flex-end}.item-name{font-size:13px}.item-size{font-size:11px}.quantity-input{width:36px !important;font-size:12px}.btn-control{width:22px;height:22px;font-size:.9rem}.result-title{font-size:20px}.volume-display{padding:15px 12px}.volume-value{font-size:24px}.volume-label,.volume-unit{font-size:12px}.unit-name{font-size:22px}.unit-capacity{font-size:13px}.unit-description{font-size:13px}img.unit-image{width:65%;display:block}.capacity-bar{height:16px}.too-large-warning{padding:18px;font-size:13px}}