:root{--cream: #f6efe3;--paper: #fdf8ee;--ink: #2b2620;--teal: #2a7f7f;--teal-dark: #1d5a5a;--red: #c94f38;--mustard: #d9a441;--wood: #a9743f;--wood-dark: #7c5228;--ledge-shadow: #5f3e1d;--shadow: rgba(43, 38, 32, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Georgia,Times New Roman,serif;background:var(--cream);color:var(--ink)}button{border-radius:0}#app{display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:center;gap:1.2rem;padding:.4rem 1rem;background:var(--teal);color:var(--paper);border-bottom:4px solid var(--teal-dark)}#brand{display:flex;align-items:center;gap:.7rem;flex:1}.flask-mark{display:block;width:42px;height:42px}.flask-mark svg{width:100%;height:100%;display:block}#brand h1{font-size:1.05rem;margin:0;letter-spacing:.07em;text-transform:uppercase;color:var(--paper)}#brand .sub{margin:0;font-size:.72rem;opacity:.85}#time-controls{display:flex;align-items:center;gap:.3rem}#time-controls button{background:var(--paper);border:1.5px solid var(--teal-dark);padding:.18rem .55rem;cursor:pointer;font-family:inherit}#time-controls button.active{background:var(--mustard);border-color:var(--ink);font-weight:700}#clock{font-variant-numeric:tabular-nums;margin-right:.4rem;font-size:.95rem}#profile-select{font-family:inherit;border:1.5px solid var(--teal-dark);padding:.22rem;background:var(--paper)}#layout{display:flex;flex:1;min-height:0}#shelf-panel{width:262px;display:flex;flex-direction:column;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20120'%20width='160'%20height='120'%3e%3crect%20width='160'%20height='120'%20fill='%23a9743f'%3e%3c/rect%3e%3cpath%20d='M0,40%20h160%20M0,80%20h160'%20stroke='%237c5228'%20stroke-width='2.5'%3e%3c/path%3e%3cpath%20d='M0,42.5%20h160%20M0,82.5%20h160'%20stroke='%23c98f54'%20stroke-width='1'%20opacity='0.5'%3e%3c/path%3e%3cg%20stroke='%237c5228'%20stroke-width='1.1'%20fill='none'%20opacity='0.55'%3e%3cpath%20d='M14,12%20q20,3%2036,-2%20M70,24%20q16,-4%2030,1%20M116,10%20q14,4%2030,0'%3e%3c/path%3e%3cpath%20d='M8,58%20q18,-3%2034,2%20M64,66%20q18,3%2034,-2%20M118,54%20q14,-3%2028,2'%3e%3c/path%3e%3cpath%20d='M18,96%20q20,4%2036,-1%20M76,108%20q16,-4%2030,1%20M120,94%20q14,3%2028,-1'%3e%3c/path%3e%3cellipse%20cx='52'%20cy='18'%20rx='4'%20ry='2.2'%3e%3c/ellipse%3e%3cellipse%20cx='108'%20cy='62'%20rx='4'%20ry='2.2'%3e%3c/ellipse%3e%3cellipse%20cx='40'%20cy='102'%20rx='4'%20ry='2.2'%3e%3c/ellipse%3e%3c/g%3e%3cg%20fill='%232b2620'%20opacity='0.25'%3e%3ccircle%20cx='24'%20cy='28'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='88'%20cy='16'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='140'%20cy='30'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='30'%20cy='70'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='96'%20cy='50'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='150'%20cy='72'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='20'%20cy='112'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='104'%20cy='90'%20r='0.7'%3e%3c/circle%3e%3ccircle%20cx='136'%20cy='114'%20r='0.7'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e");background-size:160px 120px;border-right:4px solid var(--wood-dark)}#kit-tabs{display:flex;gap:3px;padding:7px 7px 0}#kit-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 3px;cursor:pointer;background:var(--paper);border:1.5px solid var(--ink);border-bottom:none;font-family:inherit}#kit-tabs button.active{background:var(--mustard);font-weight:700}#kit-tabs .tab-badge{width:30px;height:21px;display:block}#kit-tabs .tab-badge svg{width:100%;height:100%;display:block}#kit-tabs .tab-label{font-size:9.5px}#shelf{flex:1;overflow-y:auto;padding:8px 7px 6px}.shelf-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;min-height:96px}.ledge{height:8px;background:var(--wood-dark);border-top:2px solid var(--ledge-shadow);box-shadow:inset 0 2px #fdf8ee26;margin-bottom:6px}.jar{display:flex;flex-direction:column;align-items:center;padding:2px 1px 0;cursor:pointer;background:transparent;border:none;font-family:inherit}.jar svg{width:46px;height:59px;display:block}.jar:hover{outline:2px solid var(--mustard)}.jar.selected{outline:3px solid var(--red);outline-offset:-2px}.jar .tag{height:36px;width:100%;overflow:hidden;background:var(--paper);border:1px solid rgba(43,38,32,.5);margin-top:2px;padding:1px 2px;text-align:center}.jar .tag .nm{font-size:9px;line-height:1.15}.jar .tag .fm{font-size:8px;opacity:.6}#amount-row{display:flex;gap:4px;padding:7px;background:var(--wood-dark);align-items:center}#amount{width:60px;font-family:inherit;border:1.5px solid var(--ink);background:var(--paper);padding:2px 4px}#unit{font-family:inherit;border:1.5px solid var(--ink);background:var(--paper);padding:2px}#water-btn{font-family:inherit;cursor:pointer;background:var(--paper);border:1.5px solid var(--ink);display:flex;align-items:center;gap:3px;padding:2px 7px}#water-btn svg{width:17px;height:17px}#selected-chem{color:var(--cream);font-size:11px;padding:0 10px 8px;margin:.3rem 0;font-style:italic}#bench-area{flex:1;display:flex;flex-direction:column;min-width:0}#bench{position:relative;flex:1;display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px;padding:20px 28px 8px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20140'%20width='240'%20height='140'%3e%3crect%20width='240'%20height='140'%20fill='%23e7d5b2'%3e%3c/rect%3e%3cpath%20d='M0,70%20h240'%20stroke='%23c8ab7c'%20stroke-width='2'%20opacity='0.7'%3e%3c/path%3e%3cg%20stroke='%23b99a6b'%20stroke-width='1'%20fill='none'%20opacity='0.4'%3e%3cpath%20d='M16,20%20q30,4%2054,-2%20M96,36%20q26,-5%2046,2%20M170,18%20q22,5%2046,0%20M30,52%20q28,-4%2050,2'%3e%3c/path%3e%3cpath%20d='M12,92%20q30,-4%2054,2%20M100,110%20q26,4%2046,-2%20M168,90%20q24,-4%2048,2%20M40,126%20q28,4%2050,-2'%3e%3c/path%3e%3cellipse%20cx='76'%20cy='28'%20rx='5'%20ry='2.5'%3e%3c/ellipse%3e%3cellipse%20cx='180'%20cy='104'%20rx='5'%20ry='2.5'%3e%3c/ellipse%3e%3c/g%3e%3c/svg%3e");background-size:240px 140px;overflow:auto}.decal{position:absolute;pointer-events:none;opacity:.9}.decal-scorch{width:128px;left:190px;bottom:40px}.decal-graph{width:148px;right:8px;bottom:4px}.decal svg{width:100%;height:auto;display:block}.station{position:relative;display:flex;flex-direction:column;align-items:center;width:174px}.glass-wrap{position:relative}.glass-wrap>svg{position:relative;z-index:1;cursor:pointer;filter:drop-shadow(0 3px 3px var(--shadow))}.bath{display:none;position:absolute;z-index:0;left:50%;bottom:-8px;transform:translate(-50%);width:130px}.bath svg{width:100%;height:auto}.station.tool-target .glass-wrap>svg:hover{outline:3px dashed var(--teal)}.station .caption{font-size:12px;margin-top:2px;padding:1px 8px;background:#fdf8eed9}.station .temp{font-size:10.5px;color:var(--teal-dark);font-variant-numeric:tabular-nums;padding:0 8px;background:#fdf8eed9}.station .controls{display:flex;gap:3px;margin-top:3px}.station .controls button{font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;cursor:pointer;font-family:inherit;background:var(--paper);border:1.5px solid var(--ink)}.station .controls button.on{background:var(--mustard);font-weight:700}.thermo-slot{display:none;position:absolute;z-index:2;right:-10px;bottom:14px;width:26px;pointer-events:none;transform:rotate(7deg);transform-origin:50% 100%;filter:drop-shadow(0 2px 2px var(--shadow))}.thermo-slot svg{width:100%;height:auto;display:block}.meter-slot{display:none;flex-direction:column;align-items:center;margin-top:4px}.meter-slot svg{width:96px;height:auto;display:block;filter:drop-shadow(0 2px 2px var(--shadow))}.meter-slot .needle{transition:transform .35s ease-out}.meter-tag{font-size:10px;background:var(--paper);border:1px solid var(--ink);padding:0 6px;margin-top:2px;font-variant-numeric:tabular-nums}.flame>path{animation:flick .5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.steam path,.steam-strong path{animation:drift 3.5s ease-in-out infinite}@keyframes flick{0%,to{transform:scale(1)}50%{transform:scale(1.07,.93)}}@keyframes drift{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:.4;transform:translateY(-3px)}}#tool-tray{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:6px 12px;background:var(--teal);border-top:3px solid var(--teal-dark)}#tool-tray button{width:38px;height:36px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--paper);border:1.5px solid var(--teal-dark);font-family:inherit}#tool-tray button svg{width:26px;height:26px;display:block}#tool-tray button:hover{background:var(--mustard)}#tool-tray button.active{background:var(--mustard);outline:2px solid var(--ink)}#tool-tray .spacer{flex:1}#tool-tray #new-vessel{width:auto;gap:4px;font-size:11px;padding:4px 8px}#tool-tray #new-vessel svg{width:22px;height:22px}#right-panel{width:336px;display:flex;flex-direction:column;background:var(--paper);border-left:4px solid var(--wood-dark)}#right-panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0;padding:6px 10px;background:var(--cream);border-bottom:2px solid var(--ink)}#feed-wrap{flex:3;display:flex;flex-direction:column;min-height:0}#feed{flex:1;overflow-y:auto;padding:8px 10px;font-size:12.5px;line-height:1.45;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2064'%20width='200'%20height='64'%3e%3crect%20width='200'%20height='64'%20fill='%23fbf6ea'%3e%3c/rect%3e%3cg%20fill='%23f6efe3'%3e%3ccircle%20cx='7'%20cy='4'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='4'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='12'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='12'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='20'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='20'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='28'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='28'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='36'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='36'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='44'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='44'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='52'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='52'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='7'%20cy='60'%20r='2.2'%3e%3c/circle%3e%3ccircle%20cx='193'%20cy='60'%20r='2.2'%3e%3c/circle%3e%3c/g%3e%3cpath%20d='M14,0%20v64%20M186,0%20v64'%20stroke='%23e2d8c2'%20stroke-width='1'%3e%3c/path%3e%3c/svg%3e");background-size:336px 108px}.feed-line{margin-bottom:5px}.feed-line.event{color:#4a4238}.feed-line.note{color:var(--teal-dark);font-style:italic}.feed-line .when{color:#a99a8a;font-size:10px;margin-right:4px;font-variant-numeric:tabular-nums}.hz{border:2px solid var(--ink);margin:4px 0}.hz-banner{background:var(--ink);padding:2px 8px;font-size:9.5px;font-weight:700;letter-spacing:.3em}.hz-caution .hz-banner{color:var(--mustard)}.hz-danger .hz-banner{color:#e86a50}.hz-body{padding:5px 8px}.hz-caution .hz-body{background:#fff3d6}.hz-danger .hz-body{background:#fbe3dc;font-weight:600}#notebook-wrap{flex:2;display:flex;flex-direction:column;min-height:0;border-top:2px solid var(--ink)}#notebook{flex:1;overflow-y:auto;padding:8px 10px 8px 40px;font-size:11.5px;font-style:italic;line-height:16px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20112'%20width='200'%20height='112'%3e%3crect%20width='200'%20height='112'%20fill='%23fdf8ee'%3e%3c/rect%3e%3cg%20stroke='%239fc4c4'%20stroke-width='1'%3e%3cpath%20d='M0,14%20h200%20M0,30%20h200%20M0,46%20h200%20M0,62%20h200%20M0,78%20h200%20M0,94%20h200%20M0,110%20h200'%3e%3c/path%3e%3c/g%3e%3cpath%20d='M20,0%20v112'%20stroke='%23c94f38'%20stroke-width='1.2'%20opacity='0.7'%3e%3c/path%3e%3c/svg%3e");background-size:336px 188px}.hint{opacity:.85}