@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital,wght@0,400;1,400&family=Manrope:wght@200..800&family=Newsreader:ital,opsz,wght@1,6..72,200..800&display=swap";:root{--bg-dark:#1b1b1d;--glass-bg:#252529cc;--glass-border:#ffffff0d;--text-primary:#f7f7f7;--text-secondary:#acaaaf;--accent-glow:#f4f6ff66;--font-serif:"Instrument Serif", serif;--font-sans:"Manrope", sans-serif;--font-display:"Instrument Sans", sans-serif;--font-italic:"Newsreader", serif}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);justify-content:center;align-items:center;width:100%;min-width:320px;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit;transition:all .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin:0;font-weight:600}.app-container{background-color:var(--bg-dark);grid-template-columns:1fr minmax(400px,900px) 1fr;width:100vw;height:100vh;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden auto}.workspace-rail{z-index:10;scrollbar-width:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:60px;min-height:100vh;padding:180px 30px 100px;display:flex}.workspace-rail::-webkit-scrollbar{display:none}.workspace-rail.left{align-items:flex-end}.workspace-rail.right{align-items:flex-start}.main-content{z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.main-content>*{pointer-events:auto}.interaction-area{grid-template-rows:420px 360px;align-content:center;justify-items:center;gap:15px;width:100%;display:grid}.content-view-wrapper{z-index:30;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:visible}.header{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex}.subtitle{font-family:var(--font-serif);color:#acaaaf;margin:0;font-size:28px;font-style:normal;font-weight:400;line-height:normal}.title{font-family:var(--font-serif);color:#f7f7f7;letter-spacing:-.01em;margin:0;font-size:52px;font-style:normal;font-weight:400;line-height:1.1}.input-container{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.input-form{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;display:flex;position:relative}.feedback-wrapper{pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.feedback-msg{font-family:var(--font-serif);text-align:center;white-space:nowrap;letter-spacing:.5px;text-shadow:0 0 15px;font-size:15px;font-style:italic}.feedback-msg.positive{color:#34e89e}.feedback-msg.invalid{color:#f87171}.input-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#252529cc;border:1px solid #ffffff0d;border-radius:32px;align-items:center;width:100%;max-width:900px;min-height:94px;padding:20px 25px;transition:all .3s;display:flex;box-shadow:0 25px 50px -12px #00000040}.text-input{font-family:var(--font-display);color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;height:48px;padding-right:10px;font-size:16px;line-height:1.5;overflow-y:auto}.text-input::-webkit-scrollbar{width:4px}.text-input::-webkit-scrollbar-track{background:0 0}.text-input::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.text-input::-webkit-scrollbar-thumb:hover{background:#fff3}.text-input::placeholder{color:#a8abb566}.mic-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;transition:all .3s;display:flex;position:relative}.mic-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.mic-btn.active{color:#ef8f89;background:#ef8f8933;border-color:#ef8f8966}.listening-ring{pointer-events:none;border:2px solid #ef8f894d;border-radius:50%;animation:1.5s ease-out infinite mic-pulse;position:absolute;inset:-4px}@keyframes mic-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.input-box.listening{border-color:#ef8f894d;box-shadow:0 0 30px #ef8f891a}.drop-btn{color:#394355;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#f4f6ff;border:none;border-radius:70px;margin-top:20px;padding:14px 48px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #f4f6ff66}@keyframes breathing{0%{transform:scale(1);box-shadow:0 0 20px #f4f6ff4d}50%{transform:scale(1.02);box-shadow:0 0 30px 5px #f4f6ff80}to{transform:scale(1);box-shadow:0 0 20px #f4f6ff4d}}.jar-section{justify-content:center;width:100%;max-width:376px;height:435px;margin-top:-30px;display:flex;position:relative}.physics-jar-wrapper{width:100%;height:100%;position:relative}.physics-jar-canvas{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.dom-orbs-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.thought-orb{border:.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:filter .3s;display:flex;position:absolute;top:-20px;left:-20px;overflow:hidden;box-shadow:0 10px 25px #00000059,inset -2px -2px 8px #0003,inset 0 2px 8.5px #fff9,inset 4px 4px 15px #ffffff4d}.thought-orb:after{content:"";filter:blur(.5px);z-index:5;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#0000 80%);border-radius:50%;width:25%;height:25%;position:absolute;top:15%;right:20%}.orb-face{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.orb-eyes{justify-content:center;gap:7px;margin-bottom:2px;display:flex;position:relative}.orb-eye{background:#000000d9;border-radius:50%;width:4px;height:4px}.orb-eye-frustrated{background:#000000d9;width:6px;height:2px;transform:skew(-20deg)rotate(10deg)}.orb-eye-frustrated.right{transform:skew(20deg)rotate(-10deg)}.orb-eye.panicked{background:0 0;border:1.5px solid #000000d9;width:6px;height:6px}.orb-brow{background:#000000bf;width:10px;height:2px;position:absolute;top:-4px}.orb-brow.angry-left{left:-2px;transform:rotate(25deg)}.orb-brow.angry-right{right:-2px;transform:rotate(-25deg)}.orb-mouth{width:12px;height:6px;position:relative}.orb-mouth.happy{border-bottom:2.5px solid #000000b3;border-radius:0 0 10px 10px}.orb-mouth.sad{border-top:2.5px solid #000000b3;border-radius:10px 10px 0 0;margin-top:4px}.orb-mouth.straight{background:#000000b3;border-radius:2px;width:10px;height:2px;margin-top:4px}.orb-mouth.wavy{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg width='14' height='4' viewBox='0 0 14 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5C2.5 1.5 3 2.5 4 2.5C5 2.5 5.5 1.5 7 1.5C8.5 1.5 9 2.5 10 2.5C11 2.5 11.5 1.5 13 1.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:4px;margin-top:4px}.orb-mouth.circle{border:2px solid #000000b3;border-radius:50%;width:6px;height:6px;margin-top:4px}.orb-eye.worried{background:#000c;border-radius:50%;width:3px;height:3px;box-shadow:0 0 2px #0003}.orb-brow.slight-sad{background:#0009;border-radius:1px;width:8px;height:2px}.orb-brow.slight-sad.left{top:-3px;left:-1px;transform:rotate(-15deg)}.orb-brow.slight-sad.right{top:-3px;right:-1px;transform:rotate(15deg)}.orb-mouth.pout{opacity:.8;border-top:2.5px solid #000c;border-radius:6px 6px 0 0;width:10px;height:5px;margin-top:6px}.orb-variant-1{background:radial-gradient(circle at 35% 35%,#ed837b,#fca16f,#f2aebe)}.orb-variant-2{background:radial-gradient(circle at 35% 35%,#f27575,#ed837b,#f5d5cc)}.orb-variant-3{background:radial-gradient(circle at 35% 35%,#e05e5e,#ed837b,#fca16f)}.orb-variant-4{background:radial-gradient(circle at 35% 35%,#6460d2,#9a89eb,#b9aee0)}.orb-variant-5{background:radial-gradient(circle at 35% 35%,#8380f0,#9a89eb,#d7beeb)}.orb-variant-6{background:radial-gradient(circle at 35% 35%,#a58df2,#b9aee0,#f2aebe)}.orb-variant-7{background:radial-gradient(circle at 35% 35%,#89b37c,#c3e6ae,#f4f7d9)}.orb-variant-8{background:radial-gradient(circle at 35% 35%,#a5d6a7,#c3e6ae,#e8f5e9)}.orb-variant-9{background:radial-gradient(circle at 35% 35%,#689f38,#8bc34a,#dcedc8)}.orb-variant-10{background:radial-gradient(circle at 35% 35%,#fca16f,#ed837b,#f5dfad)}.orb-variant-11{background:radial-gradient(circle at 35% 35%,#ffb74d,#ffcc80,#fff3e0)}.orb-variant-12{background:radial-gradient(circle at 35% 35%,#ff8a65,#ffab91,#fbe9e7)}.orb-variant-13{background:radial-gradient(circle at 35% 35%,#72d9f2,#9a89eb,#d7beeb)}.orb-variant-14{background:radial-gradient(circle at 35% 35%,#4fc3f7,#81d4fa,#e1f5fe)}.orb-variant-15{background:radial-gradient(circle at 35% 35%,#80deea,#b2ebf2,#e0f7fa)}.dom-orb-container{will-change:transform;width:1px;height:1px;position:absolute;top:0;left:0}.dom-orb-container.popping{animation:.3s cubic-bezier(.16,1,.3,1) forwards pop-out}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(2)}}.jar-text-overlay{pointer-events:none;z-index:15;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.jar-count{font-family:var(--font-serif);color:#f4f6ff;font-size:30px;font-weight:400;line-height:36px}.jar-subtext{font-family:var(--font-display);text-transform:uppercase;color:#a8abb5;letter-spacing:.05em;opacity:1;font-size:10px;line-height:15px}@media (width<=1200px){.title{font-size:36px}.interaction-area{gap:20px}}@media (width<=900px){.app-container{grid-template-columns:1fr;overflow-y:auto}.workspace-rail{display:none}}