:root{color-scheme:light dark;--essential-bg:light-dark(#faf9f5,#12151b);--essential-panel:light-dark(#fff,#1b2029);--essential-text:light-dark(#18201f,#f5f4ef);--essential-muted:light-dark(#626963,#adb4bc);--essential-line:light-dark(#e2e4dc,#323842);--essential-tint:light-dark(#f0eee6,#242932);--essential-accent:#c14d2e;--essential-on-accent:#fff}
*{box-sizing:border-box}html{background:var(--essential-bg);scroll-behavior:smooth}body{margin:0;background:var(--essential-bg);color:var(--essential-text);font-family:'DM Sans',system-ui,sans-serif}#siteRoot{width:min(1080px,100%);margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:0 36px}#siteRoot[hidden],[hidden]{display:none!important}.public-actions,.site-install{display:none!important}body:has(#siteRoot[data-classic-style=essential]){padding-bottom:0}
.essential-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--essential-line);padding:22px 0}.essential-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;text-decoration:none;color:var(--essential-text);min-width:0}.essential-brand-mark{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--essential-accent);font-size:12px}.essential-brand-mark img{max-width:100%;max-height:100%;object-fit:contain}#navName{overflow-wrap:anywhere}.essential-live{display:flex;align-items:center;gap:7px;color:light-dark(#226943,#8bc4a5);font-size:11px;letter-spacing:.07em;white-space:nowrap}.essential-live i{width:6px;height:6px;border-radius:50%;background:currentColor}
.essential-main{display:flex;align-items:center;flex-direction:column;text-align:center;padding:42px 0 30px;flex:1}.essential-logo{display:grid;place-items:center;background:var(--essential-tint);border:1px solid var(--essential-line);width:138px;height:138px;border-radius:28px;margin-bottom:26px;overflow:hidden;padding:16px}.essential-logo img{max-width:100%;max-height:100%;object-fit:contain}.essential-logo #monogram{font-size:21px;letter-spacing:-1px;font-weight:700}.essential-slogan{font-size:11px;letter-spacing:.13em;color:var(--essential-muted);margin:0 0 14px;max-width:600px;overflow-wrap:anywhere}h1{font-size:clamp(34px,5.5vw,62px);letter-spacing:-2px;line-height:1.1;font-weight:700;margin:0;max-width:100%;overflow-wrap:anywhere}.essential-description{font-size:14px;line-height:1.65;color:var(--essential-muted);max-width:480px;margin:18px 0 28px}.essential-player{display:flex;align-items:center;gap:18px;text-align:left;width:min(100%,620px);min-width:0;border:1px solid var(--essential-line);background:var(--essential-panel);border-radius:14px;padding:18px 20px}.essential-play{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:0;border-radius:50%;background:var(--essential-accent);color:var(--essential-on-accent);font-size:19px}.essential-track{display:grid;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}.essential-track small{font-size:10px;letter-spacing:.08em;color:var(--essential-muted)}.essential-track strong{font-size:14px;font-weight:700}.essential-track>span{font-size:12px;color:var(--essential-muted)}.essential-volume{display:flex;align-items:center;gap:6px;width:108px;flex-shrink:0}.essential-volume button{border:0;background:transparent;color:var(--essential-muted);font-size:20px;min-width:36px;min-height:44px}.essential-volume input{width:100%;min-width:0;accent-color:var(--essential-accent)}
.actions{margin-top:22px}#socials{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}#socials a{color:var(--essential-muted);font-size:12px;display:flex;gap:6px;align-items:center;min-height:44px;padding:8px 11px;text-decoration:none;border-radius:8px}#socials a:hover{background:var(--essential-tint);color:var(--essential-text)}#socials a>span{font-size:18px}.essential-services{display:grid;grid-template-columns:1fr auto;align-items:start;gap:18px;border-top:1px solid var(--essential-line);padding:20px 0}.essential-install{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--essential-muted);font:inherit;font-size:12px;min-height:44px;text-align:left;width:fit-content}.essential-install>span:first-child{font-size:24px}.essential-install small{display:block;font-size:11px;margin-top:3px}.essential-chat-slot{grid-column:2;min-width:0}.essential-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:var(--essential-muted);padding:0 0 24px}.essential-footer a{color:var(--essential-muted);text-decoration:none}.essential-footer strong{color:var(--essential-text);font-weight:500}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--essential-accent);outline-offset:4px}.essential-install-help{background:var(--essential-panel);color:var(--essential-text);border:1px solid var(--essential-line);border-radius:16px;padding:24px;width:min(420px,calc(100% - 28px))}.essential-install-help::backdrop{background:#0008}.essential-install-help button{background:var(--essential-accent);color:var(--essential-on-accent);padding:11px 15px;border:0;border-radius:8px}.essential-install-help #closeInstallHelp{float:right;background:transparent;color:var(--essential-text);font-size:24px}
/* Reuse the existing chat and its permissions; only its placement is different. */
#essentialChatSlot .dm-chat{position:static;display:flex;flex-direction:column;align-items:flex-end;width:auto;color:var(--essential-text);font-family:inherit;z-index:auto;--chat-accent:var(--essential-accent)}#essentialChatSlot .dm-chat-toggle{order:0;border:1px solid var(--essential-line);border-radius:999px;background:var(--essential-panel);color:var(--essential-text);font-size:12px;font-weight:500;padding:12px 16px}#essentialChatSlot .dm-chat-panel{order:1;margin:12px 0 0;width:360px;max-width:100%;max-height:none;overflow:visible;background:var(--essential-panel);border-color:var(--essential-line);box-shadow:none}#essentialChatSlot .dm-chat header{position:static;background:var(--essential-panel);border-color:var(--essential-line)}#essentialChatSlot .dm-chat header button{color:var(--essential-text)}#essentialChatSlot .dm-chat-status{color:var(--essential-muted)}#essentialChatSlot .dm-chat-welcome,#essentialChatSlot .dm-chat-message{background:var(--essential-tint);color:var(--essential-text)}#essentialChatSlot .dm-chat-message.visitor{background:color-mix(in srgb,var(--essential-accent) 12%,var(--essential-panel))}#essentialChatSlot .dm-chat-message time{color:var(--essential-muted)}#essentialChatSlot .dm-chat form{border-color:var(--essential-line)}#essentialChatSlot .dm-chat input,#essentialChatSlot .dm-chat textarea{background:var(--essential-bg);color:var(--essential-text);border-color:var(--essential-line)}#essentialChatSlot .dm-chat form>button{background:var(--essential-accent);color:var(--essential-on-accent)}#essentialChatSlot .dm-chat-messages{height:190px;max-height:30dvh}
@media(max-width:600px){#siteRoot{padding:0 22px}.essential-top{padding:19px 0}.essential-main{padding:30px 0}.essential-logo{width:120px;height:120px;margin-bottom:24px}.essential-player{padding:15px;gap:12px}.essential-volume{width:36px}.essential-volume input{display:none}.essential-services{grid-template-columns:1fr;gap:12px;justify-items:center}.essential-chat-slot{grid-column:1;width:100%}#essentialChatSlot .dm-chat{align-items:center;width:100%}#essentialChatSlot .dm-chat-panel{width:100%}.essential-footer{justify-content:center;flex-wrap:wrap}.essential-footer>span{display:none}.essential-description{font-size:13px}h1{letter-spacing:-1.4px}.essential-install{justify-content:center}#essentialChatSlot .dm-chat-messages{height:140px;max-height:30dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Uploaded transparent logos are not app-icon cards. Keep their own silhouette. */
.essential-logo{background:transparent;border:0;border-radius:0;box-shadow:none}