:root{color-scheme:dark;--ink:#eef5fb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02030a;color:var(--ink);font-family:"SF Pro Display","SF Pro Text","PingFang SC","Noto Sans SC","Source Han Sans SC",system-ui,sans-serif}button,input{font:inherit}.atlas,#sky{position:fixed;inset:0;width:100%;height:100%}.atlas{overflow:hidden;background:#02030a}#sky{display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 47%,rgba(0,0,5,.16) 78%,rgba(0,0,4,.56) 130%)}.brand{position:fixed;z-index:3;top:max(17px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:7px;color:rgba(228,237,246,.5);font-size:11px;letter-spacing:.22em;pointer-events:none}.brand span{font-size:16px;color:rgba(225,240,255,.8);filter:drop-shadow(0 0 8px rgba(164,211,255,.6))}.brand b{font-weight:520}.search-shell{position:fixed;z-index:5;top:max(17px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:32px;height:30px;display:flex;align-items:center;gap:7px;overflow:hidden;padding:0 9px;border:1px solid rgba(218,232,245,.06);border-radius:999px;background:rgba(5,7,12,.08);backdrop-filter:blur(9px);opacity:.3;transition:.25s}.search-shell:focus-within{width:min(244px,60vw);opacity:.86;background:rgba(5,7,12,.58);border-color:rgba(218,232,245,.12)}.search-shell>span{flex:none;font-size:17px;color:#b7d6ef}.search-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eff7fc;font-size:11px}.search-shell input::placeholder{color:#79899b}.search-shell button,.quiet-tools button,.close{border:0;background:transparent;color:#9baab9;padding:0;line-height:1}.quiet-tools{position:fixed;z-index:4;right:max(12px,env(safe-area-inset-right));bottom:max(15px,calc(env(safe-area-inset-bottom) + 7px));display:flex;flex-direction:column;gap:3px}.quiet-tools button{width:31px;height:31px;border-radius:50%;font-size:15px;opacity:.22}.quiet-tools button:first-child{color:#c9dfff;filter:drop-shadow(0 0 7px rgba(146,190,255,.5))}.quiet-tools button:active{opacity:.78;background:rgba(255,255,255,.04)}.quiet-tools button.is-muted{opacity:.1}.birth-notice{position:fixed;z-index:8;left:50%;top:max(58px,calc(env(safe-area-inset-top) + 42px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid rgba(210,225,244,.11);border-radius:999px;background:rgba(6,7,14,.55);color:#cbd7e3;backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.3);font-size:10px;letter-spacing:.04em;transition:.3s}.birth-notice.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-7px)}.birth-notice i{width:5px;height:5px;border-radius:50%;background:#cfcbff;box-shadow:0 0 10px #948cff}.birth-notice small{color:#8497ac;font-size:9px}.memory-card,.relation-card{position:fixed;z-index:7;border:1px solid rgba(220,235,247,.1);background:linear-gradient(145deg,rgba(8,10,16,.74),rgba(2,4,9,.57));box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.02);backdrop-filter:blur(20px) saturate(112%);transition:opacity .18s,transform .18s}.memory-card{width:min(254px,calc(100vw - 34px));max-height:min(330px,55vh);overflow:auto;padding:17px 18px 15px;border-radius:17px}.memory-card.is-hidden,.relation-card.is-hidden{opacity:0;pointer-events:none;transform:translateY(5px) scale(.98)}.close{position:absolute;right:11px;top:10px;font-size:18px;opacity:.42}.eyebrow{margin:0 24px 7px 0;color:#8daac0;font-size:8px;letter-spacing:.16em}.memory-card h1{margin:0 24px 10px 0;color:#f1f5f8;font-size:16px;line-height:1.36;font-weight:570}.memory-body{margin:0;color:#acb8c4;font-size:11.5px;line-height:1.72}.memory-card footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid rgba(221,235,246,.065);color:#68798a;font-size:9px}.memory-card footer span:last-child{color:#7f92a4}.relation-card{width:min(238px,calc(100vw - 34px));padding:14px 16px 13px;border-radius:15px}.relation-card>p{margin:0 22px 6px 0;color:#839bad;font-size:8px;letter-spacing:.16em}.relation-card h2{margin:0 20px 8px 0;color:#e8f0f5;font-size:13px;line-height:1.5;font-weight:520}.relation-card small{display:block;color:#728292;font-size:9px}.birth-caption{position:fixed;z-index:9;left:50%;bottom:max(46px,calc(env(safe-area-inset-bottom) + 35px));transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:rgba(222,230,241,.72);font-size:10px;letter-spacing:.08em;text-shadow:0 0 14px #000;transition:.5s;pointer-events:none}.birth-caption.is-hidden{opacity:0;transform:translate(-50%,7px)}.birth-caption span{color:#d6d1ff;filter:drop-shadow(0 0 8px #8f83ff)}.gesture-hint{position:fixed;z-index:3;left:50%;bottom:max(15px,calc(env(safe-area-inset-bottom) + 6px));transform:translateX(-50%);margin:0;color:rgba(172,186,202,.2);font-size:9px;letter-spacing:.09em;white-space:nowrap;pointer-events:none;transition:opacity 1s}@media(max-width:640px){.brand{font-size:10px}.memory-card{width:min(226px,calc(100vw - 28px));padding:15px 16px 14px}.memory-card h1{font-size:15px}.memory-body{font-size:11px}.relation-card{width:min(220px,calc(100vw - 28px))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}