@font-face{font-family:Menlo Local;src:url(../fonts/Menlo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:#f8ecff;font-family:Menlo Local,Menlo,Monaco,Consolas,monospace}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-height:var(--app-height, 100dvh)}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}[hidden]{display:none!important}#app.reader-open canvas{filter:grayscale(1) brightness(.68) contrast(1.12)}#app.intro-active #vault-panel,#app.intro-active #help{opacity:0;pointer-events:none}#app.reader-open #node-title{opacity:0}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#intro-copy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:var(--intro-opacity, 0);transition:opacity 1s ease}#intro-copy .intro-line{position:absolute;top:18vh;max-width:min(360px,36vw);color:#faf4fff5;font-size:clamp(12px,1.05vw,16px);line-height:1.45;text-shadow:0 0 8px rgba(255,244,255,.96),0 0 26px rgba(126,240,216,.42);white-space:nowrap;opacity:var(--line-opacity, 0);transition:opacity 1s ease}.intro-word{display:inline-block;white-space:nowrap}.intro-char{display:inline-block;animation:introCharFloat var(--duration) ease-in-out infinite alternate;animation-delay:calc(var(--delay) * -1);will-change:transform,opacity,filter}#intro-copy.is-scattering .intro-char{animation:introCharScatter .96s cubic-bezier(.2,.76,.22,1) forwards;animation-delay:var(--delay)}#intro-copy-left{left:11vw;--line-opacity: var(--intro-left-opacity, 0)}#intro-copy-right{right:11vw;text-align:right;--line-opacity: var(--intro-right-opacity, 0)}#open-prompt{position:fixed;left:50%;bottom:7vh;z-index:4;transform:translate(-50%);color:#faf4ffe0;font-size:clamp(12px,1.05vw,16px);text-shadow:0 0 8px rgba(255,244,255,.76),0 0 22px rgba(198,113,244,.34);opacity:var(--prompt-opacity, 0);transition:opacity .26s ease}#node-title{position:absolute;left:50%;top:50%;max-width:min(520px,80vw);transform:translate(12px,-50%);color:#faf2ff00;text-align:left;font-size:clamp(13px,1.5vw,18px);line-height:1.2;text-shadow:0 0 8px rgba(255,244,255,.95),0 0 18px rgba(198,113,244,.78),0 0 36px rgba(72,222,190,.34);transition:color .22s ease,opacity .22s ease;white-space:nowrap;opacity:0;filter:drop-shadow(0 0 10px rgba(255,229,255,.5));will-change:left,top,opacity}#node-title.is-visible{color:#faf2ffeb;opacity:1}.node-title-char{display:inline-block;animation:nodeTitleFloat var(--duration) ease-in-out infinite alternate,nodeTitleGlow 2.7s ease-in-out infinite alternate;animation-delay:var(--delay),var(--delay);will-change:transform,opacity,filter}@keyframes nodeTitleFloat{0%{transform:translate3d(calc(var(--float-x) * -.42),calc(var(--float-y) * -.35),0) rotate(calc(var(--float-r) * -.45))}to{transform:translate3d(var(--float-x),var(--float-y),0) rotate(var(--float-r))}}@keyframes nodeTitleGlow{0%{opacity:.72;filter:blur(.1px)}to{opacity:1;filter:blur(0) brightness(1.35)}}@keyframes introCharFloat{0%{transform:translate3d(calc(var(--float-x) * -.42),calc(var(--float-y) * -.35),0) rotate(calc(var(--float-r) * -.45))}to{transform:translate3d(var(--float-x),var(--float-y),0) rotate(var(--float-r))}}@keyframes introCharScatter{0%{opacity:1;transform:translateZ(0) rotate(0);filter:blur(0)}to{opacity:0;transform:translate3d(var(--scatter-x),var(--scatter-y),0) rotate(var(--scatter-r));filter:blur(7px)}}body[data-demo=v0] #node-title{left:50%;top:auto;bottom:13vh;max-width:min(760px,88vw);transform:translate(-50%);text-align:center;font-size:clamp(16px,2vw,24px);white-space:normal}@media (max-width: 760px){#intro-copy .intro-line{top:15.5vh;max-width:min(17ch,44vw);font-size:13px;line-height:1.38;white-space:normal;overflow-wrap:normal;word-break:normal}#intro-copy-left{left:8vw}#intro-copy-right{right:8vw}}#help{position:fixed;left:16px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none;opacity:.55}#help span{padding:5px 8px;border:1px solid rgba(220,188,255,.22);border-radius:6px;background:#05030e47;color:#fcf2ffc2;font-size:11px;letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#mobile-controls{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));z-index:8;display:none;align-items:flex-end;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity .18s ease}#app.reader-open #mobile-controls,#app.intro-active #mobile-controls{opacity:0;pointer-events:none}.mobile-joystick,#mobile-lift-controls{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-joystick{position:relative;width:116px;height:116px;border:2px solid rgba(250,244,255,.34);border-radius:50%;background:#0603112e;box-shadow:0 0 0 1px #ffffff14 inset,0 0 24px #b183ff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-joystick:before,.mobile-joystick:after{content:"";position:absolute;background:#faf4ff38;pointer-events:none}.mobile-joystick:before{top:50%;right:12px;left:12px;height:1px}.mobile-joystick:after{top:12px;bottom:12px;left:50%;width:1px}.mobile-joystick-stick{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;background:#faf4ff5c;box-shadow:0 0 18px #ffffff29,0 0 28px #c58dff2e;transform:translate(-50%,-50%);will-change:transform}#mobile-lift-controls{display:grid;gap:10px}.mobile-lift-button{position:relative;width:52px;height:52px;border:1px solid rgba(250,244,255,.34);border-radius:50%;background:#06031133;box-shadow:0 0 0 1px #ffffff0f inset,0 0 18px #b183ff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-lift-button:before{content:"";position:absolute;left:50%;width:13px;height:13px;border-top:2px solid rgba(250,244,255,.72);border-left:2px solid rgba(250,244,255,.72)}.mobile-lift-up:before{top:21px;transform:translate(-50%) rotate(45deg)}.mobile-lift-down:before{bottom:21px;transform:translate(-50%) rotate(225deg)}.mobile-lift-button.is-active,.mobile-joystick:active{background:#7e5cbc3d}#vault-panel{position:fixed;left:16px;top:14px;z-index:6;display:grid;gap:8px;width:min(390px,calc(100vw - 88px));padding:10px;border:1px solid rgba(219,219,219,.2);border-radius:8px;background:#07041275;color:#faecffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#vault-panel[hidden]{display:none}.panel-row{display:flex;align-items:center;gap:8px}.panel-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.panel-status>div:first-child{min-width:0}.panel-actions{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}#vault-name{max-width:min(260px,50vw);overflow:hidden;color:#faecffeb;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}#vault-meta{max-width:min(260px,50vw);margin-top:2px;overflow:hidden;color:#ddcaf49e;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}#vault-panel button,#vault-panel .panel-link{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:28px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#2f2f2f29;color:#e4fff9db;font:inherit;font-size:11px;text-decoration:none;cursor:pointer}#vault-panel button:hover,#vault-panel .panel-link:hover{background:#9d9d9d3d}#vault-panel button:disabled{cursor:default;opacity:.48}#note-form{display:grid;gap:7px;padding-top:4px}#note-form[hidden]{display:none}#note-form input,#note-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(218,184,255,.18);border-radius:6px;background:#04020c6b;color:#faf4ffeb;font:inherit;font-size:11px;letter-spacing:0;outline:none}#note-form input{height:30px;padding:0 8px}#note-form textarea{min-height:96px;max-height:180px;padding:8px;resize:vertical}.note-field-hint{margin-top:-3px;color:#ddcaf485;font-size:10px;line-height:1.2}.note-field-hint.is-over{color:#ff9ac4db}#note-form input::placeholder,#note-form textarea::placeholder{color:#ddcaf46b}.note-form-actions{justify-content:flex-end}#link-memory{display:flex;max-height:74px;overflow:auto;gap:6px;flex-wrap:wrap;padding:1px 0 2px}#link-memory[hidden]{display:none}#vault-panel .link-memory-option{width:auto;max-width:100%;height:24px;padding:0 8px;overflow:hidden;border-color:#dab8ff38;background:#7e5cbc2e;color:#faf4ffd1;text-overflow:ellipsis;white-space:nowrap}#vault-panel .link-memory-option:hover{background:#8f6ecd47}#vault-panel .link-memory-option.is-new{border-color:#b9b9b957;background:#b8b8b82e;color:#e4fff9e6}#note-form-status,#avatar-meta{overflow:hidden;color:#ddcaf49e;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}#avatar-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(218,184,255,.12);padding-top:7px}#avatar-meta[hidden]{display:none}body[data-mode=online] #vault-panel{border-color:#e6e6e642}body[data-mode=online] .panel-status{grid-template-columns:minmax(0,1fr)}body[data-mode=online] .panel-status>div:first-child{display:flex;min-width:0;align-items:baseline;gap:8px}body[data-mode=online] .panel-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-mode=online] #avatar-meta{display:none}#avatar-name{overflow:hidden;text-align:right;text-overflow:ellipsis}#note-reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding:min(7vh,70px) 8vw 6vh;pointer-events:none;opacity:0;transition:opacity .26s ease}#note-reader.is-open{opacity:1}#note-reader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050508b8,#0505086b 46%,#05050894),radial-gradient(circle at 48% 34%,rgba(255,255,255,.11),transparent 34%);opacity:.7}#note-reader-text{position:relative;width:min(980px,74vw);max-height:86vh;margin:0;overflow:hidden;pointer-events:auto;color:#faf7ffeb;font-family:Menlo Local,Menlo,Monaco,Consolas,monospace;font-size:clamp(12px,1.05vw,16px);line-height:1.18;letter-spacing:0;white-space:pre-wrap;text-shadow:0 0 8px rgba(255,255,255,.24),0 0 18px rgba(178,147,255,.16)}#note-reader-text a{color:#7ef0d8f5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;pointer-events:auto}#note-reader.is-typing #note-reader-text:after{content:"";display:inline-block;width:.65em;height:1em;margin-left:.15em;transform:translateY(.16em);background:#faf7ffd6;animation:cursorBlink .82s steps(2,end) infinite}.reader-char{display:inline-block;animation:readerScatter .92s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:var(--delay);will-change:transform,opacity,filter}@keyframes cursorBlink{50%{opacity:0}}@keyframes readerScatter{0%{opacity:1;transform:translateZ(0) rotate(0);filter:blur(0)}to{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot));filter:blur(6px)}}#toolbar-toggle{position:fixed;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(218,184,255,.24);border-radius:6px;background:#09051657;color:#faecff94;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lil-gui.root{--background-color: rgba(6, 3, 17, .84);--widget-color: rgba(50, 35, 80, .88);--hover-color: rgba(82, 60, 120, .88);--focus-color: rgba(113, 86, 170, .92);--number-color: #f3d4ff;--string-color: #d9fff2;--font-size: 11px;--font-family: "Menlo Local", Menlo, Monaco, Consolas, monospace;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(205,165,255,.18);border-radius:8px;overflow:hidden}@media (hover: none),(pointer: coarse),(max-width: 820px){#mobile-controls{display:flex;opacity:.64}#help{display:none}}@media (max-width: 520px){.mobile-joystick{width:104px;height:104px}.mobile-joystick-stick{width:42px;height:42px}.mobile-lift-button{width:48px;height:48px}}