:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080b;--panel:#101218;--panel-2:#151821;--line:#262a36;--text:#f5f7fb;--muted:#9aa3b2;--soft:#c9d0dc;--accent:#f1f5f9}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}input{color:var(--text)}.home-page,.room-page{width:min(100%,1180px);margin:0 auto;padding:28px}.landing-page{background:radial-gradient(circle at 23% 32%,#589db83d,#0000 25%),radial-gradient(circle at 72% 38%,#9c569138,#0000 26%),linear-gradient(135deg,#102436 0%,#080e22 45%,#100717 100%);min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.landing-page:before,.landing-page:after{content:"";pointer-events:none;position:absolute;inset:0}.landing-page:before{opacity:.38;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:92px 92px}.landing-page:after{opacity:.7;background-image:radial-gradient(circle,#ffffffd1 0 1.4px,#0000 1.6px),radial-gradient(circle,#ffffff73 0 1px,#0000 1.2px);background-position:8px 22px,64px 58px;background-size:188px 154px,256px 218px}.landing-topbar{z-index:2;min-height:44px;color:var(--muted);justify-content:space-between;align-self:start;align-items:center;gap:16px;font-size:.88rem;display:flex;position:relative}.build-link{min-height:34px;color:var(--text);background:#07080b33;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:0 15px;font-weight:800;display:inline-flex}.build-link:hover{border-color:#ffffff6b}.landing-hero{z-index:1;text-align:center;align-content:center;justify-items:center;min-height:calc(100vh - 100px);padding:40px 0 74px;display:grid;position:relative}.landing-hero h1{max-width:100%;margin:0 0 20px;font-size:clamp(4.6rem,16vw,13rem);line-height:.82}.landing-hero p:not(.eyebrow){color:#c1c8d4;margin-bottom:26px;font-size:clamp(1rem,2.3vw,1.35rem);font-weight:400}.origin-badge{min-height:38px;color:var(--text);letter-spacing:.16em;background:#07080b1f;border:1px solid #b4d1e247;border-radius:999px;align-items:center;padding:0 18px;font-size:.78rem;font-weight:900;display:inline-flex}.landing-orbit{aspect-ratio:1/.36;pointer-events:none;border:1px solid #c6d6e62e;border-radius:50%;width:min(74vw,760px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.landing-orbit.two{transform:translate(-50%,-50%)rotate(19deg)}.topbar{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:.88rem;display:flex}.brand{color:var(--text);letter-spacing:.08em;font-weight:800}.intro{padding:72px 0 34px}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:18px;font-size:clamp(3.4rem,11vw,8.5rem);line-height:.92}.intro p:not(.eyebrow),.room-hero p{max-width:580px;color:var(--muted);font-size:1.05rem;line-height:1.65}.room-section{border-top:1px solid var(--line);padding:26px 0}.build-gate-page{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.build-gate{align-content:center;width:min(100%,520px);padding:54px 0;display:grid}.build-gate h1{margin-bottom:24px;font-size:clamp(3rem,9vw,5.8rem)}.build-gate form{gap:12px;display:grid}.build-gate label{color:var(--muted);font-size:.86rem;font-weight:800}.build-gate input{border:1px solid var(--line);background:var(--panel);border-radius:8px;outline:0;min-height:52px;padding:0 14px}.build-gate input:focus{border-color:var(--soft)}.build-home{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.build-entry{align-content:center;gap:28px;padding:42px 0 68px;display:grid}.build-entry-copy h1{margin-bottom:0;font-size:clamp(3.1rem,9vw,7.4rem)}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:1rem}.section-heading span{color:var(--muted);font-size:.86rem}.sign-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.selector-card{gap:22px;max-width:860px;padding:0;display:grid}.orbit-group{gap:12px;min-width:0;display:grid}.orbit-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:14px;font-size:.86rem;font-weight:700;display:flex}.orbit-label strong{color:var(--text);font-size:.9rem}.sun .orbit-label strong,.sun-text{color:#ff9f4a}.moon .orbit-label strong,.moon-text{color:#aab4c2}.sign-orbit{border-radius:8px;min-height:174px;position:relative;overflow:hidden}.sign-orbit:before{aspect-ratio:2.4;content:"";pointer-events:none;border:1px solid #ffffff1f;border-bottom-color:#0000;border-radius:999px 999px 0 0;width:min(94%,660px);position:absolute;top:142px;left:50%;transform:translate(-50%,-50%)}.orbit-arc{aspect-ratio:2.25;pointer-events:none;border:1px solid #ffffff14;border-bottom-color:#0000;border-radius:999px 999px 0 0;width:min(96%,720px);position:absolute;top:142px;left:50%;transform:translate(-50%,-50%)}.orbit-window{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:end;gap:clamp(16px,4vw,46px);padding:46px 12px 36px;display:flex;position:absolute;inset:0 46px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.orbit-window::-webkit-scrollbar{display:none}.orbit-nav{z-index:2;aspect-ratio:1;border:1px solid var(--line);width:38px;color:var(--soft);cursor:pointer;background:#07080bb8;border-radius:50%;place-items:center;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:78px}.orbit-nav:hover{border-color:var(--soft);color:var(--text)}.orbit-nav.prev{left:0}.orbit-nav.next{right:0}.orbit-sign{aspect-ratio:1;border:1px solid var(--line);min-height:76px;color:var(--soft);cursor:pointer;scroll-snap-align:center;transform:translateY(calc(var(--lift) * -1));background:#0c0e13db;border-radius:50%;flex:0 0 clamp(74px,22%,118px);place-items:center;padding:8px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid;position:relative}.orbit-sign:hover,.orbit-sign.active{color:var(--text);transform:translateY(calc(var(--lift) * -1)) scale(1.08)}.sun .orbit-sign{background:#07080bc2;border-color:#ffa45c38}.sun .orbit-sign:hover,.sun .orbit-sign.active{background:#f2c96b29;border-color:#f2c96be6;box-shadow:0 0 30px #f2c96b38}.moon .orbit-sign{background:#07080bc2;border-color:#b0cfe533}.moon .orbit-sign:hover,.moon .orbit-sign.active{background:#f2c96b29;border-color:#f2c96be6;box-shadow:0 0 30px #f2c96b33}.sign-glyph{font-size:1.72rem;line-height:1}.sun .sign-glyph{color:#ff9f4a}.moon .sign-glyph{color:#c7d2e1}.orbit-sign.active .sign-glyph{color:#f2c96b}.sign-name{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:800;position:absolute;top:calc(100% + 7px);left:50%;overflow:hidden;transform:translate(-50%)}.selected-room{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;min-height:52px;padding:0 13px;display:flex}.selected-room span{color:var(--muted);letter-spacing:.08em;font-size:.82rem;font-weight:800}.selected-room .sun-text,.room-title .sun-text,.room-details .sun-text{color:#ff9f4a}.selected-room .moon-text,.room-title .moon-text,.room-details .moon-text{color:#aab4c2}.selected-room p{color:var(--muted);margin:0}.sign-card,.micro-card,.composer,.post{border:1px solid var(--line);background:var(--panel);border-radius:8px}.sign-card{gap:16px;min-height:132px;padding:18px;display:grid}.sign-card span,.micro-card span{color:var(--muted);letter-spacing:.08em;font-weight:800}.sign-card strong{align-self:end;font-size:1.25rem}.micro-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.micro-card{gap:7px;min-height:104px;padding:12px;display:grid}.micro-card strong,.micro-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.micro-card small{color:var(--muted)}.sign-card:hover,.micro-card:hover,.back-link:hover{border-color:var(--soft);background:var(--panel-2)}.back-link{border:1px solid var(--line);min-height:34px;color:var(--soft);border-radius:999px;align-items:center;padding:0 13px;font-size:.9rem;display:inline-flex}.primary-button{background:var(--accent);min-height:48px;color:var(--bg);cursor:pointer;border:0;border-radius:8px;font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.42}.moodboard-page{grid-template-rows:auto auto minmax(320px,1fr) auto;width:min(100%,1160px);min-height:100vh;margin:0 auto;padding:28px;display:grid}.room-topbar{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.room-details{padding:34px 0 18px;display:grid}.room-details h1{max-width:100%;margin-bottom:12px;font-size:clamp(2.7rem,8vw,6.8rem)}.room-title{flex-wrap:wrap;gap:.16em;display:flex}.title-divider{color:var(--text)}.room-details p:not(.eyebrow){max-width:620px;color:var(--muted);margin-bottom:0;line-height:1.6}.emoji-field{border:1px solid var(--line);background:radial-gradient(circle,#ffffff0b,#0000 30%),#0b0d12;border-radius:8px;min-height:430px;position:relative;overflow:hidden}.emoji-field:before,.emoji-field:after{aspect-ratio:1/.44;content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:min(72vw,740px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.emoji-field:after{transform:translate(-50%,-50%)rotate(23deg)}.emoji-node{width:calc(var(--size) * 1.38);height:calc(var(--size) * 1.38);font-size:var(--size);opacity:.18;transform:translate(-50%, -50%) translate(var(--x), var(--y));animation:mood-revolve var(--float-duration) linear infinite, mood-breathe 7s ease-in-out infinite;animation-delay:var(--float-delay), var(--float-delay);background:radial-gradient(circle at 36% 28%,#ffffff38,#0000 22%),#ffffff0e;border:1px solid #ffffff1f;border-radius:50%;place-items:center;transition:height .22s,opacity .22s;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 28px #ffffff09,0 18px 42px #00000038}.emoji-node.is-center{z-index:2;background:radial-gradient(circle at 36% 28%,#ffffff3d,#0000 20%),#ffffff13;border-color:#ffffff2e;animation:8s ease-in-out infinite mood-breathe;transform:translate(-50%,-50%)}.emoji-node.active{opacity:1}.emoji-node span{filter:drop-shadow(0 14px 22px #00000047);line-height:1}@keyframes mood-revolve{0%{transform:translate(-50%, -50%) rotate(0deg) translate(var(--x), var(--y)) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg) translate(var(--x), var(--y)) rotate(-360deg)}}@keyframes mood-breathe{0%,to{scale:1}50%{scale:1.045}}.field-empty{color:var(--muted);text-align:center;gap:8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-empty strong{color:var(--text)}.mood-dock{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:18px;padding:14px}.mood-dock form{grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:12px;display:grid}.mood-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.mood{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:8px;place-items:center;min-height:48px;font-size:1.35rem;display:grid}.mood.active{border-color:var(--accent);background:#222632}@media (max-width:860px){.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.micro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.home-page,.room-page,.moodboard-page,.landing-page{padding:20px}.intro{padding-top:48px}.landing-hero{min-height:calc(100vh - 84px);padding-bottom:50px}.landing-hero h1{font-size:clamp(3.8rem,21vw,7rem)}.origin-badge{text-align:center;justify-content:center;max-width:min(100%,340px)}.sign-grid,.micro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-field{min-height:360px}.mood-dock form{grid-template-columns:1fr}}