.thinking-companion{width:140px;position:relative;color:#33332f;user-select:none;text-align:center}.dj-head{--nod: 0;--focus: 0;--scratch-look: 0;--look-x: 0px;--look-y: 0px;--curious: 0;z-index:2;position:relative;display:grid;place-items:center;width:76px;height:72px;margin:9px auto -16px;padding:0;border:0;border-radius:30px;background:transparent;appearance:none;cursor:pointer;touch-action:manipulation;transition:translate .28s ease,rotate .28s ease,scale .28s ease;transform:translateY(calc(var(--nod) * 3px)) rotate(calc(var(--nod) * -4deg))}.thinking-companion__orb{display:block;filter:drop-shadow(0 3px 5px #3d63dd30)}.dj-headphones{position:absolute;z-index:1;top:5px;left:10px;box-sizing:border-box;width:56px;height:40px;border:2.5px solid #414c56;border-bottom:0;border-radius:28px 28px 0 0/25px 25px 0 0;box-shadow:0 -.5px #a0adb5,inset 0 .5px #25313a;pointer-events:none}.dj-earcup{position:absolute;top:22px;box-sizing:border-box;width:9.5px;height:18.5px;border:1px solid #8c9ba5;border-radius:4px;background:linear-gradient(100deg,#8f9faa,#647582 45%,#46535e);box-shadow:0 2px 3px #1a253b22}.dj-earcup:before{content:"";position:absolute;inset:1.5px;border-radius:2.5px;background:linear-gradient(100deg,#394550,#25313c);box-shadow:inset 1px 0 1px #131c2450,1px 0 #ffffff18}.dj-earcup:after{content:"";position:absolute;top:-2px;left:2px;width:3px;height:3px;border-radius:2px 2px 0 0;background:#7e8e99;box-shadow:inset 1px 0 #c4cdd2}.dj-earcup--left{left:-7px;transform:rotate(-8deg)}.dj-earcup--right{right:-7px;transform:rotate(8deg)}.dj-face{transition:translate .28s ease;position:absolute;z-index:2;display:flex;gap:11px;top:31px;left:27px;pointer-events:none}.dj-face i{display:block;width:5.5px;height:calc(7px + var(--curious) * 1px);transition:height .28s ease,transform .1s ease-out;transform-origin:center;transform:translate(var(--look-x),var(--look-y))}.dj-face i:first-child{--eye-tilt: -5deg}.dj-face i:last-child{--eye-tilt: 5deg}.dj-face b{position:relative;display:block;width:100%;height:100%;border-radius:48% 48% 46% 46%;background:linear-gradient(150deg,#4268b8,#293e79 75%);box-shadow:0 0 2px 1px #f6f4ef90;transform:scaleY(var(--blink, 1));transform-origin:center}.dj-face b:after{content:"";position:absolute;top:1px;left:1px;width:1.5px;height:1.5px;border-radius:50%;background:#e0ecffb0}[data-playing=true] .dj-face i{height:calc(6.5px + var(--curious) * 1px);transform:translate(calc(var(--look-x) + var(--scratch-look) * -3px),calc(var(--look-y) + var(--scratch-look) * 2px + var(--focus) * .7px - var(--nod) * .6px)) scaleX(calc(1 + var(--nod) * .08)) scaleY(calc(1 - var(--focus) * .32 - var(--nod) * .16)) rotate(calc(var(--eye-tilt) + var(--scratch-look) * -8deg))}.dj-head:focus-visible{--curious: 1}@media(hover:hover)and (pointer:fine){.dj-head:hover{--curious: 1}}.dj-hand{position:absolute;left:calc(50% - 6px);top:0;width:12px;height:8px;z-index:4;border:1px solid #afbbe7;border-radius:7px 7px 5px 5px;background:linear-gradient(#e0e7ff,#bfcdf1);box-shadow:0 2px 2px #14172235;pointer-events:none;transition:transform .35s ease}.dj-hand--left{--hand-rest: translate(-23px, -4px) rotate(-5deg);transform:var(--hand-rest)}.dj-hand--right{--hand-rest: translate(23px, -4px) rotate(6deg);transform:var(--hand-rest)}.dj-booth{--record-y: 44px;--record-touch: 16px;--arm-tip-x: 41px;--arm-down-x: 16px;--arm-tip-y: 61px;position:relative;z-index:1;padding:8px 11px 9px;border:1px solid #969fa2;border-bottom-color:#777f82;border-radius:15px;background:linear-gradient(155deg,#d5dce0,#bec8ce 60%,#aebbc3);box-shadow:inset 1px 1px #f2f6f8b0,inset -1px -1px #a1adb5,inset 0 0 0 2px #b1bec6,0 2px #7c8a94,0 6px 12px #2630392b}.dj-booth:before{content:"";position:absolute;inset:3px;border:1px solid #e3ebee55;border-top-color:#eff5f780;border-radius:11px;pointer-events:none}.dj-booth:after{content:"";position:absolute;left:15px;right:15px;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,#f9fcffb0,transparent);pointer-events:none}.dj-turntable{position:relative;height:90px;display:grid;place-items:center;margin:0}.dj-record{box-sizing:border-box;flex-shrink:0;position:relative;appearance:none;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;width:86px;height:86px;padding:3px;border:1px solid #6f7d87;border-radius:50%;background:linear-gradient(145deg,#bdc8d0,#49545f 45%,#202a33 70%,#8b969f);box-shadow:0 3px 5px #15212b40,0 0 0 2px #515c63,inset 0 1px 1px #e6f2ff9c}.dj-vinyl-motion{position:absolute;inset:3px;display:block;min-width:0;min-height:0}.dj-vinyl{box-sizing:border-box;position:absolute;inset:0;display:block;overflow:hidden;border:4px solid #202124;border-radius:50%;background:#191a1c;animation:dj-spin 7s linear infinite;animation-play-state:paused}.dj-cover-layer{position:absolute;inset:0;display:block;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.dj-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,#fff3,transparent 38%,#0002 65%,#fff2);box-shadow:inset 0 0 0 3px #0002}.dj-vinyl i{position:absolute;top:50%;left:50%;z-index:1;width:12px;height:12px;border:4px solid #e7e2d5;border-radius:50%;background:#42454a;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #161b2840}[data-playing=true] .dj-vinyl{animation-play-state:running}[data-playing=true][data-scratching=true] .dj-vinyl{animation-play-state:paused}[data-playing=true][data-scratching=true] .dj-vinyl-motion{animation:dj-vinyl-scratch 1.3s linear}[data-playing=true][data-scratching=true] .dj-hand--left{animation:dj-left-reach 1.6s ease-in-out both,dj-left-groove 9.4s ease-in-out 1.6s infinite,dj-hand-scratch 1.3s linear;animation-play-state:paused,paused,running}@keyframes dj-hand-scratch{0%{translate:calc(var(--record-touch) * 0 + -0px) calc(var(--record-touch) * 0 + 0px)}2.5%{translate:calc(var(--record-touch) * .00028 + -.28187px) calc(var(--record-touch) * .02349 + .00331px)}5%{translate:calc(var(--record-touch) * .0042 + -1.09844px) calc(var(--record-touch) * .09154 + .05038px)}7.5%{translate:calc(var(--record-touch) * .01951 + -2.35873px) calc(var(--record-touch) * .19656 + .2341px)}10%{translate:calc(var(--record-touch) * .05449 + -3.90722px) calc(var(--record-touch) * .3256 + .65392px)}12.5%{translate:calc(var(--record-touch) * .11299 + -5.54098px) calc(var(--record-touch) * .46175 + 1.35587px)}15%{translate:calc(var(--record-touch) * .19096 + -7.05308px) calc(var(--record-touch) * .58776 + 2.29155px)}17.5%{translate:calc(var(--record-touch) * .2766 + -8.28515px) calc(var(--record-touch) * .69043 + 3.3192px)}20%{translate:calc(var(--record-touch) * .35385 + -9.15851px) calc(var(--record-touch) * .76321 + 4.24619px)}22.5%{translate:calc(var(--record-touch) * .40734 + -9.66544px) calc(var(--record-touch) * .80545 + 4.88809px)}25%{translate:calc(var(--record-touch) * .42642 + -9.82982px) calc(var(--record-touch) * .81915 + 5.11708px)}27.5%{translate:calc(var(--record-touch) * .40734 + -9.66544px) calc(var(--record-touch) * .80545 + 4.88809px)}30%{translate:calc(var(--record-touch) * .35385 + -9.15851px) calc(var(--record-touch) * .76321 + 4.24619px)}32.5%{translate:calc(var(--record-touch) * .2766 + -8.28515px) calc(var(--record-touch) * .69043 + 3.3192px)}35%{translate:calc(var(--record-touch) * .19096 + -7.05308px) calc(var(--record-touch) * .58776 + 2.29155px)}37.5%{translate:calc(var(--record-touch) * .11299 + -5.54098px) calc(var(--record-touch) * .46175 + 1.35587px)}40%{translate:calc(var(--record-touch) * .05449 + -3.90722px) calc(var(--record-touch) * .3256 + .65392px)}42.5%{translate:calc(var(--record-touch) * .01951 + -2.35873px) calc(var(--record-touch) * .19656 + .2341px)}45%{translate:calc(var(--record-touch) * .0042 + -1.09844px) calc(var(--record-touch) * .09154 + .05038px)}47.5%{translate:calc(var(--record-touch) * .00028 + -.28187px) calc(var(--record-touch) * .02349 + .00331px)}50%{translate:calc(var(--record-touch) * 0 + -0px) calc(var(--record-touch) * 0 + 0px)}52.5%{translate:calc(var(--record-touch) * .00028 + -.28187px) calc(var(--record-touch) * .02349 + .00331px)}55%{translate:calc(var(--record-touch) * .0042 + -1.09844px) calc(var(--record-touch) * .09154 + .05038px)}57.5%{translate:calc(var(--record-touch) * .01951 + -2.35873px) calc(var(--record-touch) * .19656 + .2341px)}60%{translate:calc(var(--record-touch) * .05449 + -3.90722px) calc(var(--record-touch) * .3256 + .65392px)}62.5%{translate:calc(var(--record-touch) * .11299 + -5.54098px) calc(var(--record-touch) * .46175 + 1.35587px)}65%{translate:calc(var(--record-touch) * .19096 + -7.05308px) calc(var(--record-touch) * .58776 + 2.29155px)}67.5%{translate:calc(var(--record-touch) * .2766 + -8.28515px) calc(var(--record-touch) * .69043 + 3.3192px)}70%{translate:calc(var(--record-touch) * .35385 + -9.15851px) calc(var(--record-touch) * .76321 + 4.24619px)}72.5%{translate:calc(var(--record-touch) * .40734 + -9.66544px) calc(var(--record-touch) * .80545 + 4.88809px)}75%{translate:calc(var(--record-touch) * .42642 + -9.82982px) calc(var(--record-touch) * .81915 + 5.11708px)}77.5%{translate:calc(var(--record-touch) * .40734 + -9.66544px) calc(var(--record-touch) * .80545 + 4.88809px)}80%{translate:calc(var(--record-touch) * .35385 + -9.15851px) calc(var(--record-touch) * .76321 + 4.24619px)}82.5%{translate:calc(var(--record-touch) * .2766 + -8.28515px) calc(var(--record-touch) * .69043 + 3.3192px)}85%{translate:calc(var(--record-touch) * .19096 + -7.05308px) calc(var(--record-touch) * .58776 + 2.29155px)}87.5%{translate:calc(var(--record-touch) * .11299 + -5.54098px) calc(var(--record-touch) * .46175 + 1.35587px)}90%{translate:calc(var(--record-touch) * .05449 + -3.90722px) calc(var(--record-touch) * .3256 + .65392px)}92.5%{translate:calc(var(--record-touch) * .01951 + -2.35873px) calc(var(--record-touch) * .19656 + .2341px)}95%{translate:calc(var(--record-touch) * .0042 + -1.09844px) calc(var(--record-touch) * .09154 + .05038px)}97.5%{translate:calc(var(--record-touch) * .00028 + -.28187px) calc(var(--record-touch) * .02349 + .00331px)}to{translate:calc(var(--record-touch) * 0 + -0px) calc(var(--record-touch) * 0 + 0px)}}.dj-tonearm{position:absolute;pointer-events:none;top:5px;right:17px;width:9px;height:49px;border-left:3px solid #b4b9c0;border-bottom:9px solid #373b42;border-radius:0 0 2px 3px;transform-origin:2px 3px;transform:rotate(-8deg);transition:transform .4s ease;filter:drop-shadow(2px 2px 1px #0003)}.dj-tonearm:before{content:"";position:absolute;left:-6px;top:-2px;width:9px;height:9px;border:2px solid #9da2aa;border-radius:50%;background:#43474d}[data-playing=true] .dj-tonearm{transform:rotate(24deg);animation:dj-drop-needle 1.6s ease-in-out both}.dj-instruments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:7px;margin:8px 1px 0}.dj-sound-monitor{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:2px;box-sizing:border-box;min-width:0;height:26px;padding:4px;overflow:hidden;border-radius:3px;background:#586d7b;box-shadow:inset 0 1px 2px #283c4c66,0 1px #e4edf080;pointer-events:none}.dj-sound-monitor i{display:block;height:100%;border-radius:1px;background:#9db9d8;opacity:.45;transform:scaleY(.07);transform-origin:center bottom;transition:opacity .4s ease}[data-playing=true] .dj-sound-monitor i{opacity:.9}.dj-tooltip{position:absolute;z-index:10;top:calc(100% + 9px);left:0;width:max-content;max-width:210px;padding:8px 10px;border:1px solid #dedbd2;border-radius:6px;background:#faf9f5;color:#242522;box-shadow:0 3px 10px #1717150d;text-align:left;font:11px/1.4 var(--font-sans);opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none}.dj-tooltip:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.dj-tooltip strong{display:block;font-weight:600;overflow-wrap:anywhere}.dj-tooltip span{display:block;margin-top:2px;color:#74746b;overflow-wrap:anywhere}.dj-tooltip-effects{margin:7px 0 0;padding-top:6px;border-top:1px solid #e6e3dc;min-width:110px}.dj-tooltip-effects>div{display:flex;justify-content:space-between;gap:20px;padding:1px 0;color:#74746b}.dj-tooltip-effects dt,.dj-tooltip-effects dd{margin:0;font:inherit}.dj-tooltip-effects dd{color:#8b8b82}.dj-tooltip-effects [data-active=true] dd{color:#486681;font-weight:600}.thinking-companion[data-tooltip-dismissed=false]:focus-within .dj-tooltip{opacity:1;visibility:visible;transform:none;pointer-events:auto}@media(hover:hover)and (pointer:fine){.thinking-companion[data-tooltip-dismissed=false]:hover .dj-tooltip{opacity:1;visibility:visible;transform:none;pointer-events:auto}}@media(max-width:900px){.dj-tooltip{top:auto;bottom:calc(100% + 9px);left:auto;right:0}.dj-tooltip:before{top:auto;bottom:-10px}}.dj-cover-out{opacity:1}.dj-cover-entering{animation:dj-cover-in 1.1s ease-in-out both}@keyframes dj-cover-in{0%{opacity:0}to{opacity:1}}.dj-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;align-items:center;min-width:0}.dj-switch{display:grid;place-items:center;position:relative;min-width:0;height:28px;padding:0;border:0;border-radius:1px;background:transparent;cursor:pointer;touch-action:manipulation;perspective:60px}.dj-switch span{position:relative;display:block;box-sizing:border-box;width:11px;height:19px;border:1px solid #556875;border-radius:1px;background:linear-gradient(#8495a0,#6b7e8b 48%,#526673 52%,#758794);box-shadow:0 0 0 1px #a1aaaf,0 1px 2px #22303b30;transform:rotateX(-18deg);transition:transform .15s ease,box-shadow .15s ease}.dj-switch span:before{content:"";position:absolute;top:3px;left:2px;right:2px;height:2px;background:#435965;transition:background .15s ease}.dj-switch[aria-checked=true] span{transform:rotateX(18deg);box-shadow:0 0 0 1px #a1aaaf,0 -1px 2px #22303b30}.dj-switch[aria-checked=true] span:before{background:#d0e7fc}.dj-switch:focus-visible{outline:1px solid #486783;outline-offset:1px}.dj-switch:hover:not(:disabled) span{border-color:#647484}.dj-switch:disabled{opacity:.4;cursor:default}.dj-progress{position:relative;height:3px;margin:9px 1px 1px;overflow:hidden;border-radius:2px;background:#91a3ae;box-shadow:inset 0 1px 1px #63717418,0 1px #ffffff90}.dj-progress-rail{position:absolute;inset:0}.dj-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#4e6b86;opacity:1;transform-origin:left;transition:transform .2s linear}.dj-progress progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-playing=true] .dj-hand--left{animation:dj-left-reach 1.6s ease-in-out both,dj-left-groove 9.4s ease-in-out 1.6s infinite}[data-playing=true] .dj-hand--right{animation:dj-right-needle 1.6s ease-in-out both,dj-right-groove 9.4s ease-in-out 1.6s infinite}[data-playing=false][data-stopping=true] .dj-hand--left{animation:dj-left-rest 1.4s ease-in-out both}[data-playing=false][data-stopping=true] .dj-hand--right{animation:dj-right-park 1.4s ease-in-out both}[data-playing=false][data-stopping=true] .dj-tonearm{animation:dj-park-needle 1.4s ease-in-out both}[data-playing=false][data-stopping=true] .dj-vinyl-motion{animation:dj-release-record .45s ease-out both}@keyframes dj-left-rest{0%{transform:var(--pause-from, var(--hand-rest));translate:var(--pause-translate, 0px 0px)}30%{transform:translate(-23px,calc(var(--record-y) - 22px)) rotate(-20deg);translate:0px 0px}70%,to{transform:var(--hand-rest);translate:0px 0px}}@keyframes dj-right-park{0%{transform:var(--pause-from, var(--hand-rest));translate:var(--pause-translate, 0px 0px)}20%{transform:translate(var(--arm-down-x),calc(var(--arm-tip-y) - 5px)) rotate(30deg);translate:0px 0px}35%{transform:translate(var(--arm-down-x),calc(var(--arm-tip-y) - 8px)) rotate(30deg)}65%{transform:translate(var(--arm-tip-x),calc(var(--arm-tip-y) - 3px)) rotate(12deg)}75%{transform:translate(var(--arm-tip-x),var(--arm-tip-y)) rotate(12deg)}88%{transform:translate(34px,16px) rotate(10deg)}to{transform:var(--hand-rest);translate:0px 0px}}@keyframes dj-park-needle{0%,20%{transform:var(--pause-from)}35%{transform:translateY(-3px) rotate(24deg)}65%{transform:translateY(-3px) rotate(-8deg)}75%,to{transform:rotate(-8deg)}}@keyframes dj-release-record{0%{transform:var(--pause-from)}to{transform:rotate(0)}}@keyframes dj-drop-needle{0%{transform:var(--play-from, rotate(-8deg))}32%{transform:rotate(-8deg)}42%{transform:translateY(-2px) rotate(-8deg)}68%{transform:translateY(-2px) rotate(24deg)}80%,to{transform:rotate(24deg)}}@keyframes dj-left-reach{0%{transform:var(--play-from, var(--hand-rest));translate:var(--play-translate, 0px 0px)}20%{transform:var(--hand-rest);translate:0px 0px}50%{transform:translate(-29px,calc(var(--record-y) - 33px)) rotate(-18deg)}to{transform:translate(calc(-1 * var(--record-touch)),calc(var(--record-y) - 12px)) rotate(-18deg)}}@keyframes dj-right-needle{0%{transform:var(--play-from, var(--hand-rest));translate:var(--play-translate, 0px 0px)}20%,to{translate:0px 0px}20%{transform:translate(var(--arm-tip-x),22px) rotate(25deg)}32%{transform:translate(var(--arm-tip-x),var(--arm-tip-y)) rotate(12deg)}42%{transform:translate(var(--arm-tip-x),calc(var(--arm-tip-y) - 2px)) rotate(12deg)}68%{transform:translate(var(--arm-down-x),calc(var(--arm-tip-y) - 7px)) rotate(30deg)}80%{transform:translate(var(--arm-down-x),calc(var(--arm-tip-y) - 5px)) rotate(30deg)}to{transform:translate(var(--record-touch),calc(var(--record-y) + 1px)) rotate(18deg)}}@keyframes dj-left-groove{0%,to{transform:translate(calc(-1 * var(--record-touch)),calc(var(--record-y) - 12px)) rotate(-18deg)}50%{transform:translate(calc(-1 * var(--record-touch) - 2px),calc(var(--record-y) - 9px)) rotate(-12deg)}}@keyframes dj-right-groove{0%,to{transform:translate(var(--record-touch),calc(var(--record-y) + 1px)) rotate(18deg)}24%{transform:translate(calc(var(--record-touch) + 3px),calc(var(--record-y) + 1px)) rotate(3deg)}36%,54%{transform:translate(calc(var(--record-touch) + 5px),calc(var(--record-y) - 3px)) rotate(-8deg)}68%{transform:translate(calc(var(--record-touch) - 2px),calc(var(--record-y) + 3px)) rotate(25deg)}87%{transform:translate(calc(var(--record-touch) + 2px),calc(var(--record-y) + 4px)) rotate(12deg)}}@keyframes dj-spin{to{transform:rotate(360deg)}}@keyframes dj-vinyl-scratch{0%{transform:rotate(-0deg)}2.5%{transform:rotate(-1.34595deg)}5%{transform:rotate(-5.25203deg)}7.5%{transform:rotate(-11.33591deg)}10%{transform:rotate(-19.00203deg)}12.5%{transform:rotate(-27.5deg)}15%{transform:rotate(-35.99797deg)}17.5%{transform:rotate(-43.66409deg)}20%{transform:rotate(-49.74797deg)}22.5%{transform:rotate(-53.65405deg)}25%{transform:rotate(-55deg)}27.5%{transform:rotate(-53.65405deg)}30%{transform:rotate(-49.74797deg)}32.5%{transform:rotate(-43.66409deg)}35%{transform:rotate(-35.99797deg)}37.5%{transform:rotate(-27.5deg)}40%{transform:rotate(-19.00203deg)}42.5%{transform:rotate(-11.33591deg)}45%{transform:rotate(-5.25203deg)}47.5%{transform:rotate(-1.34595deg)}50%{transform:rotate(-0deg)}52.5%{transform:rotate(-1.34595deg)}55%{transform:rotate(-5.25203deg)}57.5%{transform:rotate(-11.33591deg)}60%{transform:rotate(-19.00203deg)}62.5%{transform:rotate(-27.5deg)}65%{transform:rotate(-35.99797deg)}67.5%{transform:rotate(-43.66409deg)}70%{transform:rotate(-49.74797deg)}72.5%{transform:rotate(-53.65405deg)}75%{transform:rotate(-55deg)}77.5%{transform:rotate(-53.65405deg)}80%{transform:rotate(-49.74797deg)}82.5%{transform:rotate(-43.66409deg)}85%{transform:rotate(-35.99797deg)}87.5%{transform:rotate(-27.5deg)}90%{transform:rotate(-19.00203deg)}92.5%{transform:rotate(-11.33591deg)}95%{transform:rotate(-5.25203deg)}97.5%{transform:rotate(-1.34595deg)}to{transform:rotate(-0deg)}}.thinking-companion button:focus-visible,.thinking-companion input:focus-visible{outline:2px solid #d9482b;outline-offset:3px}.thinking-companion button:disabled,.thinking-companion input:disabled{opacity:.45;cursor:default}.dj-status:empty{display:none}.dj-status{margin:6px -3px 0;color:#77766e;font:10px/1.4 var(--font-sans)}@media(max-width:1050px){.thinking-companion{width:112px}.dj-booth{--record-y: 36px;--record-touch: 13px;--arm-tip-x: 40px;--arm-down-x: 20px;--arm-tip-y: 51px;padding:7px 8px}.dj-record{width:70px;height:70px}.dj-turntable{height:74px}.dj-instruments{gap:5px;margin-top:7px}.dj-sound-monitor{height:23px;gap:1.5px}.dj-switches{gap:2px}.dj-switch span{width:10px;height:18px}.dj-tonearm{height:40px;right:5px}}@media(max-width:720px){.dj-head{margin-top:5px;height:65px}.dj-status{margin-top:4px}}@media(hover:hover)and (pointer:fine){.thinking-companion:hover .dj-head{translate:0 -3px;rotate:-4deg;scale:1.04}.thinking-companion:hover .dj-face{translate:1px -1px}}.thinking-companion:has(:focus-visible) .dj-head{translate:0 -3px;rotate:-4deg;scale:1.04}@media(prefers-reduced-motion:reduce){.dj-tooltip{transition:none;transform:none}.dj-sound-monitor i,.dj-switch span,.dj-switch span:before{transition:none}.dj-progress-fill{transition:none}.dj-cover-out{display:none}.dj-cover-entering,[data-playing=true][data-scratching=true] .dj-vinyl-motion,[data-playing=true][data-scratching=true] .dj-hand--left,[data-playing=false][data-stopping=true] .dj-hand,[data-playing=false][data-stopping=true] .dj-tonearm,[data-playing=false][data-stopping=true] .dj-vinyl-motion,.dj-vinyl,[data-playing=true] .dj-vinyl-motion{animation:none}.dj-head{transform:none;transition:none}.thinking-companion:hover .dj-head,.thinking-companion:has(:focus-visible) .dj-head{translate:none;rotate:none;scale:none}.dj-face{transition:none}.dj-face i{transform:none!important}[data-playing=true] .dj-hand,[data-playing=true] .dj-tonearm{animation:none}.dj-tonearm,.dj-hand,.dj-face i{transition:none}[data-playing=true] .dj-hand--left{transform:translate(calc(-1 * var(--record-touch)),calc(var(--record-y) - 12px))}[data-playing=true] .dj-hand--right{transform:translate(var(--record-touch),calc(var(--record-y) + 1px))}}.dj-body{display:contents}.dj-collapse,.dj-expand{display:none}@media(max-width:720px){.thinking-companion{--dj-edge: max(12px, env(safe-area-inset-right));position:fixed;right:var(--dj-edge);bottom:max(12px,env(safe-area-inset-bottom));z-index:40;pointer-events:none}.dj-body{display:block;position:relative;pointer-events:auto;touch-action:pan-y;transform:translate(var(--dj-drag, 0px));transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s}.dj-body button{touch-action:pan-y}.dj-body[data-dragging=true]{transition:none}.thinking-companion[data-collapsed=true] .dj-body{transform:translate(calc(100% + var(--dj-edge) + 24px));visibility:hidden;pointer-events:none}.dj-collapse{display:grid;place-items:center;position:absolute;top:16px;right:-7px;z-index:5;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:#536572;background:#f6f4efdc;cursor:pointer}.dj-expand{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;right:calc(-1 * var(--dj-edge));bottom:34px;min-width:48px;height:44px;padding:0 10px 0 8px;border:1px solid #9caab2;border-right:0;border-radius:9px 0 0 9px;background:#d4dde2;color:#394d5b;box-shadow:0 2px 8px #24394420;font:600 11px/1 var(--font-sans);cursor:pointer;visibility:hidden;opacity:0;transform:translate(100%);transition:transform .28s ease,opacity .18s ease,visibility .28s}.dj-expand span{font-size:21px;font-weight:400}.thinking-companion[data-collapsed=true] .dj-expand{visibility:visible;opacity:1;transform:none;pointer-events:auto}.thinking-companion[data-collapsed=true] .dj-tooltip{display:none}.thinking-companion:has(.dj-collapse:focus-visible) .dj-tooltip{visibility:hidden}}@media(prefers-reduced-motion:reduce){.dj-body,.dj-expand{transition:none}}