/* Luna Day public pages and shared preferences. */
:root{--primary:#0787ed;--primary-soft:#e9f4ff;--own:#e5f2ff;--luna-page:#fff;--luna-ink:#111e35;--luna-muted:#63738d;--luna-line:#e0e7ef;--luna-blue:#008df4}
html[data-theme=dark]{--primary:#65baff;--primary-soft:#163653;--own:#16395c;--luna-page:#0b1220;--luna-ink:#edf4ff;--luna-muted:#a3b2ca;--luna-line:#23334a;--luna-blue:#64baff}
.luna-landing{min-height:100dvh;display:flex;flex-direction:column;background:var(--luna-page);color:var(--luna-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif}
.luna-header{border-bottom:1px solid var(--luna-line);background:var(--luna-page);position:relative;z-index:10}
.luna-header-inner{max-width:1392px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.luna-nav{display:flex;align-items:stretch;gap:28px;min-height:72px}
.luna-nav a,.luna-nav-link,.luna-nav-login{font-size:.9375rem;font-weight:600;display:inline-flex;align-items:center;background:none;color:inherit;padding:12px 0;position:relative;min-height:44px;text-decoration:none}
.luna-nav a:hover,.luna-nav-link:hover,.luna-nav-login{color:var(--luna-blue)}
.luna-nav .luna-nav-home{color:var(--luna-blue)}
.luna-nav-home:after{content:'';height:3px;background:var(--luna-blue);position:absolute;bottom:0;inset-inline:0;border-radius:3px 3px 0 0}
.luna-header-tools{display:flex;align-items:center;gap:22px}
.luna-header-tools>.luna-theme-switch{border-inline:1px solid var(--luna-line);padding-inline:18px}
.luna-content{flex:1}
.luna-hero{text-align:center;padding:42px 20px 0;display:flex;flex-direction:column;align-items:center;scroll-margin-top:20px;outline:none}
.luna-logo{display:block;width:132px;height:132px;margin-bottom:14px}
.luna-hero h1{font-size:clamp(2.7rem,4.4vw,3.75rem);line-height:1.12;letter-spacing:-.04em;font-weight:760;color:var(--luna-ink);overflow-wrap:anywhere}
.luna-tagline{font-size:clamp(1.15rem,2.1vw,1.625rem);font-weight:450;line-height:1.4;color:var(--luna-muted);margin-top:10px;max-width:680px;text-wrap:balance}
.luna-open{margin-top:26px;border:1px solid #0086ed;border-radius:15px;background:#078ff5;box-shadow:0 3px 0 #0675d010;color:#fff;padding:14px 28px;min-height:58px;min-width:300px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1875rem;font-weight:650;line-height:1.4;transition:background .15s,transform .15s}
.luna-open svg{width:20px;height:20px}.luna-open:hover{background:#007eda;transform:translateY(-1px)}.luna-open:active{transform:translateY(1px)}
.luna-quick{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:.9375rem;color:var(--luna-muted)}
.luna-telegram{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--luna-blue);padding:8px 2px;font-weight:550;min-height:44px}
.luna-telegram svg{padding:5px;width:30px;height:30px;border-radius:50%;background:#23a6dd;color:white}
.luna-guest{font-size:.875rem;padding:10px 8px;min-height:42px;margin-top:5px;background:none;color:var(--luna-muted);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--luna-muted) 40%,transparent)}
.luna-intro{font-size:1.0625rem;color:var(--luna-muted);margin-top:10px;max-width:700px;text-wrap:balance}
.luna-features{max-width:1160px;margin:15px auto 38px;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:0;scroll-margin-top:30px}
.luna-feature{text-align:center;min-width:0;padding-bottom:8px;display:flex;flex-direction:column;align-items:center}
.luna-robot-art{width:100%;max-width:290px;aspect-ratio:1;background-image:url('./images/robots-sprite.png');background-size:300% 200%;background-repeat:no-repeat;flex-shrink:0;margin-bottom:-25px;transition:transform .22s ease;pointer-events:none}
.luna-feature:hover .luna-robot-art{transform:translateY(-5px)}
.scene-0{background-position:0 0}.scene-1{background-position:50% 0}.scene-2{background-position:100% 0}.scene-3{background-position:0 100%}.scene-4{background-position:50% 100%}.scene-5{background-position:100% 100%}
.luna-feature h2{font-size:1.25rem;font-weight:700;color:var(--luna-blue);line-height:1.35;margin:0 0 7px;text-wrap:balance}
.luna-feature p{font-size:.9375rem;color:var(--luna-muted);line-height:1.6;max-width:320px;text-wrap:balance}
.luna-footer{margin:0 32px;padding:15px 4px;border-top:1px solid var(--luna-line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--luna-muted);font-size:.8125rem}
.luna-footer nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.luna-footer-link{background:none;color:inherit;font-size:.8125rem;min-height:40px;padding:8px 0}.luna-footer-link:hover{color:var(--luna-blue)}
.luna-domain{direction:ltr;unicode-bidi:isolate}
.luna-information{display:flex;flex-direction:column;gap:18px;font-size:1rem;line-height:1.75;color:var(--text);max-width:580px}
.luna-theme-switch{display:inline-flex;gap:8px;align-items:center;background:none;min-height:44px;color:var(--muted)}
.luna-theme-switch>svg{width:19px;height:19px}.luna-theme-switch>svg:first-child{color:#eebc47}.luna-theme-switch>svg:last-child{display:none;color:#93b9fc}
.luna-switch-track{display:block;width:40px;height:24px;border-radius:16px;background:#a0dbff;position:relative;direction:ltr}.luna-switch-track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #001e3915;transition:transform .2s}
html[data-theme=dark] .luna-switch-track{background:#2361a1}html[data-theme=dark] .luna-switch-track>span{transform:translateX(16px)}html[data-theme=dark] .luna-theme-switch>svg:first-child{display:none}html[data-theme=dark] .luna-theme-switch>svg:last-child{display:block}
.luna-language{position:relative;color:var(--text);font-size:.9375rem;min-width:0}
.luna-language summary{list-style:none;display:flex;gap:8px;align-items:center;cursor:pointer;color:var(--primary);font-weight:550;padding:10px 2px;min-height:44px;border-radius:6px}
.luna-language summary::-webkit-details-marker{display:none}.luna-language summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.luna-language summary>svg{width:21px;height:21px}.luna-chevron{font-size:1.1rem;line-height:1}.luna-language[open] .luna-chevron{transform:rotate(180deg)}
.luna-language-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:430px;max-width:calc(100vw - 28px);padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 40px #12223e18;z-index:30;max-height:calc(100dvh - 96px);overflow-y:auto}
.luna-language-title{display:flex;align-items:center;gap:10px;font-weight:650;font-size:1rem;margin-bottom:15px}.luna-language-title>svg{width:21px;height:21px}
.luna-language-search{display:flex;position:relative;align-items:center;margin-bottom:8px}.luna-language-search>svg{position:absolute;inset-inline-start:12px;width:18px;color:var(--muted);pointer-events:none}.luna-language-search input{padding-inline-start:39px;padding-block:10px;font-size:1rem;background:var(--surface);border-radius:9px}
.luna-language-auto{display:flex;align-items:center;gap:10px;background:none;text-align:start;width:100%;padding:12px 7px 15px;border-bottom:1px solid var(--line);margin-bottom:10px;font-size:.9375rem}.luna-language-auto span{flex:1}.luna-language-auto small{display:block;color:var(--muted);font-size:.75rem;font-weight:400}.luna-language-auto svg{width:20px}.luna-language-auto[aria-pressed=true]>svg:last-child{color:var(--primary)}
.luna-language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 9px}
.luna-language-option{display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:start;background:none;padding:8px 9px;border-radius:7px;font-size:.9375rem;min-height:39px;min-width:0;line-height:1.5}.luna-language-option span{overflow-wrap:anywhere}.luna-language-option:hover{background:var(--surface2)}.luna-language-option.selected{color:var(--primary);background:var(--primary-soft)}.luna-language-option svg{width:17px;height:17px}.luna-language-option[hidden],.luna-language-empty[hidden]{display:none}.luna-language-empty{font-size:.875rem;text-align:center;padding:20px;color:var(--muted)}
.luna-language-menu[aria-busy=true]{opacity:.65;pointer-events:none}.modal .luna-language-menu{position:relative;top:auto;margin-top:8px;width:100%;max-width:none;max-height:50dvh}
.luna-skip{position:absolute;top:-100px;inset-inline-start:16px;z-index:50;background:var(--surface);padding:12px;border-radius:8px}.luna-skip:focus{top:8px}
[dir=rtl] .room-row,[dir=rtl] .sidebar-profile{text-align:right}[dir=rtl] .search-box svg{left:auto;right:12px}[dir=rtl] .search-box input{padding-left:12px;padding-right:39px}[dir=rtl] .level-pill{margin-left:0;margin-right:auto}[dir=rtl] .composer-meta,[dir=rtl] .chat-header{direction:rtl}[dir=rtl] .message-text,[dir=rtl] .reply-box{unicode-bidi:plaintext}[dir=rtl] .reply-quote{border-left:0;border-right:3px solid var(--primary)}[dir=rtl] .pinned>div{border-left:0;border-right:2px solid var(--primary);padding-left:0;padding-right:12px}[dir=rtl] .luna-open svg,[dir=rtl] .mobile-back svg{transform:rotate(180deg)}
@media(min-width:1600px){.luna-hero{padding-top:48px}.luna-features{max-width:1250px}.luna-robot-art{max-width:305px}}
@media(max-width:900px){.luna-header-inner{padding-inline:22px;gap:12px}.luna-nav{gap:20px}.luna-header-tools{gap:13px}.luna-header-tools>.luna-theme-switch{padding-inline:12px}.luna-features{column-gap:18px;padding-inline:20px}.luna-robot-art{margin-bottom:-12px}.luna-feature h2{font-size:1.125rem}.luna-footer{margin-inline:22px}}
@media(max-width:640px){.luna-header-inner{padding:6px 15px;flex-wrap:wrap;justify-content:center;gap:0}.luna-header-tools{order:-1;justify-content:space-between;width:100%;gap:12px}.luna-header-tools>.luna-theme-switch{border:0;margin-inline-start:auto;padding-inline:8px}.luna-nav{min-height:46px;width:100%;justify-content:center;gap:32px}.luna-nav a,.luna-nav-link{font-size:.875rem;padding:10px 0;min-height:46px}.luna-nav-login{font-size:.9375rem}.luna-hero{padding-top:30px}.luna-logo{width:108px;height:108px}.luna-hero h1{font-size:2.7rem}.luna-tagline{font-size:1.25rem}.luna-open{min-width:0;width:min(310px,100%);font-size:1.0625rem;min-height:55px;margin-top:23px}.luna-intro{font-size:.9375rem;margin-top:12px;max-width:340px}.luna-features{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px;margin-top:20px;padding-inline:14px}.luna-feature{padding-bottom:6px}.luna-feature h2{font-size:1rem;line-height:1.45;margin-bottom:4px}.luna-feature p{font-size:.875rem;line-height:1.55}.luna-robot-art{margin-bottom:-4px;max-width:240px}.luna-footer{margin-inline:16px;padding:16px 0;flex-wrap:wrap;justify-content:center;gap:3px 20px;font-size:.75rem}.luna-footer nav{order:2;width:100%;gap:24px}.luna-domain{margin-inline-start:auto}.luna-language-menu{position:fixed;top:58px;left:14px;right:14px;inset-inline-end:14px;width:auto;max-width:none;max-height:calc(100dvh - 78px);padding:16px}.luna-language-list{column-gap:5px}.luna-language-option{min-height:43px}.modal .luna-language-menu{left:auto;right:auto}.luna-quick{gap:9px}.luna-language summary{font-size:.875rem}}
@media(max-width:360px){.luna-nav{gap:22px}.luna-features{grid-template-columns:1fr;row-gap:6px}.luna-robot-art{max-width:250px;margin-bottom:-18px}.luna-feature h2{font-size:1.2rem}.luna-feature p{font-size:.9375rem}.luna-language-menu{padding:12px}.luna-language-option{font-size:.875rem;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.luna-robot-art,.luna-open,.luna-switch-track>span{transition:none}.luna-feature:hover .luna-robot-art{transform:none}}

.rail-brand{background:transparent;border-radius:50%;padding:0}.rail-brand img{display:block}.rail>.luna-theme-switch{flex-direction:column;gap:4px;margin-bottom:4px}.rail>.luna-theme-switch>svg{display:none}.rail .nav-item.active{color:#97ceff}
@media(max-width:650px){.rail>.luna-theme-switch{display:none}}
.profile-card>.luna-language{width:100%}.profile-card>.luna-language>summary{justify-content:center}
