:root { --dl-accent: #8ab4f8; --dl-bg: #202124; --dl-card: #282a2d; --dl-text: #f1f3f4; --dl-text-muted: #9aa0a6; }
#desktop-landing { position: fixed; inset: 0; z-index: 1500; display: grid; place-items: center; overflow: auto; padding: 42px; background-color: var(--dl-bg); background-image: radial-gradient(circle, rgba(138, 180, 248, 0.2) 1.5px, transparent 1.7px); background-size: 34px 34px; color: var(--dl-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.dl-bg, .dl-overlay { display: none; }
.dl-content { position: relative; width: min(100%, 760px); border: 1px solid rgba(154, 160, 166, 0.3); border-radius: 16px; background: rgba(40, 42, 45, 0.98); padding: 46px; display: grid; grid-template-columns: minmax(0, 1fr) 250px; grid-template-areas: "title qr" "subtitle qr" "instruction qr" "url qr"; column-gap: 48px; align-items: end; box-shadow: 0 34px 100px rgba(0, 0, 0, 0.5); }
.dl-content::before { content: ""; position: absolute; top: 0; left: 46px; width: 64px; height: 4px; background: var(--dl-accent); }
.dl-title { grid-area: title; margin: 0; color: var(--dl-text); font-size: clamp(92px, 12vw, 148px); line-height: 0.68; font-weight: 740; letter-spacing: -0.095em; text-transform: lowercase; }
.dl-subtitle { grid-area: subtitle; margin: 22px 0 44px; color: var(--dl-text-muted); font-size: 15px; line-height: 1.45; }
.dl-qr-wrap { grid-area: qr; display: flex; justify-content: center; }
.dl-qr { padding: 16px; border-radius: 10px; background: #fff; line-height: 0; }
.dl-qr img, .dl-qr canvas { display: block; width: 218px; height: 218px; image-rendering: pixelated; }
.dl-instruction { grid-area: instruction; margin: 0 0 13px; color: var(--dl-text-muted); font-size: 13px; line-height: 1.5; }
.dl-url { grid-area: url; display: inline-block; justify-self: start; max-width: 100%; overflow-wrap: anywhere; border-left: 2px solid var(--dl-accent); background: var(--dl-bg); padding: 9px 13px; color: var(--dl-text); font-family: "SF Mono", Menlo, Consolas, monospace; font-size: 12px; user-select: all; }
@media (max-width: 899px), (hover: none) and (pointer: coarse) { #desktop-landing { display: none !important; } }
#landscape-overlay { position: fixed; inset: 0; z-index: 1600; display: flex; align-items: center; justify-content: center; padding: 24px; background: var(--dl-bg); color: var(--dl-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.lo-content { max-width: 360px; text-align: center; }
.lo-icon { width: 72px; height: 72px; margin-bottom: 18px; color: var(--dl-accent); }
.lo-title { margin: 0 0 7px; color: var(--dl-text); font-size: 22px; font-weight: 820; }
.lo-subtitle { margin: 0; color: var(--dl-text-muted); font-size: 14px; line-height: 1.5; }