*{box-sizing:border-box}html,body,main{color:#eef0ff;background:#02030a;width:100%;height:100%;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}.universe{opacity:0;transition:opacity 2.2s,transform 2.4s;position:fixed;inset:0;transform:scale(1.025)}.universe.ready{opacity:1;transform:none}.universe:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 35%,#01020885 100%),radial-gradient(circle at 23% 25%,#44368514,#0000 33%);position:absolute;inset:0}.brand{top:max(20px,env(safe-area-inset-top));letter-spacing:.22em;color:#dfe4ff;align-items:center;gap:8px;font-size:10px;display:flex;position:fixed;left:22px}.brand i{background:#b9c6ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 13px #8091ff}.brand span{opacity:.42;letter-spacing:.1em;margin-left:5px}.toolbar{top:max(54px,calc(env(safe-area-inset-top) + 38px));flex-direction:column;align-items:stretch;gap:7px;display:flex;position:fixed;right:15px}.toolbar button,.toolbar select{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ebefffba;background:#06081694;border:1px solid #b6c1ff24;border-radius:22px;min-height:39px;padding:0 13px}.toolbar button{align-items:center;gap:8px;display:flex}.toolbar button span{font-size:11px}.toolbar .active{color:#fff;border-color:#9fb1ff80;box-shadow:0 0 20px #5c70e624}.toolbar select{max-width:112px;font-size:11px}.timeline{bottom:max(20px,calc(env(safe-area-inset-bottom) + 10px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05071273;border:1px solid #b4beff1a;border-radius:30px;gap:6px;max-width:88vw;padding:6px;display:flex;position:fixed;left:50%;overflow:auto;transform:translate(-50%)}.timeline button{opacity:.4;letter-spacing:.08em;white-space:nowrap;background:0 0;border:0;padding:5px 10px;font-size:10px}.timeline .active{opacity:1;background:#919ee624;border-radius:16px}.space-label{white-space:nowrap;color:#dce2ff;letter-spacing:.12em;text-shadow:0 0 8px #000;font-size:9px}.scrim{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010208b8;place-items:end center;display:grid;position:fixed;inset:0}.sheet,.permission{width:min(100%,520px);padding:24px 22px max(24px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#12152cf7,#050711fa);border:1px solid #b4beff2b;border-radius:25px 25px 0 0;gap:14px;display:grid}.sheet header{justify-content:space-between;align-items:center;display:flex}.sheet header span{font-size:17px}.sheet button,.permission button,.actions button{background:0 0;border:0}.sheet input,.sheet textarea,.sheet select{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;padding:12px}.sheet textarea{resize:none;height:70px}.sheet label{color:#aeb5d7;gap:7px;font-size:11px;display:grid}.sheet .file{text-align:center;border:1px dashed #b1beff4d;border-radius:13px;padding:14px}.file input{border:0;padding:7px}.primary{color:#11152d!important;background:#d9dfff!important;border-radius:14px!important;padding:13px!important}.permission{text-align:center;border-radius:25px;place-self:center;max-width:390px}.permission p{color:#aeb4d1;margin:0;font-size:13px;line-height:1.8}.hand-icon{color:#acbaff;text-shadow:0 0 18px #7586ff;font-size:34px}.detail{z-index:15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:max(55px,env(safe-area-inset-top)) 5vw max(40px,env(safe-area-inset-bottom));background:#02030ae3;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:5vw;animation:.5s appear;display:grid;position:fixed;inset:0}.detail-image{filter:drop-shadow(0 25px 45px #000);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px}.detail-copy{align-self:center}.eyebrow{letter-spacing:.18em;color:#9fa9d6;font-size:10px}.detail h1{margin:14px 0;font-size:clamp(30px,5vw,58px);font-weight:300}.detail p{color:#aeb3cb;line-height:1.8}.detail-close{right:25px;top:max(20px,env(safe-area-inset-top));background:0 0;border:0;font-size:30px;position:absolute}.actions{gap:10px;margin-top:30px;display:flex}.actions button{border:1px solid #3e4566;border-radius:20px;padding:9px 14px;font-size:11px}.actions .danger{opacity:.55}.tutorial{left:20px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 63px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a19cc;border:1px solid #a2b0ff33;border-radius:16px;gap:8px;padding:16px;font-size:11px;display:grid;position:fixed}.tutorial span{color:#a8afcf}.tutorial button{text-align:left;color:#b9c7ff;background:0 0;border:0;padding:5px 0}.hand-hint,.toast{color:#bec6e9;background:#080a18b3;border:0;border-radius:20px;padding:9px 14px;font-size:11px;position:fixed;top:16%;left:50%;transform:translate(-50%)}.toast{z-index:30;top:auto;bottom:85px}@keyframes appear{0%{opacity:0;transform:scale(.98)}}@media (max-width:700px){.detail{grid-template-rows:56vh auto;grid-template-columns:1fr;gap:10px;padding:50px 18px 25px}.detail-copy{align-self:start}.detail h1{font-size:28px}.detail p{font-size:13px}.toolbar{top:max(52px,calc(env(safe-area-inset-top) + 32px))}.brand span{display:none}}@media (prefers-reduced-motion:reduce){*,:after{transition-duration:.01ms!important;animation:none!important}}html,body,main{min-height:100dvh}.universe{z-index:0;touch-action:none}.universe canvas{touch-action:none;display:block}.brand,.toolbar,.timeline,.quick-add,.gesture-status,.toast{z-index:10;pointer-events:auto}.toolbar button,.toolbar select,.timeline button,.quick-add,.actions button,.detail-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.toolbar{max-height:calc(100dvh - 160px);overflow-y:auto}.quick-add{z-index:12;right:18px;bottom:max(78px, calc(env(safe-area-inset-bottom) + 68px));color:#070a1b;cursor:pointer;background:radial-gradient(circle at 35% 30%,#e4eaff,#7585ca 32%,#1f264ee0 65%);border:1px solid #beccff80;border-radius:50%;place-content:center;width:64px;height:64px;font-size:33px;line-height:21px;display:grid;position:fixed;box-shadow:0 0 28px #788cff6b,inset 0 0 18px #ffffff80}.quick-add small{margin-top:4px;font-size:9px;font-weight:700;display:block}.quick-add:disabled{opacity:.65}.visually-hidden{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:fixed!important;top:-10px!important;left:-10px!important}.spinner{border:2px solid #0003;border-top-color:#10142a;border-radius:50%;width:18px;height:18px;margin:auto;animation:.8s linear infinite spin}.gesture-status{left:18px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 68px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070918db;border:1px solid #9fafff3b;border-radius:15px;max-width:min(330px,100vw - 110px);padding:13px 15px;font-size:11px;position:fixed}.gesture-status p{color:#adb5da;margin:9px 0;line-height:1.55}.gesture-status button{background:0 0;border:1px solid #9fafff33;border-radius:18px;min-height:36px;margin-right:7px;padding:0 11px}.status-dot{background:#d7b170;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 10px}.status-dot.locked{background:#a7d5c6}.detail-copy input,.detail-copy textarea,.detail-copy select{background:#ffffff0a;border:1px solid #bec6ff21;border-radius:12px;outline:none;width:100%;margin:5px 0;padding:11px 12px}.detail-copy textarea{resize:vertical;color:#c2c8df;min-height:100px}.detail-title{font-size:clamp(28px,5vw,54px);font-weight:300;background:0 0!important;border:0!important;padding-left:0!important}.actions .save{color:#11152b;background:#dce3ff;border-color:#0000}.entrance{z-index:40;color:#dfe5ff;background:#010208;border:0;place-content:center;gap:11px;width:100%;animation:2.2s forwards entranceFade;display:grid;position:fixed;inset:0;overflow:hidden}.entrance strong{letter-spacing:.42em;text-shadow:0 0 24px #91a0ef;font-size:12px}.entrance small{opacity:.35;letter-spacing:.12em;font-size:9px}.warp{background:repeating-conic-gradient(#0000 0deg,#91a1eb21 .12deg,#0000 .32deg 4deg);animation:1.9s cubic-bezier(.2,.7,.2,1) forwards warp;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(circle,#0000 0 5%,#000 22%,#0000 67%);mask-image:radial-gradient(circle,#0000 0 5%,#000 22%,#0000 67%)}@keyframes warp{0%{opacity:0;transform:scale(.1)rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(2.8)rotate(9deg)}}@keyframes entranceFade{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:700px){.toolbar button span{display:none}.toolbar button{justify-content:center;min-width:44px;padding:0}.toolbar select{color:#0000;width:44px}.brand{max-width:calc(100vw - 85px)}}@media (prefers-reduced-motion:reduce){.entrance{animation-duration:.35s!important}.warp{display:none}}.empty-galaxy{z-index:8;pointer-events:none;text-align:center;color:#dbe1f7;place-content:center;padding:24px;display:grid;position:fixed;inset:0}.empty-galaxy span{color:#aebcff;text-shadow:0 0 28px #8295ef;font-size:24px;animation:3s ease-in-out infinite corePulse}.empty-galaxy h1{letter-spacing:.08em;margin:16px 0 8px;font-size:clamp(18px,5vw,28px);font-weight:300}.empty-galaxy p{color:#858da9;letter-spacing:.08em;font-size:11px}.gesture-status small{color:#828cae;margin:5px 0 0 18px;display:block}@keyframes corePulse{50%{opacity:.55;transform:scale(1.18)}}