:root{color:#242039;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#242039;--cream:#fff8ed;--pink:#ff7d9b;--purple:#7868e6;--yellow:#ffd66e;--mint:#9fe4c8;--blue:#9fd5ff;background:#fff8ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-shell{overflow:hidden}.topbar{background:#fffaf1;border-bottom:1px solid #29233b16;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,6vw,92px);display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--ink);background:#ff7d9b;border-radius:10px;place-items:center;width:31px;height:31px;font-size:21px;display:grid;transform:rotate(-8deg)}.course-tag{letter-spacing:1px;border:1px solid #24203930;border-radius:20px;margin-left:6px;padding:6px 8px;font:700 10px DM Sans,sans-serif}.nav-link{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:640px;padding:58px clamp(22px,8vw,125px) 66px;display:grid;position:relative}.hero-copy{z-index:2;max-width:560px;position:relative}.eyebrow{letter-spacing:1.7px;color:#625c77;align-items:center;gap:9px;margin:0 0 24px;font-size:10px;font-weight:700;display:flex}.pulse-dot{background:#ff7d9b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff7d9b26}.hero h1,.section-heading h2,.notes-header h2,.ending h2{letter-spacing:-3.7px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,6vw,82px);font-weight:700;line-height:.99}.hero h1 span{color:#7768e6;white-space:nowrap;position:relative}.hero h1 span:after{content:"";background:#ffd66e;border-radius:10px;height:7px;position:absolute;bottom:-4px;left:0;right:-4px;transform:rotate(-2deg)}.hero-desc{color:#615b73;max-width:390px;margin:28px 0 25px;font-size:16px;line-height:1.8}.start-button,.next-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:20px;padding:14px 19px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px #c4bfe0}.start-button:hover,.next-button:hover{transform:translateY(-3px);box-shadow:0 8px #c4bfe0}.hero-foot{letter-spacing:1.5px;color:#8e879b;align-items:center;gap:13px;margin-top:66px;font-size:9px;font-weight:700;display:flex}.scroll-line{background:#b8b0c5;width:55px;height:1px}.hero-art{isolation:isolate;justify-content:center;align-items:end;height:440px;display:flex;position:relative}.hero-art:before{content:"";z-index:-2;background:#f5e8ff;border-radius:48% 52% 42% 58%/46% 39% 61% 54%;position:absolute;inset:20px 0 0;transform:rotate(-7deg)}.sunburst{color:#ffca62;font-size:65px;animation:24s linear infinite spin;position:absolute;top:10px;right:16%}.house{border:4px solid var(--ink);z-index:1;background:#ffcc69;border-radius:8px 8px 0 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:13px;width:295px;height:267px;padding:22px 22px 0;display:grid;position:relative;box-shadow:9px 9px #d5c9ff}.house-roof{border:4px solid var(--ink);z-index:-1;background:#ff7d9b;border-radius:10px;width:333px;height:165px;position:absolute;top:55px;transform:rotate(45deg)skew(-7deg,-7deg)}.window{border:3px solid var(--ink);background:#9fe4c8;border-radius:8px;place-items:center;font-family:Space Grotesk;font-size:27px;font-weight:700;display:grid;position:relative;overflow:hidden}.window:before{content:"";background:var(--ink);width:3px;position:absolute;top:0;bottom:0;left:50%}.window:after{content:"";background:var(--ink);height:3px;position:absolute;top:50%;left:0;right:0}.window span{z-index:1;background:#9fe4c8;padding:0 4px}.window-b,.window-b span{background:#9fd5ff}.window-c,.window-c span{background:#c8b9ff}.window-d,.window-d span{background:#ff9cb2}.house-door{border:3px solid var(--ink);background:#7868e6;border-bottom:0;border-radius:35px 35px 0 0;width:62px;height:91px;position:absolute;bottom:0;left:calc(50% - 31px)}.door-knob{border:2px solid var(--ink);background:#ffd66e;border-radius:50%;width:7px;height:7px;position:absolute;top:49px;right:8px}.plant{z-index:1;width:47px;height:68px;position:absolute;bottom:0}.plant b{border:3px solid var(--ink);background:#ff7d9b;border-radius:4px 4px 12px 12px;width:39px;height:28px;position:absolute;bottom:0;left:5px}.plant i{border:3px solid var(--ink);background:#79cda9;border-radius:100% 0;width:17px;height:34px;position:absolute;bottom:23px;left:20px;transform:rotate(-22deg)}.plant i:nth-child(2){bottom:18px;left:2px;transform:rotate(-55deg)}.plant i:nth-child(3){bottom:32px;left:24px;transform:rotate(24deg)}.plant-left{left:5%}.plant-right{right:1%;transform:scale(1.2)}.plant-right b{background:#9fd5ff}.art-caption{border:2px solid var(--ink);z-index:2;box-shadow:3px 3px 0 var(--ink);background:#fff8ed;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:700;position:absolute}.caption-one{top:89px;left:0;transform:rotate(-7deg)}.caption-two{bottom:61px;right:-3px;transform:rotate(6deg)}.hero-character{z-index:4;animation:2.8s ease-in-out infinite helloBob;position:absolute;bottom:4px;left:17%}.character{width:80px;height:100px;position:relative}.character svg{width:100%;height:100%;overflow:visible}.floor-shadow{z-index:-1;background:#dfd1ed;border-radius:50%;height:17px;position:absolute;bottom:-5px;left:5%;right:0}.room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.rooms-section{background:#fffdf8;padding:78px clamp(22px,7vw,105px) 91px}.section-heading,.notes-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.section-heading h2,.notes-header h2{letter-spacing:-2.3px;font-size:clamp(34px,4vw,51px);line-height:1.08}.section-heading h2 span,.notes-header h2 span{color:#7868e6}.section-heading>p,.notes-header>p{color:#716a83;margin:0 0 4px;font-size:13px;line-height:1.7}.room-card{text-align:left;border:2px solid var(--ink);cursor:pointer;min-width:0;color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;flex-direction:column;padding:0;transition:transform .23s,box-shadow .23s;animation:.65s both cardIn;display:flex;overflow:hidden}.room-card:nth-child(2){animation-delay:80ms}.room-card:nth-child(3){animation-delay:.16s}.room-card:nth-child(4){animation-delay:.24s}.room-card:hover{box-shadow:0 12px 0 var(--ink);transform:translateY(-7px)rotate(-.5deg)}.room-card.lilac{background:#d9d0ff}.room-card.peach{background:#ffd1bb}.room-card.mint{background:#b9efd9}.room-card.blue{background:#b8e0ff}.room-top{justify-content:space-between;align-items:center;padding:17px 17px 0;display:flex}.room-number{letter-spacing:1.2px;font-size:9px;font-weight:700}.room-icon{border:1.5px solid var(--ink);background:#fff8ed;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.room-art{place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.room-orb{border:2px solid var(--ink);border-radius:50%;position:absolute}.orb-one{opacity:.85;background:#fff8ed;width:100px;height:100px;top:20px;left:22%}.orb-two{background:#ff7d9b;width:68px;height:68px;top:40px;right:21%}.room-emoji{z-index:1;filter:drop-shadow(2px 4px #24203918);font-size:53px;transition:transform .25s;position:relative}.room-card:hover .room-emoji{transform:translateY(-7px)rotate(8deg)scale(1.08)}.room-door-art{opacity:.7;position:absolute;bottom:0;right:14px}.room-bottom{flex-direction:column;flex:1;padding:8px 19px 20px;display:flex}.room-subtitle{letter-spacing:1px;opacity:.7;font-size:8px;font-weight:700}.room-bottom h3{letter-spacing:-.8px;margin:7px 0 10px;font:700 22px Space Grotesk}.room-bottom p{flex:1;margin:0 0 21px;font-size:12px;line-height:1.6}.enter-room{border-top:1px solid #24203945;justify-content:space-between;align-items:center;padding-top:13px;font-size:11px;font-weight:700;display:flex}.hint-strip{color:#5d536d;background:#fff2d1;border:1.5px dashed #cbbf9d;border-radius:12px;align-items:center;gap:12px;margin-top:32px;padding:18px 22px;font-size:12px;display:flex}.hint-strip svg{color:#a0791d}.hint-doodle{margin-left:auto;font-size:24px}.notes-section{background:#e9e2ff;padding:87px clamp(22px,7vw,105px) 99px}.notes-header h2 span{color:#ee6385}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.note-card{border:2px solid var(--ink);min-height:220px;box-shadow:4px 4px 0 var(--ink);background:#fffaf0;border-radius:13px;padding:22px 23px 24px;transition:transform .2s;position:relative;transform:rotate(-.5deg)}.note-card:nth-child(2n){background:#fff2d1;transform:rotate(1deg)}.note-card:hover{transform:translateY(-5px)rotate(0)}.note-date{letter-spacing:1.2px;color:#7a718a;font-size:9px;font-weight:700}.note-sticker{color:#ff7d9b;font:700 33px Space Grotesk;position:absolute;top:12px;right:19px;transform:rotate(9deg)}.note-card h3{letter-spacing:-.8px;margin:26px 0 11px;font:700 21px Space Grotesk}.note-card p{color:#5f586f;max-width:330px;margin:0;font-size:12px;line-height:1.8}.ending{text-align:center;color:#fff8ed;background:#242039;padding:106px 22px 45px;position:relative;overflow:hidden}.ending:before,.ending:after{content:"✳";color:#302a4b;font-size:210px;position:absolute;top:80px;left:-30px;transform:rotate(20deg)}.ending:after{color:#302a4b;inset:auto -20px 30px auto;transform:rotate(-18deg)}.ending .eyebrow{color:#c6bddc;justify-content:center}.ending-sticker{color:#242039;background:#ffd66e;border-radius:18px;place-items:center;width:57px;height:57px;margin:0 auto 29px;font-size:35px;display:grid;transform:rotate(10deg)}.ending h2{letter-spacing:-2.7px;z-index:1;font-size:clamp(38px,5vw,63px);line-height:1.07;position:relative}.ending h2 span{color:#ff8eaa}.ending-copy{color:#c9c2d8;z-index:1;max-width:590px;margin:25px auto 26px;font-size:14px;line-height:1.9;position:relative}.outline-button{z-index:1;color:#fff8ed;cursor:pointer;background:0 0;border:1.5px solid #fff8ed9c;border-radius:10px;align-items:center;gap:18px;padding:13px 17px;font-size:12px;font-weight:700;transition:background .2s;display:inline-flex;position:relative}.outline-button:hover{background:#ffffff12}.commitments{text-align:left;z-index:1;border:1px solid #ffffff2b;border-radius:12px;max-width:480px;margin:24px auto 0;padding:8px 19px;position:relative}.commitments div{color:#ff8eaa;border-bottom:1px solid #ffffff1c;padding:12px 0;font-size:11px;font-weight:700}.commitments div:last-child{border:0}.commitments span{color:#fff8ed;margin-left:12px;font-size:12px;font-weight:500}.end-foot{color:#928aa8;letter-spacing:1.2px;z-index:1;border-top:1px solid #ffffff20;justify-content:space-between;max-width:1000px;margin:85px auto 0;padding-top:19px;font-size:9px;display:flex;position:relative}footer{color:#777087;background:#fff8ed;justify-content:space-between;padding:22px clamp(22px,7vw,105px);font-size:10px;font-weight:600;display:flex}.footer-dot{color:#ff7d9b;margin:0 5px;font-size:8px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#1d1930b8;place-items:center;padding:18px;animation:.2s fadeIn;display:grid;position:fixed;inset:0;overflow:auto}.answer-modal{border:2px solid var(--ink);background:#fffaf0;border-radius:22px;width:min(760px,100%);max-height:min(94vh,1000px);padding:clamp(21px,4vw,38px);animation:.3s cubic-bezier(.2,.8,.2,1) modalIn;position:relative;overflow:auto;box-shadow:0 12px #151222}.answer-modal.lilac{background:#f2efff}.answer-modal.peach{background:#fff0e7}.answer-modal.mint{background:#edfff7}.answer-modal.blue{background:#edf7ff}.modal-close{border:1.5px solid var(--ink);cursor:pointer;background:#fffaf0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.modal-head{align-items:center;gap:12px;padding-right:40px;display:flex}.modal-pill{letter-spacing:1px;border:1px solid #24203940;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.answer-modal h2{letter-spacing:-1.6px;max-width:610px;margin:23px 0 0;font:700 clamp(25px,4vw,38px)/1.12 Space Grotesk}.catch-stage{height:176px;margin:10px 0 6px;position:relative;overflow:hidden}.stage-floor{border-bottom:2px solid var(--ink);background:#d9d0ff;border-radius:50%;height:12px;position:absolute;bottom:16px;left:3%;right:3%}.answer-orb{border:2.5px solid var(--ink);letter-spacing:1px;text-align:center;opacity:0;width:105px;height:105px;box-shadow:4px 5px 0 var(--ink);background:#ff7d9b;border-radius:31px;flex-direction:column;justify-content:center;align-items:center;font:700 12px/1.15 Space Grotesk;display:flex;position:absolute;bottom:26px;right:12%;transform:translateY(-95px)rotate(14deg)scale(.72)}.answer-orb.landed{animation:.6s cubic-bezier(.2,.8,.2,1) forwards orbLand}.orb-spark{margin-bottom:5px;font-size:19px;line-height:1}.modal-character{z-index:2;position:absolute;bottom:7px;left:7%}.modal-character .character{width:85px;height:103px}.modal-character.character-run{animation:.68s cubic-bezier(.5,.1,.3,1) forwards runAcross}.modal-character.character-caught{animation:.55s ease-in-out happyBounce;left:68%}.modal-character.character-caught .character{transform:rotate(5deg)}.catch-label{letter-spacing:1.3px;color:#7868e6;opacity:0;font-size:9px;font-weight:700;position:absolute;bottom:43px;left:23%;transform:translateY(5px)}.catch-label.visible{animation:.3s .2s forwards labelPop}.answer-copy{opacity:.25;filter:blur(2px);transition:opacity .35s,filter .35s,transform .35s;transform:translateY(9px)}.answer-copy.answer-visible{opacity:1;filter:none;transform:none}.answer-copy>p{color:#4d465f;margin:5px 0 20px;font-size:14px;line-height:1.9}.takeaway{color:#3d3654;background:#fff8ed;border:1.5px dashed #c8bde0;border-radius:12px;align-items:flex-start;gap:11px;padding:15px 16px;font-size:12px;font-weight:700;line-height:1.7;display:flex}.takeaway svg{color:#a27bdf;flex-shrink:0;margin-top:1px}.answer-copy h3{margin:23px 0 10px;font:700 17px Space Grotesk}.answer-copy ul{color:#5b536f;margin:0;padding-left:19px;font-size:12px;line-height:1.9}.answer-copy li{margin:3px 0;padding-left:3px}.answer-copy .answer-detail{border-top:1px solid #2420391e;margin-top:18px;padding-top:16px;font-size:12px}.modal-footer{border-top:1px solid #2420391c;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:20px;display:flex}.text-button{color:#514a65;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;font-weight:700;display:flex}.next-button{box-shadow:none;gap:14px;padding:12px 15px}.next-button:hover{box-shadow:none}.character.caught{animation:.5s catchWiggle}.catch-spark{color:#ff7d9b;font-size:27px;animation:.4s sparkPop;position:absolute;top:5px;right:-2px}.character.running svg{animation:.16s infinite alternate runBob}@keyframes spin{to{transform:rotate(380deg)}}@keyframes helloBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes runAcross{0%{left:7%;transform:translateY(0)}35%{transform:translateY(-25px)rotate(-7deg)}70%{transform:translateY(0)rotate(5deg)}to{left:68%;transform:translateY(0)rotate(0)}}@keyframes runBob{to{transform:translateY(-3px)rotate(2deg)}}@keyframes orbLand{0%{opacity:0;transform:translateY(-95px)rotate(14deg)scale(.72)}65%{opacity:1;transform:translateY(9px)rotate(-6deg)scale(1.05)}82%{transform:translateY(-5px)rotate(3deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes labelPop{to{opacity:1;transform:translateY(0)}}@keyframes happyBounce{0%,to{transform:translateY(0)}45%{transform:translateY(-12px)}70%{transform:translateY(2px)}}@keyframes catchWiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}@keyframes sparkPop{0%{transform:scale(0)rotate(-20deg)}80%{transform:scale(1.2)rotate(10deg)}to{transform:scale(1)}}@media (width<=1000px){.hero{gap:2vw;padding-left:6vw;padding-right:6vw}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-art{height:160px}.room-bottom h3{font-size:24px}.hero-art{transform-origin:100%;transform:scale(.9)}.hero h1{font-size:clamp(48px,7vw,70px)}}@media (width<=650px){.topbar{height:66px;padding:0 19px}.brand{gap:7px;font-size:16px}.course-tag{padding:5px 6px;font-size:8px}.nav-link{font-size:11px}.hero{grid-template-columns:1fr;gap:12px;padding:56px 23px 50px}.hero h1{letter-spacing:-3px;font-size:58px}.hero-desc{margin:22px 0;font-size:14px}.hero-foot{margin-top:37px}.hero-art{transform-origin:top;height:330px;margin:0 -25px -50px;transform:scale(.83)}.house{width:265px;height:240px}.house-roof{width:300px;height:150px;top:47px}.hero-character{left:13%}.rooms-section,.notes-section{padding:64px 20px}.section-heading,.notes-header{margin-bottom:27px;display:block}.section-heading h2,.notes-header h2{letter-spacing:-2px;font-size:39px}.section-heading>p,.notes-header>p{margin-top:14px}.room-grid{gap:13px}.room-card{box-shadow:0 4px 0 var(--ink);border-radius:14px}.room-top{padding:12px 12px 0}.room-number{font-size:8px}.room-icon{width:30px;height:30px}.room-art{height:105px}.orb-one{width:74px;height:74px;top:15px;left:14%}.orb-two{width:51px;height:51px;top:30px;right:14%}.room-emoji{font-size:42px}.room-door-art{right:7px}.room-door-art svg{width:26px}.room-bottom{padding:6px 12px 15px}.room-subtitle{letter-spacing:.7px;font-size:7px}.room-bottom h3{letter-spacing:-.6px;margin:7px 0;font-size:18px}.room-bottom p{font-size:11px;line-height:1.55}.enter-room{padding-top:10px;font-size:10px}.hint-strip{align-items:flex-start;padding:14px;font-size:11px}.hint-strip svg{flex-shrink:0}.notes-grid{grid-template-columns:1fr;gap:14px}.note-card{min-height:180px}.note-card h3{margin-top:20px}.ending{padding:78px 23px 30px}.ending h2{letter-spacing:-2px;font-size:41px}.ending-copy{font-size:13px}.end-foot{text-align:left;gap:10px;margin-top:57px;font-size:8px}.end-foot span:last-child{text-align:right}footer{padding:19px 21px;font-size:9px}.answer-modal{border-radius:17px;max-height:95vh;padding:22px 19px}.modal-close{width:33px;height:33px;top:12px;right:12px}.modal-head{display:block}.modal-pill{margin-top:9px;font-size:8px;display:inline-block}.answer-modal h2{letter-spacing:-1px;margin-top:17px;font-size:28px}.catch-stage{height:147px}.answer-orb{width:85px;height:85px;font-size:10px;right:7%}.modal-character.character-caught{left:64%}.modal-character .character{width:72px;height:90px}.catch-label{font-size:8px;left:17%}.answer-copy>p{font-size:13px;line-height:1.8}.modal-footer{gap:7px}.text-button{gap:5px;font-size:10px}.next-button{padding:11px 12px;font-size:11px}.answer-copy .answer-detail{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.essay-body{margin:4px 0 22px}.answer-copy .essay-body>p{color:#4d465f;margin:0 0 16px;font-size:14px;line-height:1.85}.essay-kicker{letter-spacing:1.6px;font:700 10px DM Sans;color:#8a7fa6!important;margin:0 0 6px!important}.essay-title{letter-spacing:-.8px;margin:0 0 6px!important;font:700 clamp(19px,3vw,25px)/1.2 Space Grotesk!important}.essay-sub{letter-spacing:.4px;text-transform:uppercase;color:#6a58c9;border-top:1px dashed #c8bde0;margin:26px 0 12px;padding-top:16px;font:700 13px Space Grotesk}.essay-sub:first-of-type{border-top:0;margin-top:14px;padding-top:0}.essay-refs{list-style:none;margin:0!important;padding:0!important}.essay-refs li{text-indent:-22px;color:#5b536f;word-break:break-word;line-height:1.7;margin:0 0 10px!important;padding:0 0 0 22px!important;font-size:12px!important}.essay-refs a,.essay-body a{color:#5b4bdf}.music-player{z-index:30;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed;bottom:18px;left:18px}.music-toggle{border:2px solid var(--ink);background:var(--yellow);width:50px;height:50px;color:var(--ink);cursor:pointer;box-shadow:3px 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.music-toggle.is-playing{background:var(--pink)}.music-toggle:focus-visible,.music-btn:focus-visible,.music-mute:focus-visible,.music-panel select:focus-visible,.music-panel input:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.music-panel{border:2px solid var(--ink);width:min(290px,100vw - 36px);box-shadow:4px 6px 0 var(--ink);background:#fffaf0;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.music-label{letter-spacing:1.2px;text-transform:uppercase;color:#6b6480;font:700 10px DM Sans,sans-serif}.music-panel select{width:100%;color:var(--ink);border:1.5px solid var(--ink);background:#fff;border-radius:9px;padding:9px 10px;font:500 13px DM Sans,sans-serif}.music-row{align-items:center;gap:10px;display:flex}.music-btn{background:var(--ink);color:#fff8ed;cursor:pointer;border:0;border-radius:20px;align-items:center;gap:6px;padding:9px 14px;font:700 12px DM Sans,sans-serif;display:inline-flex}.music-mute{color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.music-row input[type=range]{min-width:0;accent-color:var(--purple);flex:1}.music-missing{color:#a2492c;margin:0;font:12px/1.5 DM Sans,sans-serif}@media (width<=650px){.music-player{bottom:12px;left:12px}}