@font-face{font-family:Rainyhearts;src:url(/font/rainyhearts.ttf)format("truetype");font-display:swap}@font-face{font-family:Pangolin;src:url(/font/pangolin-regular.ttf)format("truetype");font-display:swap}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0}body{color:#5d3046;background:#fff5fa;font-family:Rainyhearts,ui-monospace,monospace}button,input,textarea{font:inherit}.chat-panel,.song-editor input,.song-editor textarea,.song-editor .small-button,.playlist-note,.playlist-description-editor input,.playlist-description-editor textarea{font-family:Pangolin,ui-rounded,SF Pro Rounded,Trebuchet MS,sans-serif}button:disabled{cursor:not-allowed;opacity:.55}.page,.login-page{min-height:100vh;padding:24px;position:relative;overflow-x:hidden}.page:before,.login-page:before{content:"";z-index:-2;background:linear-gradient(#ffffffd6,#fff4fae6),url(/decor/cute-player.jpg) 50%/cover no-repeat;position:fixed;inset:0}.loading-page,.login-page{place-items:center;display:grid}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;max-width:1380px;margin:0 auto 18px;display:flex}.eyebrow{color:#b8547c;margin:0 0 4px;font-size:18px}h1,h2,p{margin-top:0}h1{color:#78364f;margin-bottom:0;font-size:42px;font-weight:400}.title-subcopy{color:#8f4a68;margin:2px 0 0;font-size:22px}.date-line{color:#7b5968;margin:4px 0 0;font-size:16px}.main-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;max-width:1380px;margin:0 auto;display:grid}.players-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;display:grid}.player-column{flex-direction:column;align-items:center;gap:12px;display:flex}.login-panel,.chat-panel,.song-editor{background:#fffafceb;border:2px solid #e58aad;border-radius:8px;box-shadow:0 8px 24px #78364f24}.login-panel{width:min(360px,100%);padding:24px}.login-panel label,.song-editor{flex-direction:column;gap:8px;display:flex}.login-panel input,.song-editor input,.song-editor textarea,.chat-edit-form input,.chat-form input{color:#5d3046;background:#fff;border:2px solid #efb5cb;border-radius:4px;outline-color:#7dbbd6;width:100%;padding:9px 10px}.login-actions{grid-template-columns:auto 1fr;align-items:stretch;gap:8px;margin-top:12px;display:grid}.song-editor textarea{resize:vertical;min-height:62px}.primary-button,.small-button,.guest-button{color:#78364f;cursor:pointer;background:#ffdeea;border:2px solid #d86c96;border-radius:4px;padding:8px 12px}.primary-button:hover,.small-button:hover,.guest-button:hover{color:#063940;background:#dff5ff;border-color:#7dbbd6}.small-button{padding:6px 10px}.guest-button{background:#fff8fb;margin-top:0}.form-error,.app-error,.player-error{color:#b42345}.app-error{max-width:1380px;margin:0 auto 12px}.form-note{color:#357b63;margin:0}.song-editor{width:min(100%,360px);padding:34px 12px 12px;position:relative}.editor-close{color:#8f4a68;cursor:pointer;z-index:2;background:0 0;border:0;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.chat-panel{flex-direction:column;height:640px;padding:14px;display:flex}.chat-header{border-bottom:2px solid #e58aad;justify-content:space-between;align-items:center;gap:12px;margin:0 -14px;padding:0 14px 10px;display:flex}.chat-header h2{color:#78364f;margin-bottom:0;font-weight:400}.realtime-dot{color:#357b63;font-size:13px}.realtime-dot.reconnecting{color:#b4742f}.chat-messages{scrollbar-color:#e58aad #fff8fb;scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0 -14px 0 -10px;padding:12px 14px 12px 10px;display:flex;overflow:auto}.chat-messages::-webkit-scrollbar{width:10px;height:10px}.chat-messages::-webkit-scrollbar-track{background:#fff8fb;border-radius:999px;box-shadow:inset 0 0 0 1px #f6c4d7}.chat-messages::-webkit-scrollbar-thumb{background:#e58aad padding-box content-box;border:2px solid #fff8fb;border-width:2px 3px;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#d86c96}.chat-message{background:#ffe3ee;border-radius:8px;min-width:0;max-width:88%;padding:8px 10px;position:relative}.chat-message.actionable{cursor:pointer;max-width:min(88%,100% - 100px);box-shadow:0 0 0 var(--chat-message-glow);transition:box-shadow .18s}.chat-message.actionable:hover,.chat-message.actionable:focus-visible,.chat-message.menu-open{box-shadow:0 0 10px var(--chat-message-glow-hover)}.chat-message.her{--chat-message-glow:#f9c8db00;--chat-message-glow-hover:#f9c8db9e;background:#f9c8db;align-self:flex-end}.chat-message.his{--chat-message-glow:#dff5ff00;--chat-message-glow-hover:#dff5ffe6;background:#dff5ff;align-self:flex-start}.chat-message-header{color:#8f4a68;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-message-header span{display:block}.chat-message-header small{color:#9b6a7d}.chat-message-meta{align-items:baseline;gap:6px;display:flex}.chat-message-time{color:#b8547c;white-space:nowrap;font-size:12px}.chat-day-separator{color:#b8547c;justify-content:center;align-self:center;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.chat-day-separator:before,.chat-day-separator:after{content:"";border-top:1px dashed #efb5cb;flex:1;max-width:46px}.chat-day-separator span{background:#fff8fb;border:1px solid #efb5cb;border-radius:999px;padding:3px 10px;box-shadow:0 3px 10px #78364f1a}.chat-message p{overflow-wrap:anywhere;word-break:break-word;margin:0}.chat-inline-actions{gap:6px;margin-top:6px;display:flex}.chat-inline-actions button,.chat-menu-popover button,.emote-trigger,.emote-menu button{color:#8f4a68;cursor:pointer;background:#fff8fb;border:1px solid #efb5cb;border-radius:4px;padding:3px 7px}.chat-actions-menu{z-index:4;position:absolute;top:50%;transform:translateY(-50%)}.chat-message.his .chat-actions-menu{left:calc(100% + 8px)}.chat-message.her .chat-actions-menu{right:calc(100% + 8px)}.chat-menu-popover{background:#fff8fb;border:1px solid #efb5cb;border-radius:6px;gap:4px;min-width:82px;padding:5px;display:grid;box-shadow:0 8px 18px #78364f29}.chat-menu-popover button{text-align:left}.chat-edit-form{flex-direction:column;gap:6px;display:flex}.chat-compose{border-top:2px solid #e58aad;margin:0 -14px -14px;padding:10px 14px;position:relative}.emote-menu{z-index:5;background:#fff8fb;border:1px solid #efb5cb;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:6px;width:min(300px,100% - 24px);padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:14px;right:auto;box-shadow:0 8px 18px #78364f29}.emote-trigger{border-radius:999px;place-items:center;width:38px;min-width:38px;height:38px;padding:0;font-family:ui-rounded,SF Pro Rounded,Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:18px;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,transform 90ms;display:grid}.emote-trigger:hover{background:#fff0f6;border-color:#e68bb1;box-shadow:0 2px 8px #c75b842e}.emote-trigger:active{transform:scale(.96)}.emote-menu button{white-space:nowrap;border-radius:999px;place-items:center;width:auto;min-width:30px;height:30px;padding:0 9px;font-family:ui-rounded,SF Pro Rounded,Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:13px;line-height:1;display:grid}.chat-form{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.guest-chat .guest-blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.guest-chat .chat-compose{display:none}.guest-chat-placeholder{min-height:64px}.guest-chat-line{background:#8f4a683d;border-radius:999px;height:10px;margin-top:9px;display:block}.guest-chat-line.short{width:62%}.empty-text{color:#9b6a7d}.youtube-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}.cupid-player{width:min(100%,380px)}.pixel-window{aspect-ratio:306/497;width:100%;image-rendering:pixelated;position:relative;overflow:hidden}.layer,.frame-layer{-webkit-user-select:none;user-select:none;pointer-events:none;width:171.9%;height:auto;position:absolute;top:-4.62777%;left:-35.95%}.control-layer{z-index:7}.progress-stars-layer,.progress-star-layer,.volume-bar-layer{z-index:8}.playmode-layer.inactive{opacity:.42}.window-title{z-index:5;color:#78364f;margin:0;font-size:22px;line-height:1;position:absolute;top:7%;left:8%;transform:translateY(-50%)}.blue .window-title{color:#063940}.owner-social-links{z-index:8;align-items:center;gap:5px;display:flex;position:absolute;top:7%;right:8%;transform:translateY(-50%)}.owner-social-links a{color:#78364f;opacity:.88;font-size:15px;font-weight:700;line-height:1;text-decoration:none}.owner-social-links a:hover,.owner-social-links a:focus-visible{opacity:1;text-decoration:underline}.blue .owner-social-links a{color:#063940}.record-player-base,.record-disc,.record-needle{-webkit-user-select:none;user-select:none;pointer-events:none;width:65.35%;position:absolute;top:24.15%;left:50%;transform:translate(-50%)}.record-disc.playing{filter:drop-shadow(0 0 6px #ffffff8c)}.album-link{aspect-ratio:1;z-index:6;cursor:pointer;width:13.8%;position:absolute;top:67%;left:11.8%}.album-art{object-fit:cover;object-position:center;image-rendering:auto;width:100%;height:100%;display:block}.album-frame{pointer-events:none;z-index:4;width:171.9%;position:absolute;top:-4.62777%;left:-36.27%}.track-text{z-index:5;color:#8a6a7a;flex-direction:column;width:52%;display:flex;position:absolute;top:66.8%;left:27.8%}.track-text strong{color:#5a3a4a;white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:400;overflow:hidden}.blue .track-text strong{color:#063940}.track-text em{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.time-row{color:#5a3a4a;z-index:5;justify-content:space-between;width:80%;display:flex;position:absolute;top:91.8%;left:8.5%}.progress-track{z-index:10;cursor:pointer;background:0 0;border:0;width:78.8%;height:2%;position:absolute;top:89.8%;left:9.8%}.progress-track span{display:none}.blue .progress-track span{background:#7dbbd6}.player-controls{z-index:12;pointer-events:none;position:absolute;inset:0}.control-hitbox,.playback-hitbox,.playmode-hitbox,.volume-slider-hitbox,.volume-hitbox{cursor:pointer;opacity:1;pointer-events:auto;background:0 0;border:0;width:14.4%;height:6.3%;padding:0;position:absolute}.playmode-hitbox{top:79.5%;left:4.6%}.previous-hitbox{top:79.5%;left:20.3%}.playback-hitbox{top:79.5%;left:42.5%}.next-hitbox{top:79.5%;left:65.4%}.volume-hover-zone{pointer-events:auto;width:10%;height:22%;position:absolute;top:63%;left:80%}.volume-hitbox{width:65%;height:14%;top:82%;left:20%}.volume-slider-hitbox{width:58%;height:72%;top:10%;left:22%}.volume-hover-zone input{accent-color:#f68ab3;opacity:0;pointer-events:none;writing-mode:vertical-lr;direction:rtl;width:58%;height:72%;position:absolute;top:10%;left:22%}.blue .volume-hover-zone input{accent-color:#7dbbd6}.record-editor-trigger{z-index:6;cursor:pointer;background:0 0;border:0;width:66%;height:39%;position:absolute;top:23%;left:17%}.song-editor-popover{z-index:20;width:84%;position:absolute;top:12%;left:8%}.song-editor-popover .song-editor{background:#fffafcf5;width:100%}.blue .song-editor-popover .song-editor{background:#eef9fdf5;border-color:#7dbbd6;box-shadow:0 8px 24px #06394024}.blue .song-editor input,.blue .song-editor textarea{border-color:#8cc6dc;outline-color:#d86c96}.blue .song-editor .small-button{color:#063940;background:#dff5ff;border-color:#7dbbd6}.blue .song-editor .small-button:hover{color:#78364f;background:#ffdeea;border-color:#d86c96}.blue .editor-close{color:#063940}.playlist-panel{background:#fffafceb;border:2px solid #e58aad;border-radius:8px;width:min(100%,380px);margin-top:8px;padding:10px;box-shadow:0 8px 24px #78364f24}.playlist-panel h2{border-bottom:2px solid #e58aad;margin:0 -10px 8px;padding:0 10px 8px;font-size:22px;font-weight:400}.playlist-panel ul{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.playlist-panel li{will-change:transform;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;transition:opacity .16s,filter .16s;display:grid;position:relative}.playlist-panel li[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.playlist-panel li[draggable=true]:active{cursor:grabbing}.playlist-panel li.dragging{z-index:2;opacity:0}.playlist-panel li.settings-open{z-index:20}.playlist-drag-image{z-index:-1;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;list-style:none;display:grid;position:fixed;top:-1000px;left:-1000px}.playlist-drag-image .tiny-heart-button,.playlist-drag-image .playlist-song-card,.playlist-drag-image .playlist-actions button{border-color:#d86c96;box-shadow:0 6px 16px #78364f29}.playlist-entry{min-width:0}.playlist-main-row{grid-template-columns:32px minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.playlist-main-row.no-heart{grid-template-columns:minmax(0,1fr)}.playlist-main-row .tiny-heart-button{width:32px;height:100%}.playlist-song-card{color:#5d3046;text-align:left;background:#fff8fb;border:1px solid #efb5cb;border-radius:4px;grid-template-columns:minmax(0,1fr) 24px;align-items:center;width:100%;padding:0;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid;position:relative}.playlist-song-button{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:6px;display:grid}.playlist-song-button img{aspect-ratio:1;object-fit:cover;object-position:center;width:42px;display:block}.playlist-song-button span,.playlist-song-button strong,.playlist-song-button em{min-width:0}.playlist-song-button strong,.playlist-song-button em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.playlist-song-button strong{font-weight:400}.playlist-song-button em{color:#8f4a68;font-style:normal}.playlist-note{color:#8f4a68;min-width:0;margin:0}.playlist-song-footer{justify-content:space-between;align-items:center;gap:8px;padding:4px 2px 0;display:flex}.playlist-note{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tiny-heart-button{color:#c75b84;cursor:pointer;background:#fff8fb;border:1px solid #efb5cb;border-radius:4px;flex:none;place-items:center;width:26px;height:24px;padding:0;line-height:1;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.tiny-heart-button.active{color:#9f315c;background:#ffd8e7}.tiny-heart-button.read-only{cursor:default}.playlist-actions{grid-template-columns:30px;align-self:start;gap:4px;height:56px;display:grid;position:relative}.playlist-move-actions{grid-template-rows:repeat(2,1fr);gap:4px;height:56px;display:grid}.playlist-settings-wrap{position:relative}.playlist-settings-wrap.in-track{place-items:center;height:100%;padding-right:3px;display:grid}.playlist-actions button,.playlist-description-editor button,.playlist-settings-button,.playlist-settings-menu button{color:#8f4a68;cursor:pointer;background:#fff8fb;border:1px solid #efb5cb;border-radius:4px;place-items:center;width:30px;height:100%;padding:0;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.playlist-arrow{clip-path:polygon(0 0,100% 0,50% 100%);background:currentColor;width:8px;height:7px;display:block}.playlist-arrow.up{transform:scaleY(-1)}.playlist-settings-button{background:0 0;border-color:#0000;width:20px;height:38px}.playlist-settings-dots{place-items:center;gap:2px;display:grid}.playlist-settings-dots span{background:currentColor;border-radius:999px;width:2px;height:2px}.playlist-settings-menu{z-index:30;background:#fff2f8;border:1px solid #e58aad;border-radius:6px;grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;min-width:132px;height:100%;padding:3px;display:grid;position:absolute;right:calc(100% + 6px);box-shadow:0 8px 18px #78364f29}.playlist-settings-wrap.menu-single .playlist-settings-menu,.playlist-settings-wrap.menu-top .playlist-settings-menu{top:0}.playlist-settings-wrap.menu-middle .playlist-settings-menu{top:50%;transform:translateY(-50%)}.playlist-settings-wrap.menu-bottom .playlist-settings-menu{bottom:0}.playlist-settings-menu button{text-align:left;white-space:nowrap;justify-items:start;width:auto;height:auto;min-height:0;padding:2px 8px}.playlist-description-editor button{text-align:left;width:auto;height:auto;min-height:26px;padding:4px 8px}.playlist-settings-menu button:hover{background:#ffdeea;border-color:#d86c96}.playlist-description-editor{gap:6px;padding-top:6px;display:grid}.playlist-description-editor input,.playlist-description-editor textarea{color:#5d3046;background:#fff8fb;border:1px solid #efb5cb;border-radius:4px;width:100%;padding:6px}.playlist-description-editor textarea{resize:vertical;min-height:54px}.playlist-description-editor div{gap:6px;display:flex}.player-error{z-index:8;margin:0;position:absolute;bottom:12%;left:28%}@media (max-width:980px){.main-grid{grid-template-columns:1fr}.chat-panel{height:420px}}@media (max-width:720px){.page,.login-page{padding:14px}.topbar{align-items:flex-start}.players-grid{grid-template-columns:1fr}h1{font-size:34px}}