@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Mulish:wght@200;300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0c0a;--bg2: #131210;--paper: #1c1914;--paper2: #221e18;--paper3: #2a2520;--ink: #f0e8dc;--ink2: #d4c4b0;--ink3: #9a8c7e;--gold: #c4a05a;--gold2: #d4b06a;--gold3: #3d3020;--red: #7a1c1c;--red2: #9e2424;--wire: rgba(80,65,40,.25);--shadow: rgba(0,0,0,.7);--shadow2: rgba(0,0,0,.4);--glow-gold: rgba(154,125,74,.12);--glow-red: rgba(122,28,28,.2)}html,body{width:100%;height:100%;overflow:hidden;font-family:Mulish,sans-serif;background:var(--bg);color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.7) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}body:after{content:"";position:fixed;bottom:0;left:0;width:600px;height:400px;background:radial-gradient(ellipse at 10% 100%,rgba(154,125,74,.06) 0%,transparent 60%);pointer-events:none;z-index:1;animation:candleGlow 4s ease-in-out infinite alternate}@keyframes candleGlow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.97)}}#world{position:absolute;width:8000px;height:6000px;top:0;left:0;cursor:grab;background-color:var(--bg);background-image:linear-gradient(rgba(154,125,74,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(154,125,74,.04) 1px,transparent 1px);background-size:60px 60px}#world.dragging{cursor:grabbing}#world.card-dragging{cursor:default}#conn-canvas{position:absolute;top:0;left:0;width:8000px;height:6000px;pointer-events:none;z-index:1}.mem-card{position:absolute;width:200px;background:var(--paper);box-shadow:0 2px 8px #000c,0 8px 32px #0009,inset 0 0 0 1px #9a7d4a14;cursor:grab;z-index:2;transition:box-shadow .25s,transform .2s;transform-origin:center center;border:1px solid rgba(100,80,50,.3)}.mem-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(154,125,74,.07) 0%,transparent 50%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:1}.mem-card:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent var(--bg2) transparent;z-index:3}.mem-card:hover{box-shadow:0 6px 24px #000000e6,0 16px 48px #0009,0 0 30px #9a7d4a14,inset 0 0 0 1px #9a7d4a26;transform:scale(1.03) rotate(0)!important;z-index:100!important}.mem-card.dragging-card{cursor:grabbing;box-shadow:0 24px 60px #000000f2,0 0 40px #9a7d4a1a;z-index:1000!important;transform:scale(1.05)!important}.mem-card.highlighted{box-shadow:0 0 0 1.5px var(--gold),0 0 20px #9a7d4a40,0 8px 40px #000c;z-index:200!important}.card-photo{width:100%;height:160px;overflow:hidden;position:relative;background:var(--paper3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.5)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(40%) contrast(.9) brightness(.75) grayscale(20%);transition:filter .4s}.mem-card:hover .card-photo img{filter:sepia(20%) contrast(1) brightness(.85) grayscale(10%)}.card-photo .photo-placeholder{font-family:Cormorant Garamond,serif;font-size:48px;font-style:italic;color:var(--ink3);opacity:.5}.tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:48px;height:22px;background:#9a7d4a1f;border:1px solid rgba(154,125,74,.2);z-index:10}.tape:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(154,125,74,.08) 3px,rgba(154,125,74,.08) 4px)}.card-body{padding:11px 13px 16px;position:relative}.card-name{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;color:var(--ink);line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-dates{font-size:10px;font-weight:300;letter-spacing:1.5px;color:var(--ink2);margin-bottom:7px;font-variant-numeric:tabular-nums}.card-relation{display:inline-block;font-size:8px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2);background:#c4a05a1f;border:1px solid rgba(196,160,90,.3);padding:2px 7px;margin-bottom:8px}.card-story{font-family:Cormorant Garamond,serif;font-size:11.5px;font-weight:300;font-style:italic;color:var(--ink2);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 2px;opacity:.9}.card-expand-btn{position:absolute;bottom:10px;right:10px;width:22px;height:22px;background:transparent;border:1px solid rgba(154,125,74,.25);border-radius:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ink3);cursor:pointer;transition:all .2s;z-index:10}.card-expand-btn:hover{background:#9a7d4a1f;border-color:var(--gold);color:var(--gold)}.pin{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;z-index:11;box-shadow:0 2px 8px #000c,0 0 4px #00000080}#ui{position:fixed;inset:0;pointer-events:none;z-index:500}#topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(180deg,rgba(13,12,10,.97) 0%,rgba(13,12,10,.85) 70%,transparent 100%);pointer-events:all;border-bottom:1px solid rgba(154,125,74,.08)}.app-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;font-style:italic;color:var(--ink2);letter-spacing:1px;flex-shrink:0;margin-right:8px}.app-title span{color:var(--gold);font-style:normal;font-weight:400}#search-wrap{position:relative;flex:1;max-width:300px}#search-inp{width:100%;background:#ffffff0f;border:none;border-bottom:1px solid rgba(196,160,90,.35);color:var(--ink);font-family:Mulish,sans-serif;font-size:13px;font-weight:300;padding:9px 34px 9px 12px;outline:none;transition:border-color .2s,background .2s;letter-spacing:.5px}#search-inp:focus{border-bottom-color:var(--gold2);background:#c4a05a0f}#search-inp::placeholder{color:var(--ink3);opacity:.8}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:12px;pointer-events:none}#search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--paper2);border:1px solid rgba(154,125,74,.15);box-shadow:0 8px 40px #000c;z-index:600;max-height:260px;overflow-y:auto;display:none}#search-results.open{display:block}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(154,125,74,.08);transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#9a7d4a12}.sri-avatar{width:32px;height:32px;border-radius:0;background:var(--paper3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-style:italic;color:var(--ink3);font-size:14px;overflow:hidden;border:1px solid rgba(154,125,74,.1)}.sri-info{flex:1;min-width:0}.sri-name{font-size:13px;font-weight:300;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Cormorant Garamond,serif}.sri-meta{font-size:10px;color:var(--ink3);font-weight:200;letter-spacing:.5px}.search-no-results,.search-error{padding:14px 16px;color:var(--ink3);text-align:center;font-style:italic;font-family:Cormorant Garamond,serif;font-size:14px}#add-btn{flex-shrink:0;background:transparent;color:var(--ink3);border:1px solid rgba(154,125,74,.2);font-family:Mulish,sans-serif;font-size:10px;font-weight:300;letter-spacing:2.5px;text-transform:uppercase;padding:9px 20px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:8px}#add-btn:hover{border-color:var(--gold);color:var(--gold);background:#9a7d4a0f}#add-btn .plus{font-size:15px;font-weight:200}#counter{font-size:13px;font-weight:400;color:var(--ink3);letter-spacing:1.5px;flex-shrink:0;opacity:.6}#minimap{position:absolute;bottom:24px;right:24px;width:140px;height:90px;background:#0d0c0ae6;border:1px solid rgba(154,125,74,.12);box-shadow:0 4px 24px #0009;pointer-events:all;overflow:hidden;cursor:pointer}#minimap-canvas{width:100%;height:100%}#minimap-viewport{position:absolute;border:1px solid var(--gold);background:#9a7d4a0d;pointer-events:none}#hint{position:absolute;bottom:24px;left:24px;font-size:12px;font-weight:400;color:var(--ink);letter-spacing:5px;line-height:1.9;pointer-events:none;opacity:.5}#loading-indicator{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#0d0c0ae6;border:1px solid rgba(154,125,74,.2);color:var(--ink3);font-size:10px;font-weight:200;letter-spacing:2px;text-transform:uppercase;padding:8px 20px;z-index:700;display:none}#detail-overlay{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px) brightness(.6);backdrop-filter:blur(8px) brightness(.6);z-index:800;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}#detail-overlay.open{opacity:1;pointer-events:all}.detail-modal{background:var(--paper);width:min(560px,94vw);max-height:90vh;overflow-y:auto;position:relative;transform:scale(.93) translateY(16px);transition:transform .45s cubic-bezier(.34,1.3,.64,1);box-shadow:0 40px 100px #000000e6,0 0 0 1px #9a7d4a1a}#detail-overlay.open .detail-modal{transform:scale(1) translateY(0)}.dm-close{position:absolute;top:14px;right:14px;width:30px;height:30px;background:#0006;border:1px solid rgba(154,125,74,.15);border-radius:0;color:var(--ink3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.dm-close:hover{background:#7a1c1c4d;border-color:var(--red2);color:var(--ink)}.dm-photo{width:100%;height:280px;object-fit:cover;display:block;filter:sepia(30%) contrast(.9) brightness(.7) grayscale(20%)}.dm-photo-ph{width:100%;height:280px;background:var(--paper3);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:80px;font-style:italic;color:var(--ink3);opacity:.3;border-bottom:1px solid rgba(154,125,74,.1)}#dm-img{position:relative}#dm-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.dm-body{padding:24px 32px 40px}.dm-relation{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold2);font-weight:300;margin-bottom:6px}.dm-name{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:400;color:var(--ink);line-height:1.1;margin-bottom:6px;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.dm-dates{font-size:12px;letter-spacing:3px;color:var(--ink2);font-weight:300;margin-bottom:24px}.dm-divider{height:1px;background:linear-gradient(90deg,rgba(196,160,90,.3),rgba(196,160,90,.08),transparent);margin-bottom:24px}.dm-story{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;font-style:italic;color:var(--ink2);line-height:2}#add-overlay{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px) brightness(.6);backdrop-filter:blur(8px) brightness(.6);z-index:800;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}#add-overlay.open{opacity:1;pointer-events:all}.add-modal{background:var(--paper);width:min(500px,94vw);max-height:92vh;overflow-y:auto;padding:40px 36px 36px;position:relative;transform:scale(.93) translateY(16px);transition:transform .45s cubic-bezier(.34,1.3,.64,1);box-shadow:0 40px 100px #000000e6,0 0 0 1px #9a7d4a1a}#add-overlay.open .add-modal{transform:scale(1) translateY(0)}.add-modal h2{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300;color:var(--ink);margin-bottom:3px;letter-spacing:-.3px}.add-modal .sub{font-size:9px;letter-spacing:3px;color:var(--ink3);font-weight:200;text-transform:uppercase;margin-bottom:30px;opacity:.7}.fg{margin-bottom:20px}.fg label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold2);font-weight:300;margin-bottom:7px}.fg input,.fg textarea{width:100%;background:#ffffff0a;border:none;border-bottom:1px solid rgba(196,160,90,.25);color:var(--ink);font-family:Mulish,sans-serif;font-size:14px;font-weight:300;padding:9px 4px;outline:none;transition:border-color .2s,background .2s;caret-color:var(--gold2)}.fg input:focus,.fg textarea:focus{border-bottom-color:var(--gold2);background:#c4a05a0a}.fg input::placeholder,.fg textarea::placeholder{color:var(--ink3)}.fg textarea{height:80px;resize:none;font-style:italic}.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-drop-zone{border:1px dashed rgba(154,125,74,.2);padding:22px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s;margin-bottom:20px;overflow:hidden}.photo-drop-zone:hover,.photo-drop-zone.drag-over{border-color:var(--gold);background:#9a7d4a0a}.photo-drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;display:none}.pdz-icon{font-size:22px;color:var(--ink3);margin-bottom:5px;opacity:.5}.pdz-text{font-size:11px;font-weight:200;color:var(--ink3);letter-spacing:1px;opacity:.6}.pdz-preview{width:80px;height:80px;object-fit:cover;margin:0 auto;border:1px solid rgba(154,125,74,.2);display:block;filter:sepia(30%) brightness(.8)}.add-submit{width:100%;background:transparent;color:var(--ink2);border:1px solid rgba(154,125,74,.25);font-family:Mulish,sans-serif;font-size:10px;font-weight:300;letter-spacing:3px;text-transform:uppercase;padding:15px;cursor:pointer;transition:all .25s;margin-top:6px}.add-submit:hover{background:#7a1c1c33;border-color:var(--red2);color:var(--ink)}.am-close{position:absolute;top:14px;right:14px;width:30px;height:30px;background:#0000004d;border:1px solid rgba(154,125,74,.12);border-radius:0;color:var(--ink3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.am-close:hover{background:#7a1c1c40;border-color:var(--red2);color:var(--ink)}.welcome-banner{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .6s ease}.welcome-banner.fade-out{opacity:0;pointer-events:none}.welcome-content{background:var(--paper);border:1px solid rgba(154,125,74,.12);max-width:480px;margin:20px;padding:48px 44px 44px;position:relative;box-shadow:0 40px 100px #000000e6,0 0 0 1px #9a7d4a0d inset;animation:welcomeAppear .7s cubic-bezier(.34,1.2,.64,1)}@keyframes welcomeAppear{0%{transform:scale(.92) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.welcome-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--ink3);font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s;opacity:.5}.welcome-close:hover{opacity:1;color:var(--gold)}.welcome-icon{font-size:52px;text-align:center;margin-bottom:20px;filter:saturate(.4) brightness(.7);animation:flicker 5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:.8}25%{opacity:1}50%{opacity:.75}75%{opacity:.9}87%{opacity:.65}}.welcome-title{font-family:Cormorant Garamond,serif;font-size:38px;font-weight:300;color:var(--ink);text-align:center;margin-bottom:16px;letter-spacing:3px}.welcome-text{font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.85;color:var(--ink2);text-align:center;margin-bottom:16px;font-style:italic;opacity:.8}.welcome-signature{font-family:Cormorant Garamond,serif;font-size:15px;color:var(--ink3);text-align:right;margin-bottom:36px;padding-right:16px;border-right:2px solid rgba(154,125,74,.3);opacity:.6}.welcome-button{background:transparent;border:1px solid rgba(154,125,74,.3);color:var(--ink2);font-size:11px;padding:15px 32px;width:100%;font-family:Mulish,sans-serif;letter-spacing:3px;text-transform:uppercase;cursor:pointer;font-weight:300;transition:all .3s}.welcome-button:hover{background:#7a1c1c26;border-color:var(--red2);color:var(--ink)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c4a05a40}::-webkit-scrollbar-thumb:hover{background:#c4a05a73}@media(max-width:768px){#topbar{padding:12px 16px;gap:8px;flex-wrap:wrap}.app-title{font-size:18px;margin-right:0;flex:1}#counter{order:3}#search-wrap{order:4;max-width:100%;flex:1 1 100%}#add-btn{order:2;padding:8px 14px;font-size:9px;letter-spacing:1.5px}#add-btn .plus{font-size:14px}#minimap{width:110px;height:70px;bottom:16px;right:16px}#hint{display:none}.detail-modal,.add-modal{width:100%;max-width:100%;max-height:88vh;border-radius:0;margin:0;align-self:flex-end}#detail-overlay,#add-overlay{align-items:flex-end}#detail-overlay.open .detail-modal,#add-overlay.open .add-modal{transform:scale(1) translateY(0)}#detail-overlay .detail-modal,#add-overlay .add-modal{transform:translateY(40px)}.dm-photo,.dm-photo-ph{height:220px}.dm-body{padding:20px 20px 32px}.dm-name{font-size:28px}.add-modal{padding:28px 20px 24px}.add-modal h2{font-size:24px}.fg-row{grid-template-columns:1fr;gap:0}.welcome-content{padding:32px 24px 28px;margin:0;border-radius:0;width:100%;align-self:flex-end}.welcome-banner{align-items:flex-end}.welcome-title{font-size:28px;letter-spacing:2px}.welcome-text{font-size:15px}.welcome-icon{font-size:40px}}@media(max-width:480px){#topbar{padding:10px 12px;gap:6px}.app-title{font-size:16px}#add-btn span:not(.plus){display:none}#add-btn{width:36px;height:36px;padding:0;justify-content:center;flex-shrink:0}#add-btn .plus{font-size:20px;margin:0}#search-inp{font-size:14px;padding:10px 32px 10px 10px}#minimap{width:90px;height:58px;bottom:12px;right:12px}.dm-name{font-size:24px}.dm-story{font-size:16px;line-height:1.8}.dm-body{padding:18px 16px 28px}.add-modal{padding:24px 16px 20px}.mem-card{width:170px}.card-photo{height:130px}.card-name{font-size:14px}.search-result-item{padding:10px 12px}.sri-name{font-size:13px}}@media(max-width:768px){input,textarea,select{font-size:16px!important}#add-btn,.fg label,.card-relation,#counter,#hint,.dm-relation,.add-modal .sub{font-size:revert!important}}@media(hover:none){.mem-card:hover{transform:none!important;box-shadow:0 2px 8px #000c,0 8px 32px #0009,inset 0 0 0 1px #c4a05a14!important;z-index:2!important}.mem-card:hover .card-photo img{filter:sepia(40%) contrast(.9) brightness(.75) grayscale(20%)}#add-btn:hover,.add-submit:hover,.welcome-button:hover{transform:none}}