@font-face{font-family:"jf-openhuninn-2.1";src:url(/fonts/jf-openhuninn-2.1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:"jf-openhuninn-2.1",sans-serif;color:#594a3d;background:#ead7c0;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#ead7c0}.room,.room-tint{position:absolute;inset:0}.room{background:var(--room-desktop) center/cover no-repeat}.room-tint{background:linear-gradient(90deg,#fff2da0d,#fff2da1f 58%,#664f3617);pointer-events:none}.welcome{position:absolute;inset:0;display:grid;place-items:center;background:#4a372514;animation:appear .8s ease-out}.welcome-card{width:min(450px,calc(100vw - 44px));padding:52px 48px 44px;text-align:center;border:1px solid rgba(255,255,255,.5);border-radius:30px;background:#fff9ebb8;box-shadow:0 24px 70px #5e402321,inset 0 1px #fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{display:inline-flex;gap:7px;align-items:center;color:#98806a;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.welcome h1{margin:20px 0 12px;font:600 clamp(35px,5vw,48px)/1.15 "jf-openhuninn-2.1",sans-serif;letter-spacing:.08em;color:#604c3c}.welcome p{margin:0 0 28px;font:500 16px/2 "jf-openhuninn-2.1",sans-serif;color:#816f5d}.enter-button,.pill-button{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease}.enter-button{padding:13px 21px 13px 24px;border-radius:999px;background:#b99169;color:#fffaf1;box-shadow:0 9px 18px #96693e2e;letter-spacing:.08em}.enter-button span{display:inline-block;margin-left:16px;font-size:18px;transition:transform .2s}.enter-button:hover span{transform:translate(4px)}.enter-button:active,.pill-button:active,.round-button:active{transform:scale(.97)}.welcome-card small{display:block;margin-top:20px;color:#ac9680;font-size:11px}.companion-stage{position:absolute;inset:0;display:grid;place-items:center;align-content:center;padding:3vh 20px 0}.character-wrap{width:clamp(360px,38vw,560px);max-height:82vh;transition:opacity .28s ease,transform .55s cubic-bezier(.23,1,.32,1);opacity:0;transform:translateY(10px)}.character-wrap.is-visible{opacity:1;transform:translateY(0)}.character-wrap img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(86,61,38,.14))}.presence-note{margin:10px 0 0;color:#6b533ed1;font:500 13px "jf-openhuninn-2.1",sans-serif;letter-spacing:.12em}.quiet-controls{position:absolute;bottom:32px;left:50%;display:flex;gap:10px;transform:translate(-50%)}.round-button,.settings-trigger,.close-button{border:1px solid rgba(255,255,255,.6);background:#fff9ee99;color:#806c59;cursor:pointer;box-shadow:0 7px 18px #5c3f2617;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .16s}.round-button{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%}.round-button:hover,.settings-trigger:hover,.close-button:hover{background:#fffcf5e6}.music-orb{overflow:hidden}.music-orb.playing{color:#967151;background:#fff6e0d9}.raindrops{position:absolute;right:4px;top:3px;display:flex;gap:2px;align-items:flex-end;height:15px;opacity:.76}.raindrops i{display:block;width:3px;border-radius:99px;background:#ad8e6c;height:5px}.raindrops i:nth-child(2){height:9px}.raindrops i:nth-child(3){height:7px}.raindrops i:nth-child(4){height:11px}.raindrops i:nth-child(5){height:6px}.playing .raindrops i{animation:rain-breathe 1.6s ease-in-out infinite}.music-orb .raindrops i:nth-child(1){height:6px}.music-orb .raindrops i:nth-child(2){height:11px;animation-delay:.12s}.music-orb .raindrops i:nth-child(3){height:8px;animation-delay:.24s}.music-orb .raindrops i:nth-child(4){height:13px;animation-delay:.36s}.music-orb .raindrops i:nth-child(5){height:9px;animation-delay:.48s}.music-orb .raindrops i:nth-child(6){height:12px;animation-delay:.6s}.music-orb .raindrops i:nth-child(7){height:6px;animation-delay:.72s}.settings-trigger{position:absolute;right:28px;bottom:32px;display:flex;gap:8px;align-items:center;padding:10px 15px;border-radius:999px;font-size:12px}.drawer{position:absolute;right:18px;top:50%;bottom:auto;transform:translateY(-50%);width:min(380px,calc(100vw - 36px));max-height:78vh;padding:30px 26px;overflow:auto;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:#fff8ebdb;box-shadow:0 24px 80px #4d36212e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:drawer-in .35s cubic-bezier(.23,1,.32,1)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer h2{margin:8px 0 0;font:600 27px "jf-openhuninn-2.1",sans-serif;letter-spacing:.06em;color:#5f4b3b}.close-button{width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.tabs{display:flex;gap:7px;margin:27px 0 24px;padding:4px;border-radius:14px;background:#e2cdb36b}.tabs button{flex:1;padding:10px;border:0;border-radius:11px;color:#9a846e;background:transparent;cursor:pointer;font-size:13px}.tabs button.active{color:#6c5541;background:#fffcf4e6;box-shadow:0 3px 10px #6d4e2f14}.tabs svg{vertical-align:middle;margin:-2px 5px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;font:600 13px "jf-openhuninn-2.1",sans-serif;color:#705a47}.soft-label{font:400 11px "jf-openhuninn-2.1",sans-serif;color:#b29b84}.mode-card,.now-playing{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:18px;background:#f7e7cf99;border:1px solid rgba(214,181,148,.28)}.mode-card strong,.now-playing strong{display:block;color:#6b5440;font-size:13px}.mode-card p{margin:5px 0 0;color:#a38b73;font-size:11px}.pill-button{padding:9px 12px;border-radius:999px;background:#bd9870;color:#fffaf1;font-size:11px;white-space:nowrap}.check-list{display:grid;gap:7px}.check-row,.track-row{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 10px;border-radius:14px;color:#79634f;font-size:13px;cursor:pointer}.check-row:hover,.track-row:hover{background:#ffffff61}.check-row input,.track-row input{position:absolute;opacity:0}.fake-check{width:18px;height:18px;display:grid;place-items:center;border:1px solid #cbb194;border-radius:6px;color:transparent;font-size:11px}.check-row input:checked~.fake-check,.track-row input:checked~.fake-check{background:#bc9670;border-color:#bc9670;color:#fff}.check-row img{width:30px;height:30px;object-fit:contain}.now-playing{gap:11px;justify-content:flex-start}.now-playing>div:nth-child(2){flex:1}.now-playing button{border:0;background:transparent;color:#8e7259;cursor:pointer}.album-dot{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e9cda8;color:#997653}.volume-row{display:flex;align-items:center;gap:10px;margin-top:19px;color:#a38c75;font-size:11px}.volume-row input{flex:1;accent-color:#b78e68}.track-index{color:#b99c80;font-size:11px}.select-track{margin-left:auto;border:0;background:transparent;color:#b18b69;font-size:10px;cursor:pointer}.placeholder-note{margin:18px 2px 0;color:#ae977e;font-size:10px;line-height:1.7}.placeholder-note code{color:#977451}@keyframes appear{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes rain-breathe{0%,to{transform:scaleY(.6);opacity:.45}50%{transform:scaleY(1.2);opacity:1}}@media (max-width:700px){.room{background-image:var(--room-mobile);background-position:center}.companion-stage{padding:0 14px 9vh}.character-wrap{width:min(82vw,390px);max-height:69vh}.presence-note{font-size:12px}.quiet-controls{bottom:calc(20px + env(safe-area-inset-bottom));gap:8px}.settings-trigger{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));padding:9px 12px}.settings-trigger span{display:none}.quiet-controls{left:0;right:0;transform:none;justify-content:center}.music-orb{top:clamp(220px,28vh,250px);bottom:auto;transform:translate(-50%)}.companion-stage{align-content:start;padding-top:clamp(10px,5vh,42px)}.character-wrap,.character-wrap.is-visible{transform:translateY(clamp(240px,31vh,280px))}.character-wrap:not(.is-visible){transform:translateY(clamp(250px,calc(31vh + 10px),290px))}.quiet-controls{gap:18px}.quiet-controls .round-button,.settings-trigger{background:#fffaf06b;border-color:#ffffff5c;box-shadow:0 7px 18px #5c3f260b}.quiet-controls .round-button:hover,.settings-trigger:hover{background:#fffaf094}.music-orb{position:fixed;left:50%;top:clamp(235px,29vh,265px);bottom:auto;z-index:4;transform:translate(-50%);background:#fff9ee2e;border-color:#ffffff47;box-shadow:0 8px 20px #5c3f2609}.music-orb>svg{display:none}.music-orb:hover{background:#fffcf557}.music-orb:active{transform:translate(-50%) scale(.97)}.drawer{right:10px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 20px);max-height:78vh;transform:none;padding:24px 20px;border-radius:24px;animation:sheet-in .35s cubic-bezier(.23,1,.32,1)}.welcome-card{padding:38px 28px 32px}.welcome h1{font-size:38px}@keyframes sheet-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}@media (min-width:701px){.quiet-controls{position:fixed;top:clamp(120px,18vh,170px);bottom:auto;left:0;right:0;transform:none;justify-content:center;gap:clamp(58px,7vw,112px);z-index:4}.quiet-controls .music-orb{position:relative;left:auto;top:auto;bottom:auto;transform:none}.quiet-controls .music-orb:active{transform:scale(.97)}.character-wrap,.character-wrap.is-visible{transform:translateY(clamp(130px,18vh,190px))}.character-wrap:not(.is-visible){transform:translateY(clamp(140px,calc(18vh + 10px),200px))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}