: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}*{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:#d4cec6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;gap:20px}.mobile-logo{display:none}.desktop-logo img{height:48px;width:auto}.desktop-message-box{background-color:#faf8f5;border-radius:10px;padding:24px 28px;max-width:340px;text-align:center}.message{font-size:14px;line-height:1.7;color:#1a1a1a}.desktop-signature{font-size:14px;color:#1a1a1a;text-align:right;width:100%;max-width:340px;margin-top:-6px}.heart{color:#e74c3c}.mobile-message-box{display:none}.playlists{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;margin-top:8px}.playlist-card{display:flex;align-items:center;justify-content:space-between;background-color:#faf8f5;border-radius:12px;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 img{height:42px}.desktop-message-box{padding:20px 24px;max-width:300px}.message{font-size:13px}.desktop-signature{font-size:13px;max-width:300px}.playlists{max-width:300px;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:0;align-items:flex-start}.page{max-width:100%;min-height:100vh;min-height:100dvh}.card{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:#e8e0d5;border-radius:0;box-shadow:none}.mobile-logo{display:flex;justify-content:center;padding:20px 20px 12px;order:1}.mobile-logo img{height:40px;width:auto}.card-image{order:2;padding:0 16px;position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;background-color:transparent}.card-image>img{width:100%;height:auto;max-height:calc(100vh - 260px);max-height:calc(100dvh - 260px);object-fit:contain;border-radius:14px}.mobile-message-box{display:block;position:absolute;bottom:16px;left:28px;right:28px;background-color:#faf8f5f7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:18px 20px}.mobile-message-box .message{font-size:12.5px;line-height:1.6;text-align:left;margin-bottom:10px}.mobile-message-box .signature{font-size:12.5px;text-align:right}.card-content{order:3;background-color:transparent;border-radius:0;padding:24px 20px 32px;gap:16px;flex:none}.desktop-logo,.desktop-message-box,.desktop-signature{display:none}.playlists{max-width:100%;gap:10px;margin-top:0}.playlist-card{padding:12px 16px;border-radius:10px}.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:14px 16px}.mobile-message-box .message,.mobile-message-box .signature{font-size:11.5px}.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}}