:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--bg-elevated:#121a2b;--bg-card:#162033;--border:#94a3b829;--text:#f1f5f9;--muted:#94a3b8;--primary:#14b8a6;--primary-pressed:#0f766e;--danger:#ef4444;--radius:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--tab-h:68px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;margin:0}body{overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.app-shell{background:radial-gradient(ellipse 80% 40% at 50% -10%, #14b8a62e, transparent), var(--bg);flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.app-main{padding:calc(12px + var(--safe-top)) 16px calc(var(--tab-h) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.screen{flex-direction:column;gap:16px;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screen-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.screen-header h1{letter-spacing:-.03em;margin:0;font-size:1.75rem}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;font-size:.75rem;font-weight:600}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-header h2,.form-panel h2{margin:0 0 12px;font-size:1rem}.panel-header h2{margin-bottom:0}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px;display:flex}.stat-card.accent{background:linear-gradient(145deg, #14b8a647, var(--bg-card));border-color:#14b8a659}.stat-label{color:var(--muted);font-size:.75rem;font-weight:600}.stat-value{letter-spacing:-.03em;font-size:1.5rem;line-height:1.15}.stat-unit{color:var(--muted);font-size:.8rem}.btn{border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#042f2e}.btn-primary:hover{background:var(--primary-pressed);color:#fff}.btn-primary:disabled{opacity:.45}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-danger{color:#fca5a5;background:#ef44441f}.btn-sm{border-radius:8px;min-height:34px;padding:0 10px;font-size:.8rem}.btn-block{width:100%}.empty,.muted{color:var(--muted)}.empty{margin:0;font-size:.95rem}.vial-cards,.trip-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.vial-card{background:var(--bg-elevated);border:1px solid var(--border);text-align:left;border-radius:14px;flex-direction:column;gap:6px;width:100%;padding:12px;display:flex}.vial-card.selected{border-color:#14b8a680;box-shadow:0 0 0 1px #14b8a640}.vial-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vial-card strong{font-size:1rem}.catalog-disclosure{padding:0}.catalog-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-weight:600;list-style:none;display:flex}.catalog-summary::-webkit-details-marker{display:none}.catalog-chevron{color:var(--muted);font-size:1.4rem;line-height:1;transition:transform .15s}.catalog-disclosure[open] .catalog-chevron{transform:rotate(90deg)}.catalog-body{padding:0 16px 16px}.catalog-note{margin:0 0 12px;font-size:.9rem}.catalog-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.catalog-row:first-child{border-top:none;padding-top:0}.catalog-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.catalog-info-btn{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.modal-backdrop{z-index:40;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#020617b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:8px;width:min(480px,100%);max-height:min(80vh,640px);padding:18px 16px 16px;display:flex;overflow:auto}.modal-card h2,.modal-card h3,.modal-card p{margin:0}.modal-card h3{margin-top:6px;font-size:.95rem}.catalog-copy strong{font-size:.95rem}.catalog-copy .muted{font-size:.8rem}.reminder-card{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 0;display:flex}.reminder-card:first-child{border-top:none;padding-top:0}.schedule-form{flex-direction:column;gap:10px;display:flex}.site-picks{flex-wrap:wrap;gap:6px;display:flex}.vial-card span,.vial-card .muted{color:var(--muted);font-size:.85rem}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-sealed{color:#cbd5e1;background:#94a3b829}.status-mixed{color:#5eead4;background:#14b8a62e}.status-finished{color:#94a3b8;background:#94a3b81a}.row-actions{justify-content:flex-end;gap:6px;width:100%;margin-top:4px;display:flex}.trip-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.trip-row:last-child{border-bottom:none;padding-bottom:0}.trip-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trip-main strong{font-size:.95rem}.trip-main .muted,.trip-main .notes{font-size:.8rem}.form-panel{flex-direction:column;gap:12px;display:flex}.form-panel label,.filters label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.form-panel input,.form-panel select,.form-panel textarea,.filters select{border:1px solid var(--border);background:var(--bg);min-height:46px;color:var(--text);border-radius:12px;padding:10px 12px}.form-panel textarea{resize:vertical;min-height:auto}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.form-error{color:#fca5a5;margin:0;font-size:.9rem}.field-hint{color:var(--muted);margin-top:4px;font-size:.78rem;font-weight:500;line-height:1.35;display:block}.results{flex-direction:column;gap:8px;display:flex}.result-hero{letter-spacing:-.03em;font-size:1.8rem;font-weight:700}.capacity-note{color:#fde68a;margin:0;font-size:.85rem}.filters{flex-direction:column;gap:10px;display:flex}.app-footer{color:var(--muted);text-align:center;margin:8px 0 0;font-size:.78rem;line-height:1.4}.tab-bar{width:min(480px,100%);padding:8px 8px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:20;background:#0b1220eb;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{min-height:48px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:600;display:flex}.tab-item.active{color:var(--primary);background:#14b8a61a}.tab-icon{font-size:1.1rem;line-height:1}.tab-log .tab-icon{background:var(--primary);color:#042f2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.05rem;font-weight:700;display:inline-flex}.tab-log.active .tab-icon{box-shadow:0 0 0 3px #14b8a640}@media (width>=481px){.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:100vh}}