/* Desktop notice layout. Its fixed light palette and design tokens live in theme.css. */
html[data-desktop-blocked] body{margin:0!important;min-height:100svh;overflow:auto!important;zoom:1!important;background:var(--desktop-bg)!important;color:var(--desktop-ink)!important}
html[data-desktop-blocked] body>:not(#pathDesktopNotice):not(script):not(noscript){display:none!important}
#pathDesktopNotice{display:none}
html[data-desktop-blocked] #pathDesktopNotice{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100svh;width:100%;padding:48px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left));font-family:var(--font);font-size:16px;line-height:1.5;text-align:center;-webkit-text-size-adjust:100%;color-scheme:light}
#pathDesktopNotice *{box-sizing:border-box}
.desktop-wordmark{display:block;width:104px;height:50px;background:var(--desktop-ink);-webkit-mask:url(/logo-mask.png) center/contain no-repeat;mask:url(/logo-mask.png) center/contain no-repeat;flex-shrink:0}
.desktop-card{width:100%;max-width:380px;padding:38px 28px 32px;border-radius:var(--desktop-card-radius);background:var(--desktop-surface);box-shadow:var(--desktop-shadow)}
.desktop-laptop{display:block;width:170px;max-width:100%;height:auto;margin:0 auto 24px;color:var(--desktop-ink);stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.desktop-screen{fill:var(--desktop-green-soft)}
.desktop-sparkle{stroke:var(--desktop-green-ink)}
#desktopNoticeTitle{margin:0;font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.desktop-copy{margin:16px 0 24px;font-size:17px;color:var(--desktop-muted);text-wrap:balance}
.desktop-url{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;max-width:100%;padding:12px 20px;border:0;border-radius:var(--desktop-pill-radius);background:var(--desktop-green-soft);color:var(--desktop-ink);font:500 18px/1.4 var(--font);cursor:pointer}
.desktop-url svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.desktop-url:hover{background:var(--desktop-green-hover)}
#pathDesktopNotice :focus-visible{outline:3px solid var(--desktop-ink);outline-offset:4px}
.desktop-thanks{margin:24px 0 0;color:var(--desktop-muted);font-size:14px}
.desktop-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;width:100%;max-width:380px;font-size:13px}
.desktop-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--desktop-muted);text-decoration:underline;text-underline-offset:3px}
.desktop-links a:hover{color:var(--desktop-ink)}
.desktop-fallback:not([hidden]){display:block;margin-top:20px;text-align:left;color:var(--desktop-muted);font-size:14px}
.desktop-fallback input{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid var(--desktop-muted);border-radius:var(--desktop-input-radius);padding:8px;color:var(--desktop-ink);background:var(--desktop-surface);font:16px var(--font)}
.desktop-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.desktop-status.manual,.desktop-status.copied{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:12px 0 0;font-size:14px;color:var(--desktop-muted)}
@media (max-width:350px){.desktop-card{padding:30px 22px}.desktop-url{font-size:17px}#desktopNoticeTitle{font-size:26px}}
@media (max-height:540px){html[data-desktop-blocked] #pathDesktopNotice{justify-content:flex-start;gap:20px;padding-top:24px}.desktop-wordmark{width:88px;height:42px}}
@media (forced-colors:active){.desktop-wordmark{background:CanvasText}.desktop-card{border:1px solid CanvasText}.desktop-url{border:1px solid ButtonText}.desktop-laptop{color:CanvasText}}