:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-width:320px}.paint-container{display:block;height:100%;width:100%;object-fit:contain}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#e8e0d5;min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.page{width:100%;max-width:960px}.card{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014}.card-image{position:relative;background-color:#e8e0d5}.card-image>img{width:100%;height:100%;object-fit:cover;display:block}.card-content{background-color:#b8b4ae;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;gap:20px}.mobile-logo{display:none}.desktop-logo{height:108px;width:180px}.gold-logo-wrapper{position:relative;width:100%;height:100%}.gold-logo-fallback{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.gold-logo-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:173%;transition:opacity .3s ease}.gold-logo-canvas canvas{width:100%!important;height:100%!important;object-fit:contain}.glass-card{background:#ffffff5e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 8px 4px #fff6;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.glass-card:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.desktop-message-box{border-radius:20px;padding:24px 28px;width:400px;max-width:100%;text-align:left}.message-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.message{font-size:15px;line-height:1.7;color:#1a1a1a;white-space:pre-line}.message-signature{font-size:13px;font-weight:500;color:#1a1a1a;margin-top:16px;text-align:right}.mobile-message-box{display:none}.playlists{display:flex;flex-direction:column;gap:12px;width:400px;max-width:100%;margin-top:8px}.playlist-card{display:flex;align-items:center;justify-content:space-between;border-radius:20px;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease}.playlist-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.playlist-header{display:flex;align-items:center;gap:10px}.playlist-emoji{font-size:20px;line-height:1}.playlist-name{font-size:14px;font-weight:600;color:#1a1a1a}.playlist-links{display:flex;align-items:center;gap:10px}.platform-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#e8e0d5;transition:transform .2s ease,background-color .2s ease}.platform-link:hover{transform:scale(1.1)}.platform-link.spotify:hover{background-color:#1db95426}.platform-link.youtube:hover{background-color:#ff00001a}.platform-icon{width:22px;height:22px}.language-dropdown{position:relative;margin-top:20px}.dropdown-trigger{display:flex;align-items:center;gap:10px;background:#faf8f5;border:1px solid #ccc;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:160px}.dropdown-trigger:hover{border-color:#999}.dropdown-label{flex:1;text-align:left}.chevron-icon{transition:transform .2s ease;color:#666;transform:rotate(180deg)}.chevron-icon.open{transform:rotate(0)}.dropdown-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#faf8f5;border:1px solid #ccc;border-radius:8px;list-style:none;padding:6px 0;box-shadow:0 4px 16px #0000001f;z-index:100;max-height:200px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#1a1a1a;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background-color:#f0ebe5}.dropdown-item.active{background-color:#e8e0d5;font-weight:500}@media(max-width:900px){#root{padding:24px}.page{max-width:100%}.card-content{padding:36px 28px;gap:16px}.desktop-logo{height:108px;width:180px}.gold-logo-canvas{height:173%}.message-title{font-size:15px;margin-bottom:10px}.message{font-size:13px}.playlists{gap:10px}.playlist-card{padding:12px 16px}.playlist-emoji{font-size:18px}.playlist-name{font-size:13px}.platform-link{width:32px;height:32px}.platform-icon{width:20px;height:20px}.language-dropdown{margin-top:16px}.dropdown-trigger{padding:8px 12px;font-size:13px;min-width:140px}.dropdown-item{padding:8px 12px;font-size:13px}}@media(max-width:600px){#root{padding:16px;align-items:flex-start}.page{max-width:100%}.card{display:flex;flex-direction:column;background-color:#e8e0d5;border-radius:16px;box-shadow:0 4px 24px #00000014;position:relative;overflow:hidden}.card-image{position:absolute;inset:0;z-index:0;padding:0}.card-image>img{width:100%;height:100%;object-fit:cover;border-radius:0}.mobile-message-box{display:none}.mobile-logo{display:flex;justify-content:center;position:relative;z-index:1;padding:32px 0 20px;height:140px;width:100%}.mobile-logo>div{height:108px;width:180px}.gold-logo-canvas{height:173%}.mobile-logo img{height:108px;width:180px}.card-content{position:relative;z-index:1;background-color:transparent;border-radius:0;padding:0 20px 32px;gap:16px;flex:1;justify-content:flex-start}.desktop-logo{display:none}.desktop-message-box{display:block;border-radius:20px;padding:16px 18px;width:100%;text-align:left;margin-top:20px}.desktop-message-box .message-title{font-size:14px;margin-bottom:8px}.desktop-message-box .message{font-size:13px;line-height:1.6}.desktop-message-box .message-signature{font-size:12px;margin-top:12px}.playlists{max-width:100%;gap:10px;margin-top:0}.playlist-card{padding:12px 16px;border-radius:20px}.playlist-emoji{font-size:18px}.playlist-name{font-size:13px}.playlist-links{gap:8px}.platform-link{width:34px;height:34px}.platform-icon{width:20px;height:20px}.language-dropdown{margin-top:8px}}@media(max-width:380px){.mobile-message-box{left:20px;right:20px;padding:12px 14px}.mobile-message-box .message-title{font-size:12px}.mobile-message-box .message{font-size:10.5px}.mobile-message-box .message-signature{font-size:10px;margin-top:8px}.playlist-card{padding:10px 14px}.playlist-emoji{font-size:16px}.playlist-name{font-size:12px}.playlist-links{gap:6px}.platform-link{width:30px;height:30px}.platform-icon{width:18px;height:18px}}