.zz-sun-lock{overflow:hidden}
.zz-sun-m{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(3,6,14,.62);backdrop-filter:blur(3px)}
.zz-sun-box{position:relative;width:min(480px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:26px 24px 22px;border-radius:20px;background:#fff;color:#111827;border:1px solid #e5e7eb;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);font-family:inherit}
:root[data-mode=dark] .zz-sun-box,:root:not([data-mode]) .zz-sun-box{background:#111827;color:#f3f4f6;border-color:#374151}
.zz-sun-box h2{margin:0 36px 14px 0;font-size:19px;line-height:1.35;letter-spacing:-.02em}
.zz-sun-box ul{margin:0 0 20px;padding-left:18px;display:grid;gap:8px;font-size:15px;line-height:1.55}
.zz-sun-box b{color:inherit;font-weight:800}
.zz-sun-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:12px;border:1px solid currentColor;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.75}
.zz-sun-x:hover{opacity:1}
.zz-sun-a{display:flex;gap:8px;flex-wrap:wrap}
.zz-sun-go,.zz-sun-day{flex:1 1 160px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}
.zz-sun-go{background:#c8162a;color:#fff;border:0}
.zz-sun-go:hover{background:#a3101f}
.zz-sun-day{background:transparent;color:inherit;border:1px solid currentColor}
.zz-sun-day:hover{background:rgba(127,127,127,.15)}
.zz-sun-m :focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.zz-sun-bar{position:fixed;left:0;right:0;bottom:0;z-index:1500;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#111827;color:#f9fafb;border-top:1px solid #374151;box-shadow:0 -10px 30px -12px rgba(0,0,0,.5);font-size:14px;line-height:1.45}
.zz-sun-bar p{margin:0;flex:1;min-width:0}
.zz-sun-bar b{color:#fcd34d}
.zz-sun-bar a{color:#93c5fd;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.zz-sun-bar a:hover{color:#bfdbfe}
.zz-sun-bar button{flex:none;width:44px;height:44px;border-radius:10px;border:1px solid #4b5563;background:transparent;color:#f9fafb;font-size:20px;cursor:pointer}
.zz-sun-bar button:hover{background:#1f2937}
.zz-sun-bar :focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.zz-sun-on body{padding-bottom:64px}
@media (max-width:760px){
	.zz-sun-bar{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:8px;font-size:13px}
	.zz-sun-on body{padding-bottom:132px}
}