:root{--bg:#0b0f2a;--bg2:#141a3a;--card:#1a2048b8;--card-solid:#1a2048;--line:#a0aaff24;--text:#eef0ff;--muted:#9aa1cf;--accent:#8b7cf6;--accent2:#b6a8ff;--moon:#f5d48a;--ok:#4ade80;--danger:#f87171;--radius:18px;--shadow:0 10px 40px #00000059}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(1200px 700px at 80% -10%, #2a2470 0%, transparent 60%), radial-gradient(900px 600px at -10% 110%, #17325e 0%, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Nunito,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent2);text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-family:Fraunces,Georgia,serif}.muted{color:var(--muted)}.small{font-size:.82rem}.pad{padding:8px 14px}.error{color:var(--danger);margin:0;font-weight:600}.fine{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.stars{pointer-events:none;z-index:0;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 120px 80px,#cfd3ff,#0000),radial-gradient(1.2px 1.2px at 200px 160px,#fff,#0000),radial-gradient(1px 1px at 300px 40px,#fff,#0000),radial-gradient(1.5px 1.5px at 380px 220px,#e5e7ff,#0000),radial-gradient(1px 1px at 60px 260px,#fff,#0000);background-size:420px 300px;animation:8s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.4}to{opacity:.85}}input,select,textarea{border:1px solid var(--line);background:#080b2299;border-radius:12px;outline:none;width:100%;padding:11px 14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b7cf640}textarea{resize:vertical}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()}label{flex-direction:column;flex:1;gap:6px;font-size:.9rem;font-weight:700;display:flex}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(135deg, var(--accent), #6a5ae0);color:#fff;border-radius:12px;padding:11px 22px;font-weight:800;transition:transform .1s;box-shadow:0 6px 20px #8b7cf659}.primary:not(:disabled):hover{transform:translateY(-1px)}.ghost{border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:700}.ghost:hover{background:#ffffff0f}.ghost.small{padding:6px 12px;font-size:.85rem}.ghost.danger{color:var(--danger)}.icon-btn{border-radius:50%;place-items:center;width:30px;height:30px;font-size:.95rem;display:inline-grid}.icon-btn:not(:disabled):hover{background:#ffffff1a}.icon-btn.light{color:#fff;font-size:1.2rem}.card{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:22px;position:relative}.card.narrow{max-width:620px;margin:0 auto}.splash{place-items:center;min-height:100vh;display:grid}.moon,.hero-moon,.empty-moon,.logo-moon{box-shadow:inset -14px -6px 0 0 var(--moon);background:0 0;border-radius:50%}.moon{width:70px;height:70px;animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)}}.landing{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;max-width:1100px;min-height:100vh;margin:0 auto;padding:48px 24px;display:grid}.hero{z-index:1;position:relative}.hero-moon{width:90px;height:90px;box-shadow:inset -26px -10px 0 0 var(--moon);filter:drop-shadow(0 0 30px #f5d48a59);margin-bottom:24px;animation:5s ease-in-out infinite float}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.hero h1 em{color:var(--moon);font-style:italic}.hero p{color:#c7cbef;max-width:540px;font-size:1.12rem;line-height:1.6}.hero-points{color:#dfe2ff;gap:10px;padding:0;font-weight:600;list-style:none;display:grid}.auth{flex-direction:column;gap:14px;display:flex}.tabs{background:#080b2299;border-radius:12px;padding:4px;display:flex}.tabs button{color:var(--muted);border-radius:9px;flex:1;padding:9px;font-weight:800}.tabs button.active{background:var(--card-solid);color:var(--text);box-shadow:0 2px 8px #0000004d}.onboarding{place-items:center;min-height:100vh;padding:24px;display:grid}.brand-title{font-size:2rem}.profile-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.profile-form .row{flex-wrap:wrap;gap:12px;display:flex}.profile-form .row label{min-width:140px}.app{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0b0f2abf;align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:10px;font-family:Fraunces,serif;font-size:1.3rem;font-weight:700;display:flex}.logo b{color:var(--moon);font-weight:700}.logo-moon{width:24px;height:24px;box-shadow:inset -7px -3px 0 0 var(--moon)}.topbar nav{gap:6px;display:flex}.topbar nav a{color:var(--muted);border-radius:10px;padding:8px 14px;font-weight:700}.topbar nav a.active{color:var(--text);background:#8b7cf62e}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.status-pill{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.status-pill i{background:#f59e0b;border-radius:50%;width:8px;height:8px}.status-pill.ok i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.me-chip{color:var(--text);align-items:center;gap:8px;font-weight:700;display:flex}.content{z-index:1;max-width:760px;margin:0 auto;padding:28px 16px 140px;position:relative}.avatar{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative}.presence{border:2px solid var(--card-solid);background:#6b7280;border-radius:50%;width:30%;min-width:9px;height:30%;min-height:9px;position:absolute;bottom:-1px;right:-1px}.presence.on{background:var(--ok)}.feed{flex-direction:column;gap:16px;display:flex}.composer-head{align-items:flex-start;gap:14px;display:flex}.composer-head textarea{flex:1}.composer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.composer.mine{border-color:#f5d48a59}.actions{align-items:center;gap:8px;display:flex}.seg{background:#080b2299;border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.86rem;font-weight:700}.seg button.active{background:var(--card-solid);color:var(--text)}.feed-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.feed-head h2{margin:0}.filters{align-items:center;gap:12px;display:flex}.filters select{width:auto;padding:7px 10px}.switch{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:.88rem}.switch input{display:none}.switch span{background:#2b3165;border-radius:20px;width:36px;height:20px;transition:all .2s;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:after{left:19px}.post-head{align-items:center;gap:14px;display:flex}.post-meta{flex:1;min-width:0}.post-name{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.post-name strong{font-size:1.05rem}.post-sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.bedtime{color:var(--moon);font-size:.9rem;font-weight:800}.badge{color:var(--accent2);white-space:nowrap;background:#8b7cf62e;border-radius:20px;padding:5px 10px;font-size:.76rem;font-weight:800}.badge.video{color:#f5a3cc;background:#e56fa82e}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 6px;font-size:1.04rem;line-height:1.55}.post-bio{color:var(--muted);margin:0 0 6px;font-size:.92rem;font-style:italic}.post-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.call-btn{color:#86efac;background:#4ade8026;border-radius:10px;padding:9px 16px;font-weight:800}.call-btn.video{color:#f9a8d4;background:#e56fa829}.call-btn:not(:disabled):hover{filter:brightness(1.25)}.menu-wrap{position:relative}.menu{background:var(--card-solid);border:1px solid var(--line);z-index:5;min-width:180px;box-shadow:var(--shadow);border-radius:12px;padding:6px;position:absolute;top:34px;right:0}.menu button{text-align:left;border-radius:8px;width:100%;padding:9px 12px;font-weight:700}.menu button:hover{background:#ffffff12}.empty{text-align:center;color:var(--muted);padding:40px}.empty-moon{width:56px;height:56px;box-shadow:inset -16px -6px 0 0 var(--moon);margin:0 auto 12px}.dock{pointer-events:none;z-index:30;flex-direction:row-reverse;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:0;right:16px}.dock-panel{background:var(--card-solid);border:1px solid var(--line);width:290px;box-shadow:var(--shadow);border-bottom:0;border-radius:14px 14px 0 0;overflow:hidden}.dock-bar{align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:800;display:flex}.dock-bar .chev{color:var(--muted);margin-left:auto}.online-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;margin-left:4px}.count{background:var(--danger);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.72rem;font-weight:800;display:inline-grid}.dock-body{border-top:1px solid var(--line);max-height:min(460px,60vh);padding-bottom:8px;overflow-y:auto}.search{border-radius:20px;width:calc(100% - 24px);margin:10px 12px 4px;padding:8px 12px}.dock-section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px 4px;font-size:.74rem;font-weight:800}.contact{text-align:left;align-items:center;gap:10px;width:100%;padding:8px 14px;display:flex}.contact:hover{background:#ffffff0d}.contact-main{flex-direction:column;flex:1;min-width:0;display:flex}.preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.preview.unread{color:var(--text);font-weight:800}.chat-window{background:var(--card-solid);border:1px solid var(--line);width:330px;height:440px;box-shadow:var(--shadow);border-bottom:0;border-radius:14px 14px 0 0;flex-direction:column;display:flex;overflow:hidden}.chat-window.min{width:240px;height:auto}.chat-head{cursor:pointer;background:linear-gradient(135deg,#8b7cf659,#6a5ae033);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.chat-title{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.chat-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-title .small{color:var(--muted)}.chat-tools{display:flex}.chat-window.min .chat-tools button:not(:nth-last-child(-n+2)){display:none}.chat-list{flex-direction:column;flex:1;gap:3px;padding:12px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;margin:auto;display:flex}.chat-time{text-align:center;color:var(--muted);margin:10px 0 6px;font-size:.72rem}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#2a3166;border-radius:18px;width:fit-content;max-width:78%;padding:8px 12px;font-size:.93rem;line-height:1.35}.bubble.mine{background:linear-gradient(135deg, var(--accent), #6a5ae0);margin-left:auto}.bubble.typing{gap:4px;padding:12px 14px;display:flex}.bubble.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.bubble.typing i:nth-child(2){animation-delay:.2s}.bubble.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.25}}.chat-input{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-input input{border-radius:20px;padding:8px 14px}.send{width:38px;color:var(--accent2);border-radius:50%;font-size:1.1rem}.incoming{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050716b3;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.incoming-card{background:var(--card-solid);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:26px;min-width:300px;padding:34px 40px}.ring-avatar{border-radius:50%;margin-bottom:14px;animation:1.6s infinite ring;display:inline-block}@keyframes ring{0%{box-shadow:0 0 #4ade8080}to{box-shadow:0 0 0 28px #4ade8000}}.incoming-actions{justify-content:center;gap:20px;margin-top:20px;display:flex}.round{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.4rem;transition:transform .1s,filter .1s;display:grid}.round:hover{transform:scale(1.06)}.round.accept{background:#22c55e}.round.decline{background:#ef4444}.round.off{color:#111;background:#fff}.round.sm{width:34px;height:34px;font-size:.9rem}.call{z-index:50;background:radial-gradient(800px 500px at 50% 30%,#2a2470,#070a1f);flex-direction:column;animation:.2s fade;display:flex;position:fixed;inset:0}.call.minimized{background:0 0;inset:auto auto 16px 16px}.call-pill{background:var(--card-solid);cursor:pointer;box-shadow:var(--shadow);border:1px solid #4ade8066;border-radius:40px;align-items:center;gap:10px;padding:6px 6px 6px 8px;display:flex}.call-pill div{flex-direction:column;margin-right:6px;line-height:1.15;display:flex}.call-pill .small{color:var(--ok)}.call-stage{place-items:center;display:grid;position:absolute;inset:0}.remote{object-fit:cover;background:#000;width:100%;height:100%}.remote.hidden{display:none}.local{aspect-ratio:3/4;object-fit:cover;width:min(26vw,220px);box-shadow:var(--shadow);background:#000;border:2px solid #ffffff40;border-radius:16px;position:absolute;bottom:120px;right:18px;transform:scaleX(-1)}.local.off{opacity:.25}.call-avatar{place-items:center;display:grid}.pulse{border-radius:50%;padding:6px}.pulse.live{animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 #b6a8ff59}50%{box-shadow:0 0 0 36px #b6a8ff00}}.call-top{background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative}.call-top h3{margin:0;font-size:1.6rem}.call-top span{color:#c7cbef;font-variant-numeric:tabular-nums}.security{color:#c7f9d4;white-space:nowrap;cursor:help;background:#00000073;border-radius:20px;padding:7px 14px;font-size:.82rem;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.security b{font-variant-numeric:tabular-nums;letter-spacing:.05em}.call-controls{padding:24px 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);justify-content:center;gap:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.sleep-screen{z-index:70;cursor:pointer;background:#000;place-items:end center;padding-bottom:40px;display:grid;position:fixed;inset:0}.sleep-screen span{color:#222;font-size:.85rem}.toasts{z-index:80;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:16px}.toast{background:var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:10px 18px;font-weight:700;animation:.2s fade}@media (width<=720px){.landing{grid-template-columns:1fr;gap:28px;padding:32px 16px}.hero-moon{width:64px;height:64px;box-shadow:inset -18px -7px 0 0 var(--moon)}.topbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.topbar nav{order:3;width:100%}.topbar nav a{text-align:center;flex:1}.me-chip>span:last-child{display:none}.content{padding:18px 12px 140px}.card{padding:16px}.badge{display:none}.dock{flex-direction:column-reverse;align-items:stretch;gap:0;left:0;right:0}.dock-panel{border-radius:14px 14px 0 0;width:100%}.chat-window{border-radius:14px 14px 0 0;width:100%;height:70vh}.chat-window.min{width:100%}.call.minimized{bottom:64px;left:12px}.local{width:30vw;bottom:130px;right:12px}.security{white-space:normal;text-align:center;width:calc(100% - 32px)}}.sep{border:0;border-top:1px solid var(--line);margin:24px 0 16px}.dock>*{pointer-events:auto}.sleep-tag{color:#c9bfff;font-size:.9rem;font-weight:700}.sleep-row{border:1px solid var(--line);background:#080b2273;border-radius:14px;grid-template-columns:minmax(150px,1fr) 2fr;align-items:start;gap:20px;min-width:0;margin:0;padding:16px;display:grid}.sleep-row legend{padding:0 6px;font-weight:800}.sleep-slider-head{justify-content:space-between;align-items:baseline;display:flex}.sleep-slider-head strong{color:var(--moon);font-family:Fraunces,serif;font-size:1.3rem}.sleep-range{appearance:none;background:linear-gradient(90deg, #8b7cf6, var(--moon)) 0 / var(--fill) 100% no-repeat, #20264f;cursor:pointer;border:0;border-radius:10px;width:100%;height:10px;margin:14px 0 6px;padding:0}.sleep-range:focus{box-shadow:0 0 0 3px #8b7cf640}.sleep-range::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--moon);background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #0006}.sleep-range::-moz-range-thumb{border:4px solid var(--moon);background:#fff;border-radius:50%;width:18px;height:18px}.sleep-scale{color:var(--muted);justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}.post.mine{border-color:#f5d48a59}.you{color:var(--moon);background:#f5d48a2e;border-radius:20px;padding:3px 8px;font-size:.72rem;font-weight:800}@media (width<=720px){.sleep-row{grid-template-columns:1fr}}.name-link{color:var(--text);font-weight:800}.name-link:hover{text-decoration:underline}.post-name .name-link{font-size:1.05rem}.avatar-link{border-radius:50%;display:inline-flex}.load-more{align-self:center;padding:10px 24px}.primary.small{padding:6px 14px;font-size:.85rem}.section-title{margin:10px 0 0}.profile-card{align-items:flex-start;gap:24px;display:flex}.profile-main{flex:1;min-width:0}.profile-main h1{margin:0;font-size:2rem}.profile-main>.muted{margin:4px 0 0}.profile-stats{gap:28px;margin:16px 0 6px;display:flex}.profile-stats div{flex-direction:column;display:flex}.profile-stats strong{font-family:Fraunces,serif;font-size:1.5rem;line-height:1.1}.profile-stats span{color:var(--muted);font-size:.82rem;font-weight:700}.profile-stats div:first-child strong{color:var(--moon)}.friend.on{color:var(--ok);border-color:#4ade8066}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin-top:10px;display:grid}.friend-chip{color:var(--text);text-align:center;overflow-wrap:anywhere;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.88rem;font-weight:700;display:flex}.friend-chip:hover{background:#ffffff0d}.friend-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.friend-row:first-of-type{border-top:0}.friend-row-user{color:var(--text);align-items:center;gap:12px;display:flex}.topbar nav a{justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (width<=720px){.profile-card{text-align:center;flex-direction:column;align-items:center}.profile-stats,.profile-card .post-actions{justify-content:center}}.field{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.field-label{font-size:.9rem;font-weight:700}.gender-toggle{gap:8px;display:flex}.gender-toggle button{border:1px solid var(--line);color:var(--muted);background:#080b2299;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:800;transition:all .15s;display:flex}.gender-toggle .g-icon{font-size:1.3rem;line-height:1}.gender-toggle button:hover{color:var(--text)}.gender-toggle .homme.on{color:#bfdbfe;background:#60a5fa33;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.gender-toggle .femme.on{color:#fbcfe8;background:#f472b633;border-color:#f472b6;box-shadow:0 0 0 3px #f472b626}.sleep-scale span{text-align:center;width:1.4em}.req-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.req-form .actions{justify-content:flex-end}.req-status{background:#8b7cf61f;border:1px solid #8b7cf64d;border-radius:12px;flex-direction:column;gap:4px;margin-top:12px;padding:10px 14px;font-size:.92rem;font-weight:700;display:flex}.req-status.accepted{color:#bbf7d0;background:#4ade801f;border-color:#4ade8066}.req-status.declined{border-color:var(--line);color:var(--muted);background:#ffffff0a}.req-msg{color:var(--muted);overflow-wrap:anywhere;font-style:italic;font-weight:500}.has-pending{color:var(--moon);border-color:#f5d48a80}.post-actions .chev{color:var(--muted);margin-left:4px}.post-actions .count{margin-left:6px}.requests{flex-direction:column;gap:4px;margin-top:12px;display:flex}.request{background:#080b2266;border-radius:12px;gap:12px;padding:12px;display:flex}.request.declined{opacity:.55}.request-main{flex:1;min-width:0}.request-msg{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 8px}.req-tag{color:var(--muted);font-size:.8rem;font-weight:800}.req-tag.ok{color:var(--ok)}.call-btn.small{padding:5px 10px}@media (width<=720px){.toasts{align-items:stretch;max-width:none;inset:12px 12px auto}}.kind-tabs{gap:6px;margin-bottom:14px;display:flex}.kind-tabs button{color:var(--muted);border:1px solid var(--line);background:#080b2280;border-radius:12px;flex:1;padding:10px;font-weight:800}.kind-tabs button.active{color:var(--text);border-color:var(--accent);background:#8b7cf633}.sleepcall-params{flex-wrap:wrap;gap:14px 22px;margin-top:14px;display:flex}.param{flex-direction:column;gap:6px;display:flex}.param-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:800}.seg button.vip-opt{color:var(--moon)}.seg button.vip-opt.active{background:#f5d48a33}.join-btn{color:#0b0f2a;background:linear-gradient(135deg, var(--moon), #f0b75e);border-radius:12px;padding:10px 18px;font-weight:800;box-shadow:0 6px 20px #f5d48a40}.join-btn:hover{filter:brightness(1.08)}.vip-link{color:var(--moon)!important}.vip-card{text-align:center;border-color:#f5d48a59;max-width:620px;margin:0 auto;padding:40px 28px}.vip-crown{filter:drop-shadow(0 0 20px #f5d48a80);font-size:3rem}.vip-card h1{font-size:2.1rem}.vip-word{color:var(--moon)}.vip-price{color:var(--muted);font-size:1.15rem}.vip-price strong{color:var(--text);font-family:Fraunces,serif;font-size:2.2rem}.vip-perks{text-align:left;gap:12px;max-width:460px;margin:24px auto;padding:0;list-style:none;display:grid}.vip-perks li{border:1px solid var(--line);background:#080b2273;border-radius:12px;padding:12px 14px}.vip-cta{background:linear-gradient(135deg, var(--moon), #f0b75e);color:#0b0f2a;width:100%;max-width:360px;margin:10px 0;padding:14px;font-size:1.05rem;box-shadow:0 6px 24px #f5d48a4d}.vip-ok{color:var(--ok);font-weight:800}.room-icon{font-size:1.4rem}.call.room{flex-direction:column;display:flex}.call.room .call-top{z-index:1;position:relative}.room-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;gap:12px;min-height:0;padding:0 20px 140px;display:grid}.room-grid.n1,.room-grid.n2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tile{border:1px solid var(--line);background:#080b2299;border-radius:18px;place-items:center;min-height:160px;display:grid;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile video.mirror{transform:scaleX(-1)}.tile.me{border-color:#8b7cf680}.tile.waiting{color:var(--muted);text-align:center;border-style:dashed;padding:20px}.tile-name{background:#0000008c;border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:flex;position:absolute;bottom:10px;left:10px}.tile-code{color:#c7f9d4;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.call.room .security{bottom:104px}@media (width<=720px){.room-grid{gap:8px;padding:0 10px 140px;grid-template-columns:1fr 1fr!important}.tile{min-height:120px}.kind-tabs button{font-size:.85rem}}.dock-tabs{border-top:1px solid var(--line);gap:4px;padding:8px 10px 0;display:flex}.dock-tabs button{color:var(--muted);border-radius:9px;flex:1;padding:7px 6px;font-size:.82rem;font-weight:800}.dock-tabs button.active{color:var(--text);background:#8b7cf633}.public-chat{flex-direction:column;height:min(420px,58vh);display:flex}.public-note{color:var(--muted);background:#080b2280;border-radius:8px;margin:8px 12px 0;padding:6px 10px;font-size:.75rem}.public-list{gap:8px}.public-msg{flex-direction:column;gap:2px;display:flex}.public-msg.mine{align-items:flex-end}.public-meta{color:var(--muted);padding:0 6px;font-size:.7rem;font-weight:700}.public-msg .bubble{max-width:88%}.send{font-size:.85rem;font-weight:800}.sm{display:none}.topbar nav a,.status-pill,.me-chip>span:last-child,.logout{white-space:nowrap}.gender-toggle button{min-width:0}@media (width<=1100px){.me-chip>span:last-child{display:none}.topbar{gap:14px}}@media (width<=720px){.lg{display:none}.sm{display:inline}.topbar{grid-template-columns:1fr auto;row-gap:8px;padding:10px 12px 8px;display:grid}.topbar nav{order:0;grid-column:1/-1;width:auto}.topbar nav a{padding:7px 6px;font-size:.92rem}.topbar-right{gap:8px}.logo{font-size:1.15rem}.logout{padding:6px 10px}.composer-foot{flex-wrap:nowrap}.composer-foot .muted{min-width:0}.sleepcall-params{gap:12px}.room-grid{padding-bottom:180px}.call.room .security{font-size:.75rem;bottom:100px}.post-head{flex-wrap:wrap}}@media (width<=480px){.profile-form .row{flex-direction:column}.profile-form .row label,.profile-form .row .field{width:100%;min-width:0}.sleepcall-params .seg button{padding:6px 9px}.post-actions>button{flex:auto}.kind-tabs button{padding:8px 6px}.toast{font-size:.88rem}}@media (width<=360px){html{font-size:15px}.content{padding-left:8px;padding-right:8px}.card{padding:14px}}@media (width>=1800px){html{font-size:18px}.content{max-width:880px}.dock-panel{width:330px}.chat-window{width:370px;height:500px}}@media (width>=2400px){html{font-size:20px}.content{max-width:960px}}@media (width<=720px){.toasts{top:auto;bottom:64px}.dock.panel-open .chat-window{display:none}}.vip-badge{color:var(--moon);white-space:nowrap;background:linear-gradient(135deg,#f5d48a4d,#f0b75e33);border:1px solid #f5d48a66;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:800}.vip-badge.big{vertical-align:middle;font-family:Nunito,sans-serif;font-size:.85rem}@media (width<=720px){.topbar .logo{grid-area:1/1}.topbar-right{grid-area:1/2}.topbar nav{grid-row:2}}.avatar{overflow:visible}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}body.no-scroll{overflow:hidden}.photo-btn{border-radius:50%;flex:none;padding:0;display:inline-flex;position:relative}.photo-overlay{background:var(--accent);border:3px solid var(--card-solid);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;transition:transform .15s;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 8px #0006}.photo-btn:hover .photo-overlay{transform:scale(1.1)}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040614b8;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--card-solid);border:1px solid var(--line);border-radius:22px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 32px);animation:.18s ease-out pop;display:flex;box-shadow:0 24px 80px #00000080}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.modal-head{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.modal-head h2{text-align:center;margin:0;font-size:1.15rem}.modal-body{padding:8px 22px 24px;overflow-y:auto}.edit-photo{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:18px 0;display:flex}.edit-name{font-family:Fraunces,serif;font-size:1.25rem}.edit-photo-actions{gap:14px;margin-top:6px;display:flex}.link-btn{color:var(--accent2);padding:0;font-weight:800}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--danger)}.edit-section{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding:18px 0 6px;display:flex}.edit-section:last-child{border-bottom:0}.edit-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-family:Nunito,sans-serif;font-size:.8rem;font-weight:800}.edit-row{flex-direction:row;grid-template-columns:90px 1fr;align-items:center;gap:14px;font-weight:700;display:grid}.edit-row>span:first-child{color:var(--muted);align-self:start;padding-top:10px;font-size:.9rem}.edit-row.static>span:first-child{align-self:center;padding-top:0}.edit-row .grow{min-width:0;position:relative}.counter{color:var(--muted);font-size:.72rem;position:absolute;bottom:8px;right:10px}.edit-section .sleep-row{background:0 0;border:0;padding:0}.edit-section .sleep-row legend{display:none}.logout-btn{align-self:flex-start}.rules-modal{text-align:center;max-width:500px;padding:28px 26px 22px;overflow-y:auto}.rules-moon{font-size:2.4rem}.rules-modal h2{margin:6px 0}.rules-list{text-align:left;gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.rules-list li{background:#f8717112;border:1px solid #f8717140;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.rules-list p{color:var(--muted);margin:3px 0 0;font-size:.86rem;line-height:1.4}.rule-icon{font-size:1.5rem;line-height:1}.sanction{color:#fca5a5;margin:4px 0 16px;font-weight:800}.rules-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rules-actions .primary{flex:1;min-width:200px}.confirm-modal{max-width:420px;padding:24px}.confirm-modal h3{margin-top:0}.confirm-modal p{color:#c7cbef;line-height:1.5}.confirm-modal.vip{border-color:#f5d48a66}.vip-fill{background:linear-gradient(135deg, var(--moon), #f0b75e);color:#0b0f2a}.composer-options{flex-direction:column;gap:12px;margin-top:14px;display:flex}.kind-toggle{border:1px solid var(--line);background:#080b2299;border-radius:12px;gap:4px;padding:4px;display:flex}.kind-toggle button{color:var(--muted);white-space:nowrap;border-radius:9px;flex:1;padding:8px 6px;font-size:.88rem;font-weight:800}.kind-toggle button.active{background:var(--card-solid);color:var(--text);box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #8b7cf680}.composer .sleepcall-params{margin-top:0}.badge.public{color:#86efac;background:#4ade8026}.public-icon{background:linear-gradient(135deg,#22c55e,#0e7490);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.public-icon.big{width:36px;height:36px;font-size:1.15rem}.chat-window.public .chat-head{background:linear-gradient(135deg,#22c55e4d,#0e749040)}.public-disclaimer{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.public-disclaimer h4{margin:0;font-family:Fraunces,serif;font-size:1.1rem}.public-disclaimer .rules-list li{padding:9px 11px}.public-disclaimer .rules-list p{font-size:.78rem}.public-disclaimer .primary{margin-top:auto}.inbox-item{border-bottom:1px solid var(--line);background:#f5d48a0d;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.inbox-msg{overflow-wrap:anywhere;font-size:.85rem}.inbox-post{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.inbox-actions{flex:none;gap:6px;display:flex}.inbox-actions button{border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:900;transition:transform .1s;display:grid}.inbox-actions button:hover{transform:scale(1.1)}.inbox-actions .yes{color:#052e16;background:#22c55e}.inbox-actions .no{color:#fca5a5;background:#f871712e;border:1px solid #f8717166}.vip-cta-btn{color:#0b0f2a;white-space:nowrap;background:linear-gradient(135deg,#fde68a,#f0b75e 55%,#f59e0b);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 18px #f5b45059}.vip-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f5b45080}.me-chip{border:1px solid #0000;border-radius:999px;padding:3px 12px 3px 3px}.me-chip:hover,.me-chip.active{border-color:var(--line);background:#ffffff0f}.friends-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.friends-head h1{margin:0}.friends-head p{margin:4px 0 0}.big-num{color:var(--moon);font-family:Fraunces,serif;font-size:1.4rem}.count.inline{vertical-align:middle}.quota{background:#8b7cf61f;border:1px solid #8b7cf659;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;font-size:.86rem;font-weight:800;display:flex}.quota.empty{border-color:var(--line);color:var(--muted);background:#ffffff0a}.quota a{color:var(--moon);font-size:.8rem}.friend-row .inbox-actions{margin-left:auto}@media (width<=720px){.modal-backdrop{place-items:end stretch;padding:0}.modal{border-radius:22px 22px 0 0;max-width:none;max-height:94dvh}.modal.sheet{height:94dvh}.rules-modal,.confirm-modal{border-radius:22px 22px 0 0}.edit-row{grid-template-columns:1fr;gap:6px}.edit-row>span:first-child{padding-top:0}.modal-body{padding:4px 16px 32px}.vip-cta-btn{padding:6px 11px;font-size:.8rem}.me-chip{padding:2px}.topbar nav a{flex:1}.kind-toggle button{padding:8px 4px;font-size:.8rem}}.chat-window{flex:0 330px;min-width:250px;height:min(440px,100dvh - 16px);max-height:calc(100dvh - 16px)}.chat-window.min{flex:0 240px;min-width:150px;height:auto}.dock-panel{flex:0 0 290px}.dock-body{max-height:min(460px,100dvh - 80px)}.dock{flex-wrap:nowrap;justify-content:flex-start;left:16px}@media (width<=1100px){.dock .chat-window:nth-child(n+3){display:none}}@media (width<=900px){.dock .chat-window:nth-child(n+2){display:none}}.public-disclaimer{gap:6px;padding:12px 14px}.public-disclaimer h4{font-size:1rem}.public-disclaimer .rules-list{gap:6px;margin:6px 0}.public-disclaimer .rules-list li{border-radius:11px;gap:9px;padding:7px 10px}.public-disclaimer .rules-list strong{font-size:.86rem}.public-disclaimer .rules-list p{font-size:.74rem;line-height:1.3}.public-disclaimer .rule-icon{font-size:1.2rem}.public-disclaimer .sanction{margin:2px 0 8px;font-size:.78rem}.chat-window.public{height:min(560px,100dvh - 16px)}@media (height<=680px){.public-disclaimer .rules-list p,.public-disclaimer>p.muted{display:none}.public-disclaimer .primary{padding-top:8px;padding-bottom:8px}.chat-list{padding:8px}}@media (width<=720px){.dock{flex-wrap:nowrap;left:0}.dock .chat-window{flex:none;width:100%;min-width:0;height:min(max(70dvh,420px),100dvh - 56px);max-height:calc(100dvh - 56px)}.dock .chat-window:nth-child(n+2){display:none}.dock .chat-window.min{height:auto}.dock-panel{flex:none;width:100%}}@media (width>=1800px){.chat-window{flex-basis:370px;height:min(500px,100dvh - 16px)}.chat-window.public{height:min(600px,100dvh - 16px)}.dock-panel{flex-basis:330px}}