@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";:root{--ink: #1a1a1a;--ink-dim: #555555;--ink-ghost: #aaaaaa;--paper: #f5f4f0;--paper-2: #edecea;--paper-3: #e0dfda;--water: #f5f4f0;--opacity-alive: 1;--opacity-fading: .5;--opacity-ghost: .15;--font-display: "VT323", monospace;--font-mono: "Share Tech Mono", monospace;--bar-h: 36px;--sbar-h: 24px;--t-fast: 80ms;--t-mid: .15s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.018) 3px,rgba(0,0,0,.018) 4px);pointer-events:none;z-index:9999}h1{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:.05em;margin-bottom:.75rem}h2{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:.05em;margin:1.25rem 0 .5rem}p{margin-bottom:.75rem;color:var(--ink-dim)}a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-ghost);transition:border-color var(--t-fast),color var(--t-fast)}a:hover{border-bottom-color:var(--ink)}ul{list-style:none;padding:0}ul li{padding:2px 0;color:var(--ink-dim);font-size:12px;letter-spacing:.05em}ul li:before{content:"— ";color:var(--ink-ghost)}.mono{font-family:var(--font-mono);font-size:11px;color:var(--ink);background:var(--paper-2);padding:1px 4px;border:1px solid var(--paper-3)}.btn-primary{font-family:var(--font-display);font-size:16px;letter-spacing:.1em;background:var(--ink);color:var(--paper);border:none;padding:5px 16px;cursor:pointer;transition:background var(--t-fast);white-space:nowrap}.btn-primary:hover{background:#444}.btn-ghost{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;background:none;color:var(--ink-ghost);border:1px solid var(--paper-3);padding:4px 10px;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-dim)}.view{display:none}.view.active{display:block}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--paper-3);border:1px solid var(--ink-ghost)}::-webkit-scrollbar-thumb:hover{background:var(--ink-ghost)}.prose-container{max-width:520px;margin:60px auto;padding:0 24px;overflow-y:auto;max-height:calc(100vh - var(--bar-h) - var(--sbar-h) - 24px)}#map-view{position:absolute;top:var(--bar-h);bottom:var(--sbar-h);left:0;right:0;overflow:hidden}#map-area{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;overflow:hidden}#map-area:active{cursor:grabbing}#ocean-canvas{position:absolute;top:0;left:0;pointer-events:none}#node-layer,#conn-layer{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}#node-layer{pointer-events:all}#map-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.012) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.01) 0%,transparent 50%);pointer-events:none;z-index:0}.island-group{position:absolute;cursor:pointer;transform-origin:center bottom;transition:opacity .8s ease}.island-group:hover .island-svg{filter:brightness(.92)}.island-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:var(--ink-dim);white-space:nowrap;letter-spacing:.1em;pointer-events:none}.island-group[data-sinking="1"]{opacity:.5}.island-group[data-sinking="2"]{opacity:.15}.node-dot{position:absolute;width:8px;height:8px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;transform:translate(-50%,-50%);transition:transform var(--t-fast),background var(--t-fast);pointer-events:all}.node-dot:hover{background:var(--ink);transform:translate(-50%,-50%) scale(1.5);z-index:20}.node-dot.link{border-radius:0}.node-dot.thought{border-radius:50%}.node-dot.flower{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.node-dot.image{clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.conn-line{stroke:#00000014;stroke-width:.5;stroke-dasharray:3 5;fill:none;pointer-events:none}.tag-cluster-label{position:absolute;font-family:var(--font-mono);font-size:8px;color:#00000026;letter-spacing:.15em;pointer-events:none;white-space:nowrap}.water-ripple{position:absolute;border:1px solid rgba(0,0,0,.06);border-radius:50%;pointer-events:none;animation:ripple-anim 5s ease-out infinite}@keyframes ripple-anim{0%{transform:scale(.7);opacity:.6}to{transform:scale(1.8);opacity:0}}#minimap{position:absolute;bottom:calc(var(--sbar-h) + 8px);left:12px;width:90px;height:60px;border:1px solid rgba(0,0,0,.15);background:#f5f4f0e6;z-index:60;overflow:hidden}#minimap-canvas{width:100%;height:100%;display:block}.drop-fab{position:absolute;bottom:calc(var(--sbar-h) + 8px);right:16px;font-family:var(--font-display);font-size:16px;letter-spacing:.1em;background:var(--ink);color:var(--paper);border:none;padding:6px 16px;cursor:pointer;z-index:60;transition:background var(--t-fast)}.drop-fab:hover{background:#444}#top-bar{position:relative;z-index:50;height:var(--bar-h);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--paper);flex-shrink:0}.logo{font-family:var(--font-display);font-size:20px;letter-spacing:.05em;color:var(--ink)}#top-bar nav{display:flex;gap:0}.nav-link{font-family:var(--font-mono);font-size:10px;color:var(--ink);text-decoration:none;letter-spacing:.15em;padding:4px 10px;border:1px solid transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);cursor:pointer}.nav-link:hover,.nav-link.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tagline{font-size:9px;color:var(--ink-ghost);letter-spacing:.12em}#status-bar{position:relative;z-index:50;height:var(--sbar-h);border-top:1px solid rgba(0,0,0,.15);display:flex;align-items:center;padding:0 12px;gap:8px;background:var(--paper);font-size:9px;color:var(--ink-ghost);letter-spacing:.1em;flex-shrink:0}#status-bar span{color:var(--ink-dim)}#status-bar .sep{color:var(--ink-ghost)}.tooltip{position:fixed;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:10px;padding:5px 8px;pointer-events:none;z-index:200;max-width:220px;line-height:1.5;letter-spacing:.05em;display:none}.tooltip.visible{display:block}.tt-type{font-size:8px;color:#f5f4f080;letter-spacing:.18em;margin-bottom:2px}#popup-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f4f0a6;z-index:150;align-items:center;justify-content:center;top:var(--bar-h);bottom:var(--sbar-h)}#popup-overlay.open{display:flex}#popup{background:var(--paper);border:1px solid var(--ink);width:300px;font-family:var(--font-mono);font-size:11px}#popup-header{padding:7px 10px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center}#popup-title{font-size:10px;letter-spacing:.18em;color:var(--ink)}#popup-close{cursor:pointer;font-size:14px;color:var(--ink-ghost);background:none;border:none;font-family:var(--font-mono);line-height:1;padding:0 2px;transition:color var(--t-fast)}#popup-close:hover{color:var(--ink)}#popup-body{padding:12px 10px;line-height:1.6}.pop-meta{font-size:9px;color:var(--ink-ghost);letter-spacing:.12em;margin-bottom:8px}.pop-content{font-size:12px;color:var(--ink);margin-bottom:10px;line-height:1.7}.pop-link-wrap{margin-bottom:10px}.pop-link-wrap a{font-size:10px;color:var(--ink-dim);letter-spacing:.08em;border-bottom:1px dashed var(--ink-ghost)}.pop-link-wrap a:hover{color:var(--ink);border-bottom-style:solid}.pop-tags{display:flex;flex-wrap:wrap;gap:4px}.pop-tag{font-size:9px;padding:2px 6px;border:1px solid var(--ink-ghost);color:var(--ink-dim);letter-spacing:.1em;cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.pop-tag:hover{border-color:var(--ink);color:var(--ink)}#drop-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f4f0bf;z-index:150;align-items:center;justify-content:center;top:var(--bar-h);bottom:var(--sbar-h)}#drop-overlay.open{display:flex}#drop-form-panel{background:var(--paper);border:1px solid var(--ink);width:320px;font-family:var(--font-mono)}#drop-form-header{padding:7px 10px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em}#drop-form-close{cursor:pointer;font-size:14px;color:var(--ink-ghost);background:none;border:none;font-family:var(--font-mono);transition:color var(--t-fast)}#drop-form-close:hover{color:var(--ink)}#drop-form{padding:14px 12px}.field{margin-bottom:14px}.field-label{display:block;font-size:9px;letter-spacing:.18em;color:var(--ink-dim);margin-bottom:5px}.field-hint{color:var(--ink-ghost);font-size:8px;letter-spacing:.1em}.type-selector{display:flex;gap:0}.type-btn{flex:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;background:none;color:var(--ink-dim);border:1px solid var(--ink-ghost);padding:5px 4px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);border-right-width:0}.type-btn:last-child{border-right-width:1px}.type-btn.active,.type-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}input[type=text],input[type=url],input[type=email],textarea{width:100%;font-family:var(--font-mono);font-size:11px;background:var(--paper-2);border:1px solid var(--paper-3);color:var(--ink);padding:5px 8px;outline:none;resize:none;transition:border-color var(--t-fast)}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,textarea:focus{border-color:var(--ink-dim);background:var(--paper)}input::placeholder,textarea::placeholder{color:var(--ink-ghost)}.char-count{font-size:8px;color:var(--ink-ghost);letter-spacing:.1em;display:block;text-align:right;margin-top:2px}.form-actions{margin-top:16px;display:flex;justify-content:flex-end}.sbar-signout{margin-left:auto;padding:1px 6px;font-size:8px}#popup-header{display:flex;align-items:center;gap:6px}.pop-island-label{font-size:9px;color:var(--ink-ghost);letter-spacing:.1em;flex:1}.pop-pixel{margin-bottom:10px}.pop-pixel canvas{display:block;width:128px;height:128px;image-rendering:pixelated}.drop-form-hint{font-size:9px;color:var(--ink-ghost);letter-spacing:.08em;min-height:14px;margin-top:6px;text-align:right}#island-view{position:absolute;top:var(--bar-h);bottom:var(--sbar-h);left:0;right:0;overflow-y:auto}#island-shell{max-width:560px;margin:0 auto;padding:24px}#island-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:20px}.island-header-left{display:flex;align-items:baseline;gap:10px}#island-name-display{font-family:var(--font-display);font-size:24px;letter-spacing:.05em}.island-sink-badge{font-size:9px;letter-spacing:.15em;color:var(--ink-ghost)}.island-sink-badge[data-sinking="1"]{color:var(--ink-ghost)}.island-sink-badge[data-sinking="2"]{color:var(--ink-ghost);opacity:.5}.iv-empty{font-size:11px;color:var(--ink-ghost);letter-spacing:.1em;padding:20px 0}.iv-drop{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--paper-3);cursor:pointer;transition:background var(--t-fast)}.iv-drop:hover{background:var(--paper-2)}.iv-sym{font-size:14px;color:var(--ink);flex-shrink:0;width:16px;text-align:center;margin-top:1px}.iv-body{flex:1;min-width:0}.iv-content{display:block;font-size:12px;color:var(--ink);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iv-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.iv-tag{font-size:8px;color:var(--ink-ghost);letter-spacing:.1em}.iv-time{font-size:9px;color:var(--ink-ghost);letter-spacing:.08em;flex-shrink:0;margin-top:2px}#nearby-view{position:absolute;top:var(--bar-h);bottom:var(--sbar-h);left:0;right:0;overflow-y:auto}#nearby-shell{max-width:560px;margin:0 auto;padding:24px}#nearby-header{font-size:9px;letter-spacing:.2em;color:var(--ink-ghost);border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:20px}.nb-island{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--paper-3);cursor:pointer;transition:background var(--t-fast)}.nb-island:hover{background:var(--paper-2)}.nb-island.nb-fading{opacity:.5}.nb-island.nb-ghost{opacity:.2}.nb-name{font-family:var(--font-display);font-size:18px;letter-spacing:.04em;color:var(--ink);min-width:120px}.nb-tags{flex:1;font-size:9px;color:var(--ink-ghost);letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-age{font-size:9px;color:var(--ink-ghost);letter-spacing:.1em;flex-shrink:0}.pixel-editor{display:block;cursor:crosshair}.pixel-clear{margin-top:6px;font-size:9px}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:300;display:flex;align-items:center;justify-content:center}#auth-overlay.dismissed{display:none}#auth-panel{width:300px;font-family:var(--font-mono);text-align:center}.auth-title{font-family:var(--font-display);font-size:36px;letter-spacing:.08em;color:var(--ink);margin-bottom:8px}.auth-sub{font-size:10px;color:var(--ink-dim);letter-spacing:.08em;line-height:1.8;margin-bottom:20px}#auth-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.auth-hint{font-size:10px;color:var(--ink-ghost);letter-spacing:.08em;min-height:16px;margin-bottom:12px}#auth-explore{display:block;margin:0 auto}