*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Crimson Text,Georgia,serif;background:#0a1628;color:#ffffffde;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a1628}::-webkit-scrollbar-thumb{background:#2a5a8a;border-radius:3px}select,input[type=number],input[type=text],input[type=checkbox],textarea{background:#0006;border:1px solid #2a5a8a;color:#c8dce8;padding:6px 10px;border-radius:4px;font-family:Crimson Text,serif;font-size:14px}select:focus,input:focus,textarea:focus{outline:none;border-color:#4a9adf}option{background:#0a1628}.tab-btn{background:transparent;border:1px solid #2a5a8a;color:#8ab4d4;padding:8px 20px;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;font-size:15px;letter-spacing:.5px}.tab-btn:hover{background:#1a3a5a;color:#c8e0f4}.tab-btn.active{background:#1a4a7a;color:#e8f4ff;border-color:#4a9adf}.vessel-card{background:#ffffff0d;border:1px solid #2a4a6a;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;margin-bottom:8px}.vessel-card:hover{border-color:#4a9adf;background:#4a9adf1a}.vessel-card.selected{border-color:#4af;background:#44aaff26;box-shadow:0 0 12px #44aaff4d}.chem-btn{background:#ffffff0f;border:1px solid #2a4a6a;color:#c8dce8;padding:6px 10px;cursor:pointer;transition:all .15s;font-size:12px;border-radius:4px;text-align:left;width:100%;font-family:Crimson Text,serif}.chem-btn:hover{background:#4a9adf33;border-color:#4a9adf}.chem-btn.selected{background:#4a9adf4d;border-color:#7ac}.action-btn{background:linear-gradient(135deg,#1a3a5a,#1a4a6a);border:1px solid #3a6a9a;color:#c8e4f8;padding:8px 14px;cursor:pointer;border-radius:6px;font-size:13px;transition:all .2s;font-family:Crimson Text,serif}.action-btn:hover{background:linear-gradient(135deg,#2a4a6a,#2a5a7a);transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.danger{background:linear-gradient(135deg,#5a1a1a,#7a2a2a);border-color:#9a3a3a}.action-btn.success{background:linear-gradient(135deg,#1a5a2a,#1a6a3a);border-color:#2a9a4a}.obs-box{background:#0000004d;border:1px solid #2a5a3a;border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;color:#a8d8b8;line-height:1.6;white-space:pre-wrap}.log-entry{border-bottom:1px solid rgba(42,90,138,.3);padding:6px 0;font-size:12px;font-family:JetBrains Mono,monospace}.log-entry:last-child{border-bottom:none}.q-card{background:#ffffff08;border:1px solid #2a4a6a;border-radius:10px;margin-bottom:16px;overflow:hidden}.q-header{background:linear-gradient(90deg,rgba(26,58,90,.8),transparent);padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.q-body{padding:18px}.score-bar{height:20px;background:#0000004d;border-radius:10px;overflow:hidden}.score-fill{height:100%;border-radius:10px;transition:width 1s ease;background:linear-gradient(90deg,#2a8a4a,#4adf7a)}.vessel-visual{width:60px;height:80px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.vessel-liquid{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:40px;height:20px;border-radius:0 0 8px 8px;transition:background .5s}@keyframes bounceIn{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.06);opacity:1}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes reactionFlash{0%{box-shadow:0 0 #4adf8c00;border-color:#2a4a6a}25%{box-shadow:0 0 22px #4adf8cbf;border-color:#4adf8c}60%{box-shadow:0 0 14px #4adf8c66;border-color:#3acf7a}to{box-shadow:0 0 #4adf8c00;border-color:#2a4a6a}}@keyframes heatGlow{0%{box-shadow:0 0 #ff8c0000;border-color:#2a4a6a}25%{box-shadow:0 0 22px #ff8c00cc;border-color:#ff8c00}60%{box-shadow:0 0 14px #ffb40066;border-color:#ffb300}to{box-shadow:0 0 #ff8c0000;border-color:#2a4a6a}}@keyframes stirShake{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-3deg) scale(1.02)}40%{transform:rotate(3deg) scale(1.02)}60%{transform:rotate(-2deg) scale(1.01)}80%{transform:rotate(2deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@keyframes obsSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nudgeRight{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}.vessel-new{animation:bounceIn .65s cubic-bezier(.36,.07,.19,.97) both}.vessel-reaction{animation:reactionFlash .9s ease-out}.vessel-heat{animation:heatGlow .9s ease-out}.vessel-stir{animation:stirShake .55s ease-in-out}.obs-animate{animation:obsSlideIn .35s ease-out}.palette-panel{width:252px;border-right:1px solid #1a3a5a;overflow-y:auto;padding:8px 8px 24px;flex-shrink:0}.palette-heading{font-family:Playfair Display,serif;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#4a7a9a;padding:4px 6px 6px;margin-top:4px}.palette-group-hdr{display:flex;align-items:center;gap:5px;width:100%;background:none;border:none;padding:5px 6px;cursor:pointer;border-radius:4px;transition:background .15s;margin-bottom:2px}.palette-group-hdr:hover{background:#ffffff0d}.palette-chevron{font-size:10px;color:var(--grp-color, #60a5fa);width:12px;flex-shrink:0;line-height:1}.palette-group-label{font-family:Playfair Display,serif;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1}.palette-count{margin-left:auto;font-size:9px;color:#3a6a8a;font-family:JetBrains Mono,monospace}.palette-items{padding:0 0 4px 4px}.equip-card{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:7px 10px;margin-bottom:3px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.equip-card:hover{background:#ffffff1a;border-color:#fff3;transform:translate(3px)}.equip-card:active{transform:translate(1px) scale(.98)}.equip-icon{font-size:17px;flex-shrink:0;line-height:1}.equip-label{font-size:12.5px;font-family:Crimson Text,serif;color:#c8dce8;flex:1;text-align:left}.equip-add{font-size:14px;color:#2a6a8a;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.equip-card:hover .equip-add{opacity:1;color:#4a9adf}.chem-card{display:flex;align-items:stretch;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:3px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s,transform .15s;text-align:left}.chem-card:hover{background:#ffffff17;border-color:#ffffff29;transform:translate(3px)}.chem-card:active{transform:translate(1px) scale(.98)}.chem-card.selected{background:#4a9adf21;border-color:#4a9adf;box-shadow:0 0 8px #4a9adf33}.chem-swatch{width:14px;flex-shrink:0;border-radius:5px 0 0 5px;transition:box-shadow .2s;box-shadow:inset -1px 0 #00000040;outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}.chem-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:5px 8px;min-width:0}.chem-name{font-size:12.5px;font-family:Crimson Text,serif;color:#c8dce8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chem-card:hover .chem-name,.chem-card.selected .chem-name{color:#e8f4ff}.chem-detail{display:block;font-size:9.5px;font-family:JetBrains Mono,monospace;color:#3a6a8a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chem-card:hover .chem-detail{color:#5a8aaa}.chem-card.selected .chem-detail{color:#4a9adf}.fa-card{border-color:#5a4010!important;background:linear-gradient(90deg,#2a1e06,#1e1a08)!important}.fa-card:hover{border-color:#c8820a!important;background:linear-gradient(90deg,#3a2a0a,#2a200a)!important}.fa-card.selected{border-color:#f9a825!important;background:linear-gradient(90deg,#3a2a08,#2a2008)!important}.fa-swatch{width:5px!important;min-height:32px!important;background:repeating-linear-gradient(135deg,#c8820a 0px 3px,#2a1e06 3px 6px)!important}.fa-label{font-size:13px!important;font-weight:700!important;letter-spacing:.04em;color:#f9a825!important;font-family:JetBrains Mono,monospace!important}.fa-card.selected .fa-label{color:#fc4!important}.fa-card-known{background:linear-gradient(90deg,#1e1a0e,#181508)!important;border-color:#4a380a!important;opacity:.85}.fa-card-known:hover{border-color:#a06810!important;opacity:1}.fa-card-known.selected{border-color:#c8820a!important;opacity:1}.fa-card-known .fa-label{color:#c8820a!important}.fa-card-known.selected .fa-label{color:#e8a830!important}.fa-swatch-known{background:repeating-linear-gradient(135deg,#a06810 0px 3px,#1e1a0e 3px 6px)!important;opacity:.7}.chem-check{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#4adf9a}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:4px}.action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px;background:linear-gradient(160deg,#1a3a5a,#152e4a);border:1px solid #2a4a6a;border-radius:8px;cursor:pointer;transition:background .18s,transform .15s,border-color .18s;font-family:Crimson Text,serif}.action-tile:hover{background:linear-gradient(160deg,#2a4a6a,#22406a);border-color:#4a7aaa;transform:translateY(-2px)}.action-tile:active{transform:translateY(0) scale(.97)}.action-tile.danger{background:linear-gradient(160deg,#5a1a1a,#6a2020);border-color:#8a3030}.action-tile.danger:hover{background:linear-gradient(160deg,#6a2020,#7a2a2a);border-color:#aa4040}.action-tile-icon{font-size:20px;line-height:1}.action-tile-label{font-size:11px;color:#a8c8e0;text-align:center;line-height:1.2}