:root{--background:#030508;--foreground:#e7e9e6;--muted:#9ba4a7;--faint:#6f787d;--line:rgba(210,221,219,0.14);--glass:rgba(9,13,17,0.78);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}body{color:var(--foreground);background:var(--background);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{color:inherit}.universe-shell{--level-wash:transparent;position:relative;width:100vw;height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 26%,rgba(75,92,98,.055),transparent 30%),radial-gradient(ellipse at 76% 18%,rgba(205,217,212,.026),transparent 28%),radial-gradient(ellipse at 34% 86%,rgba(117,134,139,.035),transparent 36%),#030508}.universe-shell:after{position:absolute;z-index:1;inset:0;pointer-events:none;content:"";background:var(--level-wash),radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.48) 100%),linear-gradient(180deg,rgba(3,5,8,.2),transparent 24%,transparent 76%,rgba(3,5,8,.28));transition:background .5s ease}.universe-shell[data-level=years]{--level-wash:radial-gradient(circle at 52% 48%,rgba(95,114,118,0.045),transparent 42%)}.universe-shell[data-level=months]{--level-wash:radial-gradient(ellipse at center,rgba(89,110,111,0.06),transparent 48%)}.universe-shell[data-level=days]{--level-wash:radial-gradient(circle at center,rgba(171,160,132,0.055),transparent 34%)}.universe-shell[data-level=memories]{--level-wash:radial-gradient(circle at center,rgba(113,128,132,0.05),transparent 45%)}.galaxy-canvas{position:absolute;z-index:0;inset:0;touch-action:none}.universe-shell:has(.panel-layer) .galaxy-canvas{pointer-events:none}.boot-glow{position:absolute;z-index:12;inset:0;display:grid;pointer-events:none;place-items:center;background:rgba(3,5,8,.18)}.boot-glow i{width:7px;height:7px;border-radius:50%;background:#d9e1dd;box-shadow:0 0 14px rgba(217,225,221,.75),0 0 42px rgba(173,192,191,.25);animation:boot-star .78s ease-out both}.boot-glow span{position:absolute;width:110px;height:22px;border:1px solid rgba(194,209,206,.16);border-radius:50%;transform:rotate(-12deg);animation:boot-orbit .9s ease-out both}.transition-aura{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at center,rgba(194,208,204,.08),transparent 22%);transform:scale(.86);transition:opacity .18s ease,transform .7s cubic-bezier(.22,1,.36,1)}.universe-shell[data-transitioning=true] .transition-aura{opacity:1;transform:scale(1.18)}.universe-shell[data-transitioning=true][data-transition-direction=out] .transition-aura{transform:scale(.72)}@keyframes boot-star{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes boot-orbit{0%{opacity:0;transform:rotate(-12deg) scale(.28)}to{opacity:1;transform:rotate(-12deg) scale(1)}}.universe-navigation{position:absolute;z-index:5;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:14px;max-width:calc(100vw - 48px)}.back-button,.breadcrumb button,.button-primary,.button-quiet,.celestial-label,.create-star-button{border:0;cursor:pointer}.back-button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:#dfe4e2;background:rgba(8,12,15,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.back-button:focus-visible,.back-button:hover{border-color:rgba(210,221,219,.32);background:rgba(18,25,29,.7);transform:translateX(-2px)}.back-button:disabled,.breadcrumb button:disabled:not([aria-current=page]),.celestial-label:disabled,.create-star-button:disabled{cursor:wait;opacity:.58}.universe-navigation[aria-busy=true] .back-button{border-color:rgba(210,221,219,.26);background:rgba(19,27,30,.72)}.breadcrumb{display:flex;align-items:center;min-height:42px;padding:0 15px;overflow-x:auto;border:1px solid rgba(210,221,219,.1);border-radius:999px;list-style:none;white-space:nowrap;background:rgba(7,10,13,.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb li{display:flex;align-items:center}.breadcrumb button{padding:8px 5px;color:#9ea8aa;font-size:13px;letter-spacing:.04em;background:none;transition:color .16s ease}.breadcrumb button:focus-visible,.breadcrumb button:hover:not(:disabled){color:#eef1ed}.breadcrumb button:disabled{cursor:default;color:#e1e5e1}.breadcrumb-divider{margin:0 6px;color:#4e585d;font-size:12px}.layer-caption{position:absolute;z-index:4;left:max(28px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));max-width:390px;pointer-events:none}.layer-caption>span{display:block;margin-bottom:7px;color:#dce3df;font-size:12px;letter-spacing:.14em}.layer-caption p{color:#a4adae;font-family:Songti SC,STSong,serif;font-size:clamp(17px,2vw,22px);line-height:1.55}.layer-caption small{display:block;margin-top:10px;color:#5f696e;font-size:11px;letter-spacing:.06em}.universe-shell:has(.memory-card-layer) .layer-caption{opacity:.18}@media (max-width:767px){.universe-shell:has(.memory-card-layer) .layer-caption{opacity:0}}.prototype-settings{position:absolute;z-index:5;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:min(260px,calc(100vw - 48px));color:rgba(198,207,204,.54);font-size:11px}.prototype-settings-toggle{display:block;min-width:38px;min-height:32px;margin-left:auto;padding:0 9px;border:1px solid rgba(210,221,219,.055);border-radius:999px;color:rgba(198,207,204,.34);font-size:10px;background:rgba(7,10,13,.12);cursor:pointer;opacity:.76;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .18s ease,color .18s ease,background .18s ease,opacity .18s ease}.prototype-settings-toggle:focus-visible,.prototype-settings-toggle:hover,.prototype-settings[data-open=true] .prototype-settings-toggle{border-color:rgba(210,221,219,.24);outline:none;color:#e5ebe6;background:rgba(13,18,21,.58);opacity:1}.prototype-settings-panel{display:grid;gap:10px;margin-top:8px;padding:13px;border:1px solid rgba(210,221,219,.12);border-radius:16px;background:rgba(7,10,13,.72);box-shadow:0 16px 46px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.prototype-settings-panel div{display:flex;justify-content:space-between;gap:12px}.prototype-check-field,.prototype-mode-field{display:grid;gap:7px}.prototype-check-field span,.prototype-mode-field span{color:#687276}.prototype-mode-field select{min-height:34px;border:1px solid rgba(210,221,219,.12);border-radius:10px;color:#c6cfcc;background:rgba(255,255,255,.03)}.prototype-check-field{grid-template-columns:16px 1fr;align-items:center}.prototype-check-field input{width:15px;height:15px;accent-color:#cbd5d1}.prototype-settings-panel span{color:#687276}.prototype-settings-panel strong{max-width:132px;overflow:hidden;color:#aeb8b7;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.prototype-settings-panel p{color:#d4aaa1;line-height:1.6}.prototype-settings-panel button{min-height:36px;border:1px solid rgba(210,221,219,.12);border-radius:999px;color:#c8d0cd;background:rgba(255,255,255,.025);cursor:pointer}.prototype-settings-panel button:disabled{cursor:not-allowed;opacity:.42}.supabase-access-shell{position:relative;display:grid;width:100vw;min-height:100dvh;padding:24px;overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(111,133,135,.1),transparent 30%),radial-gradient(circle at 18% 78%,rgba(86,104,111,.06),transparent 24%),#030508}.supabase-access-stars{position:absolute;inset:0;pointer-events:none}.supabase-access-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(220,229,225,.72);box-shadow:0 0 18px rgba(184,204,201,.38)}.supabase-access-stars i:first-child{top:23%;left:18%}.supabase-access-stars i:nth-child(2){top:31%;right:21%;width:2px;height:2px}.supabase-access-stars i:nth-child(3){right:29%;bottom:22%;width:3px;height:3px}.supabase-access-card{position:relative;z-index:1;width:min(430px,100%);padding:clamp(28px,6vw,48px);border:1px solid rgba(210,221,219,.13);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(185,202,198,.055),transparent 36%),rgba(8,12,15,.82);box-shadow:0 24px 90px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.supabase-access-card h1{margin-top:18px;color:#edf0ec;font-family:Songti SC,STSong,serif;font-size:clamp(30px,7vw,43px);font-weight:400;line-height:1.25}.supabase-access-card>p,.supabase-access-card>small{display:block;margin-top:16px;color:#909a9b;line-height:1.8}.supabase-access-card>small{color:#687276;font-size:12px}.supabase-access-card form{display:grid;gap:16px;margin-top:28px}.supabase-access-card label{display:grid;gap:8px}.supabase-access-card label span{color:#7f898b;font-size:11px;letter-spacing:.08em}.supabase-access-card input{min-height:48px;padding:0 14px;border:1px solid rgba(210,221,219,.14);border-radius:13px;outline:none;color:#e0e5e1;background:rgba(255,255,255,.025)}.supabase-access-card input:focus{border-color:rgba(201,216,212,.34)}.supabase-access-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.supabase-access-message{color:#c9d2cf!important;font-size:13px}.supabase-access-local{margin-top:22px;border:0;color:#6f797c;font-size:12px;background:none;cursor:pointer}.supabase-access-local:focus-visible,.supabase-access-local:hover{outline:none;color:#cbd3d0}.supabase-access-card.is-loading{text-align:center}@media (max-width:520px){.supabase-access-shell{padding:14px}.supabase-access-card{padding:28px 20px;border-radius:20px}.supabase-access-secondary{grid-template-columns:1fr}}.celestial-label{display:flex;flex-direction:column;align-items:center;min-width:96px;padding:7px 10px;border-radius:12px;text-align:center;white-space:nowrap;background:rgba(4,7,9,.22);text-shadow:0 1px 7px #000,0 0 18px rgba(0,0,0,.55);transform:translateZ(0);transition:color .18s ease,background .18s ease,transform .18s ease}.celestial-label strong{color:#e7e9e4;font-size:14px;font-weight:500;letter-spacing:.06em}.celestial-label span{margin-top:3px;color:#899396;font-size:9px;letter-spacing:.08em}.celestial-label:focus-visible,.celestial-label:hover{outline:none;background:rgba(13,19,22,.7);transform:translateY(-2px)}.celestial-label--year strong{font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:.12em}.celestial-label--year{min-width:82px;padding:5px 8px;background:rgba(4,7,9,.08)}.celestial-label--year-core{min-width:92px;border:1px solid rgba(205,218,215,.08);background:rgba(6,10,12,.34)}.celestial-label--year-core strong{font-family:Georgia,Times New Roman,serif;font-size:18px;letter-spacing:.12em}.celestial-label--year-core span{color:#7f8d8f}.celestial-label--month{min-width:78px;border:1px solid rgba(185,204,200,.06);background:rgba(5,8,10,.2)}.celestial-label--month strong{font-size:12px}.celestial-label--month.is-empty{border-color:rgba(150,166,168,.055);opacity:.74}.celestial-label--month.is-empty strong{color:#b7c1bf}.celestial-label--month.is-active{border-color:rgba(212,223,218,.08);background:rgba(7,11,12,.3)}.celestial-label--empty-month-seed.is-short span,.celestial-label--month-create.is-short span,.celestial-label--month.is-short span{max-height:0;margin-top:0;overflow:hidden;opacity:0}.celestial-label--empty-month-seed.is-full span,.celestial-label--empty-month-seed:focus-visible span,.celestial-label--empty-month-seed:hover span,.celestial-label--month-create.is-full span,.celestial-label--month-create:focus-visible span,.celestial-label--month-create:hover span,.celestial-label--month.is-full span,.celestial-label--month:focus-visible span,.celestial-label--month:hover span{max-height:18px;margin-top:3px;opacity:1}.celestial-label--empty-month-seed,.celestial-label--month-create{min-width:132px;border:1px solid rgba(184,199,194,.1);background:rgba(8,12,13,.28)}.celestial-label--empty-month-seed strong,.celestial-label--month-create strong{color:#bdcac4;font-size:12px}.celestial-label--empty-month-title{min-width:150px;border:1px solid rgba(190,206,202,.08);background:rgba(8,12,13,.4)}.celestial-label--empty-month-title strong{font-size:16px}.celestial-label--month-core{min-width:132px;border:1px solid rgba(190,206,202,.08);background:rgba(8,12,13,.42)}.celestial-label--month-core strong{font-size:16px}.celestial-label--month-day{min-width:76px;padding:5px 7px;border:1px solid rgba(185,204,200,.055);background:rgba(5,8,10,.2);transition:opacity .18s ease,color .18s ease,background .18s ease,transform .18s ease}.celestial-label--month-day strong{color:#d8dfdb;font-size:11px}.celestial-label--month-day span{max-height:0;margin-top:0;overflow:hidden;opacity:0}.celestial-label--month-day.is-hidden{opacity:0;transform:translateY(3px) scale(.94);pointer-events:none}.celestial-label--month-day.is-empty strong{color:#aeb9b7}.celestial-label--month-day.is-active{border-color:rgba(212,223,218,.08);background:rgba(8,12,13,.34)}.celestial-label--month-day.is-full{min-width:104px;background:rgba(12,18,20,.64);border-color:rgba(210,221,219,.14)}.celestial-label--month-day.is-full span,.celestial-label--month-day:focus-visible span,.celestial-label--month-day:hover span{max-height:18px;margin-top:3px;opacity:1}.celestial-label--day{min-width:112px;background:rgba(8,12,13,.5)}.celestial-label--memory{max-width:190px;opacity:.94}.celestial-label--memory strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.celestial-label--memory.is-hidden{opacity:0;transform:translateY(3px) scale(.94);pointer-events:none}.celestial-label--memory.is-short{min-width:0;padding:6px 9px;background:rgba(4,7,9,.18);border:1px solid rgba(210,221,219,.045)}.celestial-label--memory.is-short strong{font-size:11.5px}.celestial-label--memory.is-full{background:rgba(7,11,13,.58);border:1px solid rgba(210,221,219,.08);box-shadow:0 10px 24px rgba(0,0,0,.18)}.celestial-label--day-anchor{min-width:120px;background:rgba(10,14,16,.6);border:1px solid rgba(210,221,219,.08)}.celestial-label--day-anchor strong{font-size:15px;letter-spacing:.08em}.celestial-label--create{min-width:108px;background:rgba(8,12,13,.28);border:1px solid rgba(180,195,190,.1)}.celestial-label--create:focus-visible,.celestial-label--create:hover{background:rgba(15,22,25,.65);border-color:rgba(180,195,190,.28)}.celestial-label--create strong{color:#b8c4be;font-size:12px}.celestial-label--create span{max-height:0;margin-top:0;overflow:hidden;opacity:0;transition:max-height .18s ease,margin-top .18s ease,opacity .18s ease}.celestial-label--create.is-full span,.celestial-label--create:focus-visible span,.celestial-label--create:hover span{max-height:16px;margin-top:3px;opacity:1}.celestial-label.is-dormant{cursor:default;opacity:.48}.create-star-button{position:absolute;z-index:5;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:11px;min-height:50px;padding:0 19px;border:1px solid rgba(210,221,219,.2);border-radius:999px;color:#e8ece8;background:rgba(12,17,20,.74);box-shadow:0 10px 40px rgba(0,0,0,.34),inset 0 0 24px rgba(193,207,203,.025);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.create-star-button i{width:8px;height:8px;border-radius:50%;background:#d8dfdb;box-shadow:0 0 8px rgba(216,223,219,.8),0 0 20px rgba(216,223,219,.35)}.create-star-button:focus-visible,.create-star-button:hover{border-color:rgba(210,221,219,.4);outline:none;background:rgba(20,28,31,.86);transform:translateY(-2px)}.panel-layer{position:fixed;z-index:20;inset:0;display:flex;justify-content:flex-end}.panel-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(1,3,5,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.memory-card-layer{position:fixed;z-index:18;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:max(32px,env(safe-area-inset-top)) max(clamp(44px,5vw,82px),env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));pointer-events:none}.memory-panel{--panel-accent:#c9d4d6;position:relative;display:flex;flex-direction:column;width:min(510px,calc(100vw - 36px));height:calc(100% - 36px);margin:18px;padding:clamp(28px,5vw,52px);overflow-y:auto;border:1px solid color-mix(in srgb,var(--panel-accent) 22%,transparent);border-radius:24px;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--panel-accent) 7%,transparent),transparent 36%),rgba(8,12,15,.9);box-shadow:0 20px 80px rgba(0,0,0,.48),inset 0 0 70px rgba(211,222,218,.018);-webkit-backdrop-filter:blur(28px) saturate(115%);backdrop-filter:blur(28px) saturate(115%);scrollbar-color:#394246 transparent;overscroll-behavior:contain;scroll-padding:28px 0 120px;transform-origin:right center}.memory-panel--detail-card{width:min(416px,calc(100vw - 72px));max-height:min(720px,calc(100dvh - 64px));height:auto;margin:0;padding:34px 32px 26px;overflow:hidden auto;border-color:color-mix(in srgb,var(--panel-accent) 34%,transparent);border-radius:22px;background:radial-gradient(circle at 84% 6%,color-mix(in srgb,var(--panel-accent) 13%,transparent),transparent 31%),linear-gradient(180deg,rgba(12,17,19,.8),rgba(6,9,12,.7));box-shadow:0 20px 78px rgba(0,0,0,.38),0 0 42px color-mix(in srgb,var(--panel-accent) 15%,transparent),inset 0 0 72px rgba(226,235,231,.018);pointer-events:auto;-webkit-backdrop-filter:blur(24px) saturate(118%);backdrop-filter:blur(24px) saturate(118%);scrollbar-color:color-mix(in srgb,var(--panel-accent) 30%,#30383b) transparent}.memory-panel--detail-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 18%,transparent),transparent 28%),radial-gradient(circle at 0 20%,color-mix(in srgb,var(--panel-accent) 8%,transparent),transparent 32%);opacity:.62}.memory-panel--detail-card>*{position:relative}.memory-card-orbit{position:absolute;top:26px;right:74px;width:60px;height:28px;pointer-events:none;opacity:.58}.memory-card-orbit i{position:absolute;top:10px;left:22px;width:7px;height:7px;border-radius:50%;background:var(--panel-accent);box-shadow:0 0 12px color-mix(in srgb,var(--panel-accent) 70%,transparent),0 0 28px color-mix(in srgb,var(--panel-accent) 28%,transparent)}.memory-card-orbit span{position:absolute;inset:3px 0;border:1px solid color-mix(in srgb,var(--panel-accent) 22%,transparent);border-radius:50%;transform:rotate(-13deg)}.memory-card-kicker{margin-bottom:16px}.panel-close-button{position:absolute;z-index:2;top:22px;right:22px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(210,221,219,.12);border-radius:50%;color:#a5aead;background:rgba(255,255,255,.025);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.panel-close-button span{font-size:22px;font-weight:300;line-height:1;transform:translateY(-1px)}.panel-close-button:focus-visible,.panel-close-button:hover{border-color:rgba(210,221,219,.3);outline:none;color:#eef1ed;background:rgba(255,255,255,.055)}.panel-kicker{display:flex;justify-content:space-between;gap:16px;margin-right:52px;margin-bottom:24px;color:#778186}.eyebrow,.memory-type-badge,.panel-kicker{align-items:center;font-size:11px;letter-spacing:.08em}.eyebrow,.memory-type-badge{display:inline-flex;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px}.memory-panel h2{max-width:390px;color:#f0f1ed;font-family:Songti SC,STSong,serif;font-size:clamp(28px,5vw,42px);font-weight:400;line-height:1.3;letter-spacing:.02em}.memory-panel--detail-card h2{max-width:320px;font-size:clamp(27px,3vw,37px);line-height:1.22}.memory-author{margin-top:12px;color:#758085;font-size:12px}.memory-image-placeholder{position:relative;display:grid;place-items:end start;min-height:0;aspect-ratio:4/3;margin-top:32px;padding:22px;overflow:hidden;border:1px solid rgba(214,222,216,.12);border-radius:18px;background:radial-gradient(circle at 66% 36%,rgba(214,220,207,.15) 0 1px,transparent 2px),radial-gradient(circle at 42% 58%,rgba(214,220,207,.1) 0 1px,transparent 2px),linear-gradient(145deg,#172025,#0a0f12 65%)}.memory-image-placeholder:before{position:absolute;width:180px;height:180px;top:-65px;right:-30px;border-radius:50%;content:"";background:rgba(184,198,193,.06);filter:blur(2px)}.memory-image-placeholder span{position:absolute;width:6px;height:6px;top:42%;left:54%;border-radius:50%;background:var(--panel-accent);box-shadow:0 0 12px var(--panel-accent),0 0 32px color-mix(in srgb,var(--panel-accent) 50%,transparent)}.memory-image-placeholder p{position:relative;color:#8c9798;font-family:Songti SC,STSong,serif;font-size:13px}.memory-image-stack{display:grid;gap:12px;margin-top:32px}.memory-image-stack figure{overflow:hidden;border:1px solid rgba(214,222,216,.12);border-radius:18px;background:rgba(255,255,255,.025)}.memory-image-stack img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.memory-content{margin-top:32px;color:#c5cbc8;font-family:Songti SC,STSong,serif;font-size:16px;line-height:2;white-space:pre-wrap}.memory-panel--detail-card .memory-content{margin-top:24px;color:rgba(225,229,224,.9);font-size:15px;line-height:1.9}.memory-content.is-empty{color:#7d8789}.memory-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.memory-tags span{padding:5px 9px;border:1px solid rgba(210,221,219,.12);border-radius:999px;color:#879194;font-size:11px;background:rgba(255,255,255,.018)}.memory-importance{display:flex;align-items:center;justify-content:space-between;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);color:#778186;font-size:12px}.memory-importance>div{display:flex;gap:7px}.memory-importance i{width:6px;height:6px;border-radius:50%;background:#30383b}.memory-importance i.is-lit{background:var(--panel-accent);box-shadow:0 0 9px color-mix(in srgb,var(--panel-accent) 65%,transparent)}.memory-metadata{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(210,221,219,.08)}.memory-metadata div{min-width:0}.memory-metadata dt{margin-bottom:4px;color:#5f696d;font-size:10px;letter-spacing:.08em}.memory-metadata dd{overflow:hidden;color:#8e989a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.panel-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:34px}.delete-confirm{margin-top:24px;padding-top:20px;border-top:1px solid rgba(210,221,219,.08)}.delete-confirm p{color:#c7b0ad;font-size:13px;line-height:1.7}.memory-card-actions{gap:12px;padding-top:26px}.memory-panel--detail-card .button-primary{min-height:44px;color:#172022;background:rgba(226,233,229,.9)}.memory-panel--detail-card .button-quiet{min-height:42px;color:rgba(165,174,174,.74);background:rgba(255,255,255,.014)}.memory-panel--detail-card .button-danger{color:rgba(183,139,137,.62)}.button-primary,.button-quiet{min-height:46px;padding:0 18px;border-radius:999px;font-size:13px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button-primary{color:#101619;background:#dce2de}.button-primary:focus-visible,.button-primary:hover{outline:none;background:#f0f2ef;transform:translateY(-1px)}.button-primary:disabled{cursor:wait;opacity:.72;transform:none}.button-quiet{border:1px solid var(--line);color:#929c9d;background:rgba(255,255,255,.025)}.button-quiet:focus-visible:not(:disabled),.button-quiet:hover:not(:disabled){border-color:rgba(210,221,219,.3);outline:none}.button-quiet:disabled{cursor:not-allowed;opacity:.38}.button-danger{margin-left:auto;color:#a48383}.create-panel{--panel-accent:#c8d6d4}.memory-form{display:flex;flex:1 1;flex-direction:column;gap:20px;margin-top:30px}.memory-form fieldset,.memory-form label{display:flex;flex-direction:column;gap:9px;border:0}.importance-field>span,.memory-form label>span,.memory-form legend{color:#899395;font-size:11px;letter-spacing:.08em}.memory-form input,.memory-form select,.memory-form textarea{width:100%;border:1px solid rgba(210,221,219,.13);border-radius:13px;outline:none;color:#dce1de;background:rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease}.memory-form input,.memory-form select{min-height:46px;padding:0 13px}.memory-form textarea{min-height:120px;padding:13px;resize:vertical;line-height:1.7}.memory-form input:focus,.memory-form select:focus,.memory-form textarea:focus{border-color:rgba(200,214,212,.38);background:rgba(255,255,255,.04)}.memory-form input::placeholder,.memory-form textarea::placeholder{color:#50595d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid rgba(210,221,219,.12);border-radius:13px;background:rgba(255,255,255,.02)}.segmented-control label{display:block;cursor:pointer}.segmented-control input{position:absolute;width:1px;height:1px;opacity:0}.segmented-control span{display:grid;min-height:38px;place-items:center;border-radius:9px;color:#737d80;font-size:12px;transition:color .16s ease,background .16s ease}.segmented-control input:checked+span{color:#e1e6e2;background:rgba(201,214,211,.1)}.image-placeholder-input{display:grid;min-height:112px;place-items:center;padding:16px;border:1px dashed rgba(210,221,219,.16);border-radius:16px;color:#768184;background:rgba(255,255,255,.015);cursor:pointer;transition:border-color .16s ease,background .16s ease}.image-placeholder-input i{display:block;width:8px;height:8px;margin-bottom:4px;border-radius:50%;background:#657176}.image-placeholder-input span{font-size:12px}.image-placeholder-input small{color:#4f585c;font-size:10px}.image-placeholder-input.has-placeholder,.image-placeholder-input:hover{border-color:rgba(200,214,212,.34);background:rgba(200,214,212,.035)}.image-placeholder-input:disabled{cursor:wait;opacity:.66}.image-placeholder-input.has-placeholder i{background:#cbd6d2;box-shadow:0 0 12px rgba(203,214,210,.6)}.image-picker{display:grid;gap:12px}.image-picker-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-preview-grid figure{position:relative;overflow:hidden;border:1px solid rgba(210,221,219,.1);border-radius:13px;background:rgba(255,255,255,.025)}.image-preview-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.image-preview-grid figcaption{padding:7px 8px;overflow:hidden;color:#747f82;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.image-preview-grid figure button{position:absolute;top:6px;right:6px;min-height:28px;padding:0 8px;border:1px solid rgba(210,221,219,.16);border-radius:999px;color:#e2e7e4;background:rgba(4,7,9,.62);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.check-field{flex-direction:row!important;align-items:center;gap:10px!important;color:#8c9698;font-size:12px}.check-field input{width:17px;height:17px;accent-color:#cbd5d1}.form-message{color:#8f999b;font-size:12px;line-height:1.6}.form-message.is-error{color:#d4aaa1}.importance-field>span{display:flex;align-items:center;justify-content:space-between}.importance-field strong{color:#d5dcd8;font-size:13px;font-weight:500}.importance-field input[type=range]{height:4px;min-height:4px;padding:0;border:0;accent-color:#cbd5d1}@media (max-width:767px){.universe-navigation{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:8px;max-width:calc(100vw - 24px)}.back-button{width:46px;min-width:46px;min-height:46px;justify-content:center;padding:0}.back-button span:last-child{display:none}.breadcrumb{flex:1 1 auto;max-width:calc(100vw - 78px);min-height:46px;padding:0 12px}.breadcrumb button{min-height:44px}.layer-caption{right:18px;bottom:max(34px,env(safe-area-inset-bottom));left:18px;max-width:none}.layer-caption p{max-width:330px;font-size:16px}.layer-caption small{display:none}.prototype-settings{top:max(64px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(238px,calc(100vw - 24px))}.prototype-settings-toggle{min-width:40px;min-height:36px}.create-star-button{right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));min-height:52px;padding:0 17px}.universe-shell:has(.create-star-button) .layer-caption{bottom:calc(max(28px, env(safe-area-inset-bottom)) + 66px)}.celestial-label{min-width:88px;padding:8px}.celestial-label--memory{max-width:140px}.celestial-label--memory strong{max-width:130px}.celestial-label--memory.is-short{padding:5px 7px}.celestial-label--memory.is-short strong{font-size:10px}.memory-card-layer{align-items:flex-end;padding:0}.memory-panel{height:calc(100dvh - max(10px, env(safe-area-inset-top)));margin:max(10px,env(safe-area-inset-top)) 0 0;padding:28px 20px max(24px,env(safe-area-inset-bottom))}.memory-panel,.memory-panel--detail-card{width:100%;border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0}.memory-panel--detail-card{height:min(64dvh,600px);max-height:min(64dvh,600px);margin:0;padding:28px 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--panel-accent) 10%,transparent),transparent 34%),linear-gradient(180deg,rgba(12,17,19,.92),rgba(6,9,12,.9))}.memory-panel h2{font-size:30px}.memory-panel--detail-card h2{max-width:calc(100vw - 92px);font-size:25px;line-height:1.24}.memory-card-orbit{right:68px}.memory-image-placeholder{width:100%;aspect-ratio:4/3}.memory-metadata{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.panel-actions{position:sticky;bottom:-1px;padding-bottom:2px;background:linear-gradient(180deg,transparent,rgba(8,12,15,.98) 30%)}.panel-close-button{top:16px;right:16px;width:46px;height:46px}.create-panel .panel-actions{flex-direction:column;align-items:stretch}.create-panel .button-primary,.create-panel .button-quiet{width:100%}}@media (orientation:landscape) and (max-height:560px){.universe-navigation{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.back-button,.breadcrumb{min-height:44px}.breadcrumb{max-width:min(520px,calc(100vw - 160px))}.layer-caption{bottom:max(14px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));max-width:250px}.layer-caption p{font-size:14px;line-height:1.35}.create-star-button{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:48px}.universe-shell:has(.create-star-button) .layer-caption{bottom:max(14px,env(safe-area-inset-bottom))}.memory-panel{width:min(580px,calc(100vw - 24px));height:calc(100dvh - 16px);margin:8px 8px 8px auto;padding:24px 28px;border:1px solid color-mix(in srgb,var(--panel-accent) 22%,transparent);border-radius:20px}.memory-panel--detail-card{width:min(416px,calc(100vw - 24px));height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:0}.memory-panel h2{max-width:440px;font-size:27px}.memory-content{margin-top:20px;font-size:14px;line-height:1.8}.memory-image-placeholder{width:min(260px,45vw);margin-top:20px}.memory-importance{margin-top:20px}.panel-actions{padding-top:22px}.create-panel{width:min(680px,calc(100vw - 20px))}.create-panel .memory-form{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin-top:20px}.create-panel .check-field,.create-panel .form-message,.create-panel .image-picker,.create-panel .importance-field,.create-panel .memory-form>label:nth-child(2),.create-panel .panel-actions{grid-column:span 2}.create-panel .panel-actions{position:static;flex-direction:row;padding-top:8px;background:none}.create-panel .button-primary,.create-panel .button-quiet{width:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}