@property --bg1{syntax: "<color>"; inherits: true; initial-value: #FCE9D6;}@property --bg2{syntax: "<color>"; inherits: true; initial-value: #F3E4EE;}:root{--tx:#4A2547;--mut:#6B4A68;--surface:rgba(255,248,240,.92);--line:rgba(74,37,71,.25);--accent:#D98A9B;--on-accent:#2B1A33;--sky1:#FCEFE4;--sky2:#CFE6F0;--hill1:#CBB6E2;--hill2:#A9C9A4;--frame:#E6CFAF;--bg1:#FCE9D6;--bg2:#F3E4EE;color-scheme:light}html{transition:--bg1 1.8s ease,--bg2 1.8s ease}html[data-phase=sunrise]{--bg1:#F9D9B8;--bg2:#F8E0E0;--sky1:#F9D9B8;--sky2:#F8C8C0}html[data-phase=morning]{--bg1:#FCEFE4;--bg2:#E6F0F4;--sky1:#FCEFE4;--sky2:#CFE6F0}html[data-phase=afternoon]{--bg1:#FBE9C8;--bg2:#F8DDD0;--sky1:#FBE9C8;--sky2:#F6C9A8}html[data-phase=sunset]{--bg1:#F6C9A8;--bg2:#CBB6E2;--sky1:#F6C9A8;--sky2:#B9A6D9;--tx:#2B1A33;--mut:#4A2547}html[data-phase=evening],html[data-phase=night]{--tx:#F3E9F5;--mut:#CFC3DD;--surface:rgba(31,37,80,.88);--line:rgba(243,233,245,.3);--accent:#C4B3E8;--on-accent:#141B3A;--hill1:#2B2A5E;--hill2:#1F3A4F;--frame:#3A3470;color-scheme:dark}html[data-phase=evening]{--bg1:#6B5B9A;--bg2:#2A2057;--sky1:#6B5B9A;--sky2:#2A2057}html[data-phase=night]{--bg1:#141B3A;--bg2:#3A2A6B;--sky1:#141B3A;--sky2:#43327A}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(var(--bg1),var(--bg2)) fixed;color:var(--tx);font:400 16px/1.5 DM Sans,system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--tx);outline-offset:2px}.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--mut)}.muted{color:var(--mut);font-size:13px}.card{background:var(--surface);border-radius:22px;padding:18px;box-shadow:0 8px 30px #140a281f;display:flex;flex-direction:column;gap:12px}.card h2{font:600 24px Cormorant Garamond,serif}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}input{height:48px;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:0 14px;font-size:16px}.primary{min-height:48px;border:0;border-radius:24px;background:var(--accent);color:var(--on-accent);font-weight:500}.primary:disabled{opacity:.6}.link{min-height:44px;background:none;border:0;text-decoration:underline;font-size:13px;font-weight:500}.links{display:flex;justify-content:space-between}.note{font-size:13px;padding:10px 12px;border-radius:12px}.note.ok{background:#8db89a4d}.note.bad{background:#d98a9b4d}.auth{max-width:420px;margin:0 auto;padding:48px 20px;display:flex;flex-direction:column;gap:14px}.logo{font:600 56px Cormorant Garamond,serif;letter-spacing:.2em;text-align:center;margin-left:.2em}.auth .muted{text-align:center}.home{max-width:460px;margin:0 auto;padding:36px 20px 40px;display:flex;flex-direction:column;gap:18px}.home h1{font:600 32px/1.1 Cormorant Garamond,serif;margin-top:6px}.scene{position:relative;width:310px;max-width:100%;margin:0 auto}.scene svg{width:100%;height:auto;display:block}.bits{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.pt,.fly{position:absolute;top:0}.pt{width:10px;height:10px;border-radius:50% 0 50% 50%;background:#e8b4bc;animation:fall 7s linear infinite}.fly{top:55%;width:6px;height:6px;border-radius:50%;background:#f2d9a6;box-shadow:0 0 10px #f2d9a6;animation:tw 3s ease-in-out infinite,drift 9s ease-in-out infinite}.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.obj{background:none;border:0;padding:4px 0;min-height:44px;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:500;opacity:.75;cursor:default}.obj svg{width:56px;height:56px}.obj small{font-size:10px;color:var(--mut)}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chips .kicker{width:56px}.chip{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:500}.chip.on{background:var(--tx);color:var(--bg1);border-color:transparent}.controls .link{align-self:flex-start}.loader{display:flex;flex-direction:column;align-items:center;gap:14px}.loader.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;justify-content:center;background:linear-gradient(var(--bg1),var(--bg2))}.loader .track{position:relative;width:310px;max-width:86vw;height:112px}.loader .cat{position:absolute;bottom:-6px;left:0;animation:walk 4s linear infinite}.loader .ground{position:absolute;left:0;right:0;bottom:-10px;height:4px;border-radius:2px;background:var(--line)}.loader .bar{width:310px;max-width:86vw;height:6px;margin-top:10px;border-radius:3px;background:var(--line);overflow:hidden}.loader .bar i{display:block;height:100%;width:40%;border-radius:3px;background:var(--accent);animation:slide 1.4s ease-in-out infinite}.loader p{font:500 22px Cormorant Garamond,serif;text-align:center;padding:0 16px}@keyframes walk{0%{left:0}to{left:calc(100% - 84px)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(40px,260px) rotate(360deg);opacity:0}}@keyframes tw{0%,to{opacity:.25}50%{opacity:1}}@keyframes drift{0%,to{transform:translate(0)}30%{transform:translate(40px,-30px)}60%{transform:translate(10px,-60px)}}html[data-motion=off] *,html[data-motion=off] *:before{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}.loader .cat{left:calc(50% - 42px)}}
