.day6-screen{max-width:560px;padding-bottom:calc(34px + env(safe-area-inset-bottom))}
.day6-content{--day6-tilt-x:0;--day6-tilt-y:0;--day6-depth-x:0px;--day6-depth-y:0px;width:100%;max-width:100%;min-width:0;color:#56352f}
.day6-shell{position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:620px;padding:18px 14px 28px;border:1px solid #e9cfc0;border-radius:28px;background:radial-gradient(circle at 80% 8%,rgba(226,174,155,.28),transparent 28%),linear-gradient(160deg,#fffaf0,#f8e9df 64%,#f5ddd9);box-shadow:0 20px 50px rgba(91,47,43,.13);overflow:hidden}
.day6-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(139,82,68,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,82,68,.05) 1px,transparent 1px);background-size:25px 25px}
.day6-top,.day6-stage,.day6-controls,.day6-machine,.day6-shelf,.day6-actions{position:relative;z-index:1;min-width:0}
.day6-top{text-align:center}.day6-kicker{margin:0;color:#a45f61;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.day6-top h1{margin:8px auto 4px;max-width:430px;color:#733d42;font-family:Georgia,serif;font-size:clamp(1.7rem,8vw,2.8rem);line-height:.98}
.day6-one{display:inline-block;margin:9px 0 14px;padding:6px 13px;border:1px solid #c98e79;border-radius:999px;color:#8f574b;font-size:.74rem;font-weight:800;letter-spacing:.2em}
.day6-copy{white-space:pre-line;line-height:1.65}.day6-warning{padding:10px 12px;border-left:3px solid #c88c78;background:rgba(255,255,255,.52);font-size:.86rem}
.day6-machine{margin:18px auto;padding:14px;border:1px solid rgba(179,116,98,.45);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,205,193,.52));box-shadow:inset 0 0 22px rgba(255,255,255,.8),0 12px 28px rgba(101,56,50,.12);transform:translate(calc(var(--day6-tilt-x)*5px),calc(var(--day6-tilt-y)*5px)) rotate(calc(var(--day6-tilt-x)*1.4deg));transition:transform .12s linear}
.day6-machine-label{text-align:center;font-size:.73rem;font-weight:900;letter-spacing:.13em}.day6-machine-small{text-align:center;font-size:.68rem;opacity:.7}
.day6-core{position:relative;width:118px;height:104px;margin:14px auto;background:linear-gradient(135deg,#b86570,#f0ac9a);clip-path:path("M59 101 C50 91 7 64 7 31 C7 6 38 -4 59 18 C80 -4 111 6 111 31 C111 64 68 91 59 101");filter:drop-shadow(0 8px 13px rgba(131,55,63,.3));animation:d6-heart 2.2s ease-in-out infinite}
.day6-core:after{content:"1/1";position:absolute;inset:36px 0 auto;text-align:center;color:white;font-weight:800;font-size:.75rem}
@keyframes d6-heart{50%{transform:scale(1.035);filter:drop-shadow(0 8px 18px rgba(171,78,83,.45))}}
.day6-chambers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.day6-chamber{height:44px;border:1px solid #d8ad9d;border-radius:10px;background:rgba(255,255,255,.56);box-shadow:inset 0 -8px 12px rgba(197,108,101,.1)}
.day6-chamber.on{background:linear-gradient(#fff7da,#dc9c8b);box-shadow:0 0 13px rgba(202,137,107,.48)}
.day6-progress{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:.75rem;font-weight:800;letter-spacing:.08em}.day6-progress strong{font-size:1rem;color:#924e55}
.day6-shelf{display:flex;gap:6px;min-height:54px;margin:12px 0;overflow-x:auto;padding:6px 2px}.day6-token{flex:0 0 auto;padding:7px 9px;border:1px solid #e5c5b4;border-radius:12px;background:#fff9ee;font-size:.68rem;box-shadow:0 5px 10px rgba(86,53,47,.08)}
.day6-actions{display:grid;gap:9px;margin-top:16px}.day6-actions button,.day6-controls button,.day6-fallback button{min-height:48px}
.day6-controls{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.day6-controls button{flex:1 1 130px;border:1px solid #ddb4a5;border-radius:999px;background:#fff9f0;color:#6f403b;font-size:.72rem;font-weight:800}
.day6-instrument{position:relative;min-height:235px;margin:15px 0;padding:18px;border:1px solid #e2c2b2;border-radius:23px;background:rgba(255,255,255,.58);overflow:hidden}
.day6-instrument h2{margin:0 0 6px;color:#793f45;font-family:Georgia,serif;font-size:1.35rem}.day6-instruction{font-weight:700}
.day6-orb{width:58px;height:58px;margin:25px auto;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#e5a991 47%,#9b5960);box-shadow:0 8px 24px rgba(137,73,72,.28);transform:translateX(calc(var(--day6-tilt-x)*90px))}
.day6-eyes{display:flex;justify-content:center;gap:30px;margin:25px}.day6-eye{width:83px;height:49px;border:3px solid #8c5d4e;border-radius:50%;background:radial-gradient(circle,#5c3829 0 18%,#b98445 19% 38%,#fff9ed 39%);box-shadow:0 0 calc(var(--fill,0)*18px) rgba(213,154,73,.7)}
.day6-sparkles{display:flex;justify-content:center;gap:8px}.day6-spark{width:34px;height:34px;border:0;background:transparent;color:#d19c43;font-size:1.5rem}
.day6-smile{width:150px;height:78px;margin:18px auto;border-bottom:8px solid #b7686d;border-radius:0 0 90px 90px;position:relative}.day6-smile.done:before,.day6-smile.done:after{content:"";position:absolute;bottom:1px;width:13px;height:8px;border-bottom:3px solid #a77461;border-radius:50%}.day6-smile.done:before{left:9px}.day6-smile.done:after{right:9px}
.day6-range{width:100%;accent-color:#aa6268}.day6-live{display:block;text-align:center;margin:8px;font-weight:800;color:#8c5054}
.day6-bottle{width:85px;height:150px;margin:12px auto;border:3px solid #d1aa9a;border-radius:16px 16px 24px 24px;overflow:hidden;transform:rotate(calc(var(--day6-tilt-x)*18deg))}.day6-liquid{height:var(--level,50%);margin-top:calc(150px - var(--level,50%));background:linear-gradient(#f7c4a9,#b7646c);transition:.2s}
.day6-hold{width:150px;height:150px;margin:16px auto;border:2px solid #c48b7b;border-radius:50%;background:radial-gradient(circle,#f7d8c8,#fff9ed);font-weight:800;color:#75453e}
.day6-hold.holding{animation:d6-hold 1s ease-in-out infinite}@keyframes d6-hold{50%{box-shadow:0 0 0 15px rgba(190,109,107,.12);transform:scale(.98)}}
.day6-particles{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:18px}.day6-particle{width:43px;height:43px;border-radius:50%;border:1px solid #d7a793;background:#fff5df;color:#9c555a}
.day6-trace{width:190px;height:190px;margin:15px auto;border:2px dashed #c2907d;border-radius:50%;display:grid;place-items:center;font-size:2.3rem;touch-action:none}.day6-trace.done{border-style:solid;box-shadow:0 0 24px #eac2a9}
.day6-vial{width:42px;height:90px;margin:24px auto;border:3px solid #bd8e7b;border-radius:9px 9px 18px 18px;background:linear-gradient(transparent 25%,#dc9b83 26%);transform:translateX(calc(var(--day6-tilt-x)*120px))}
.day6-failure{text-align:center}.day6-failure h2{font-size:2rem;color:#82464e}.day6-lines p{opacity:0;animation:d6-line .5s forwards}.day6-lines p:nth-child(2){animation-delay:.5s}.day6-lines p:nth-child(3){animation-delay:1s}.day6-lines p:nth-child(4){animation-delay:1.5s}@keyframes d6-line{to{opacity:1}}
.day6-characters{display:flex;justify-content:center;align-items:end;gap:8px;margin:18px 0}.day6-character{position:relative;width:46%;max-width:185px;padding:7px 7px 25px;border:1px solid #dab6a4;border-radius:70px 70px 25px 25px;background:#fff8ec;box-shadow:0 12px 24px rgba(89,51,45,.16);transition:.25s;cursor:pointer}.day6-character img{display:block;width:100%;aspect-ratio:1/1.18;object-fit:cover;border-radius:60px 60px 18px 18px}.day6-shreya img{object-position:50% 25%}.day6-ammar img{object-position:31% 68%}.day6-character span{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.7rem;font-weight:800}.day6-character.react{transform:rotate(-3deg) translateY(-5px)}.day6-ammar.react{transform:rotate(3deg) translateY(-4px)}
.day6-note{white-space:pre-line;padding:20px;border:1px solid #dfbba8;border-radius:20px;background:#fffaf0;line-height:1.65;box-shadow:0 13px 24px rgba(103,60,53,.1)}
.day6-flower-grow{font-size:4rem;text-align:center;transform:scale(var(--growth,.2));transform-origin:bottom;transition:.45s cubic-bezier(.2,.9,.3,1.3)}
.day6-settings{border:1px solid #e0bdae;border-radius:18px;padding:12px;background:rgba(255,255,255,.54)}.day6-settings label{display:flex;justify-content:space-between;gap:10px;padding:8px 0}
.day6-touch-pad{height:110px;border:1px dashed #c8917d;border-radius:18px;display:grid;place-items:center;touch-action:none;color:#8d5a50}
.day6-paused{animation-play-state:paused!important}.day6-home-subtitle,.day6-home-status{text-align:center;margin:3px 0;color:#8b5b51}.formula-badge{color:#b77964}.day6-flower .flower-formula:before{content:"⚗";font-style:normal}.day6-flower.bloomed span:before{content:"🌷";font-size:1.65rem}
.day6-flower.bloomed .flower-formula{display:none}
.day6-screen :focus-visible{outline:3px solid #9d5b61;outline-offset:3px}
body:has(#daySixScreen.active) .dev-reset{display:none!important}
@media(max-width:390px){.day6-shell{padding-inline:10px}.day6-instrument{padding:14px}.day6-top h1{font-size:1.85rem}.day6-character{width:48%}.day6-actions button{width:100%}}
@media(orientation:landscape) and (max-height:550px){.day6-shell{min-height:0}.day6-instrument{min-height:190px}.day6-top h1{font-size:1.65rem}.day6-understanding{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.day6-content *{animation:none!important;transition:none!important}.day6-machine{transform:none!important}}
.day6-content.reduce-motion *{animation:none!important;transition:none!important}.day6-content.reduce-motion .day6-machine{transform:none!important}
.day6-ammar img{object-position:35% 52%}