:root{--ink: #2a2723;--panel: rgba(32, 27, 21, .92);--panel-line: rgba(255, 255, 255, .07);--accent: #e8a33d;--danger: #e05252}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#7c4f22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.105' numOctaves='5' seed='21'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.60 0 0 0 0 0.45 0 0 0 0 0.22 0 0 0 0.60 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23a9743f'/%3E%3Crect width='240' height='240' filter='url(%23c)' opacity='0.9'/%3E%3C/svg%3E");overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.board{position:absolute;inset:0;width:100vw;height:100vh;overflow:hidden;touch-action:none;background-color:#a9743f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.105' numOctaves='5' seed='21'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23a9743f'/%3E%3Crect width='240' height='240' filter='url(%23c)' opacity='0.9'/%3E%3C/svg%3E")}.world-layer{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.cork-plane{position:absolute;left:-WORLD_HALF_IN_CSS;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.105' numOctaves='5' seed='21'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.60 0 0 0 0 0.40 0 0 0 0 0.22 0 0 0 0.60 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23a9743f'/%3E%3Crect width='240' height='240' filter='url(%23c)' opacity='0.9'/%3E%3C/svg%3E");pointer-events:auto}.origin-marker{position:absolute;pointer-events:none;opacity:.22}.origin-marker:before,.origin-marker:after{content:"";position:absolute;background:#1e140a80}.origin-marker:before{left:50%;top:0;bottom:0;width:1px}.origin-marker:after{top:50%;left:0;right:0;height:1px}.world{position:absolute;inset:0;pointer-events:auto}.note{position:absolute;transition:none}.note.flash .note-paper{animation:noteflash 1.4s ease-out}@keyframes noteflash{0%{box-shadow:0 0 #ffd65af2,0 2px 14px #3c280a66;outline:4px solid rgba(255,214,90,.9)}70%{box-shadow:0 0 0 26px #ffd65a00,0 2px 14px #3c280a66;outline:4px solid rgba(255,214,90,.1)}to{box-shadow:0 2px 14px #3c280a66;outline:0 solid transparent}}.note-paper,.note-paper-colored{position:relative;min-height:210px;border-radius:3px;border:1px solid rgba(120,100,70,.32);box-shadow:0 1px 1px #28190a2e,0 2px 4px #28190a26,0 5px 12px #28190a2e,0 12px 28px #28190a24,2px 16px 36px #1e12061a;transition:box-shadow .2s ease}.note-paper:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='pn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' seed='12'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.04' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23pn)'/%3E%3C/svg%3E");opacity:.6}.note:hover .note-paper{box-shadow:0 1px 1px #28190a33,0 2px 5px #28190a2e,0 6px 14px #28190a33,0 14px 32px #28190a29,2px 18px 40px #1e12061f}.note-selected .note-paper{box-shadow:0 0 0 2px #e8a33d99,0 1px 1px #28190a2e,0 2px 5px #28190a2e,0 6px 14px #28190a33,0 14px 32px #28190a29,2px 18px 40px #1e12061f}.note-ed{position:relative;padding:52px 64px 26px 84px;min-height:210px;outline:none;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:26px;font-weight:400;line-height:40px;color:#26221c;cursor:text;user-select:text;word-break:break-word}.note-ed img{max-width:100%;display:block;margin:6px 0 4px -6px;border-radius:3px;box-shadow:0 1px 4px #00000040}.clip-item{position:absolute;user-select:none;touch-action:none;cursor:grab;padding:10px 10px 12px;background:#fff;border:1px solid rgba(50,40,30,.25);border-radius:2px;box-shadow:0 1px 2px #28190a26,0 4px 12px #28190a38,0 8px 20px #1e12061f;transition:box-shadow .2s ease}.clip-item:active{cursor:grabbing}.clip-item:hover{box-shadow:0 1px 3px #28190a2e,0 5px 14px #28190a40,0 10px 24px #1e120624}.clip-item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.clip-icon{position:absolute;top:-23px;left:50%;z-index:2;transform:translate(-50%);height:38px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.clip-selected{outline:2px dashed rgba(40,30,18,.6);outline-offset:5px}.link-card{position:absolute;display:flex;flex-direction:column;padding:15px 16px 13px;color:#241f18;cursor:grab;user-select:none;touch-action:none;background:linear-gradient(180deg,#fff6,#fff0 32%),#f4efe1;border:1px solid rgba(90,78,58,.28);border-radius:1px;box-shadow:0 1px 1px #28190a29,0 3px 7px #28190a2e,0 10px 24px #1e120629;transition:box-shadow .2s ease}.link-card-body{display:flex;flex:1;flex-direction:column;gap:7px;min-height:0;overflow:hidden}.link-card:active{cursor:grabbing}.link-card:hover{box-shadow:0 1px 2px #28190a33,0 5px 14px #28190a38,0 14px 30px #1e12062e}.link-card-selected{outline:2px dashed rgba(232,163,61,.9);outline-offset:4px}.link-card:before{content:"";position:absolute;top:-5px;left:0;right:0;height:7px;background:#f4efe1;-webkit-mask:repeating-linear-gradient(100deg,#000 0 5px,transparent 5px 9px);mask:repeating-linear-gradient(100deg,#000 0 5px,transparent 5px 9px);pointer-events:none}.link-card-tape{position:absolute;top:-12px;left:50%;width:92px;height:24px;margin-left:-46px;background:linear-gradient(180deg,#fffae18c,#e6d8af6b);border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(180,165,130,.35);box-shadow:0 1px 3px #0000002e;transform:rotate(-1.5deg);z-index:2;pointer-events:none}.link-card-masthead{display:flex;align-items:center;gap:6px;min-width:0}.link-card-favicon{width:14px;height:14px;border-radius:2px;object-fit:contain;flex:none}.link-card-site{font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9c5a34;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-card-rule{height:0;border-top:1px solid rgba(90,78,58,.45);box-shadow:0 2px 0 -1px #5a4e3a38}.link-card-headline{font-family:EB Garamond,Georgia,Times New Roman,serif;font-weight:700;font-size:21px;line-height:1.12;color:#201b14;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-card-photo{position:relative;flex:1 1 auto;min-height:56px;overflow:hidden;border:1px solid rgba(70,60,45,.35);background:#ddd5c4;filter:grayscale(.12) sepia(.12) contrast(1.02)}.link-card-photo img{display:block;width:100%;height:100%;object-fit:cover}.link-card-desc{font:400 12.5px/1.4 EB Garamond,Georgia,serif;color:#4b4235;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-card-foot{margin-top:auto;display:flex;justify-content:flex-end}.link-card-read{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#9c5a34}.link-card-resize .resize-se:after,.link-card-resize .resize-sw:after,.link-card-resize .resize-ne:after,.link-card-resize .resize-nw:after{border-color:#78502da6}.link-card-resize .resize-e:after,.link-card-resize .resize-w:after,.link-card-resize .resize-s:after,.link-card-resize .resize-n:after{border-color:#78502d73}.music-item{position:absolute;padding:16px 18px 14px;overflow:visible;user-select:none;touch-action:none;cursor:grab;background:linear-gradient(180deg,#e0be82,#d1a860 40%,#c49a52);border:2px solid #5b3e23;border-radius:8px;box-shadow:0 1px 1px #28190a33,0 4px #9a6a35,0 5px #8c5c2d,0 10px 20px #28190a4d;transition:box-shadow .2s ease}.music-item:active{cursor:grabbing}.music-item:hover{box-shadow:0 1px 2px #28190a38,0 4px #9a6a35,0 5px #8c5c2d,0 12px 24px #28190a59}.music-item:before{content:"";position:absolute;inset:7px;border:1px solid rgba(91,62,35,.35);border-radius:4px;pointer-events:none}.cassette-tape{position:relative;height:56%;min-height:70px;display:flex;align-items:center;justify-content:space-around;margin-bottom:10px;background:linear-gradient(180deg,#352e28,#2a2420,#231e1a);border:2px solid #171513;border-radius:5px;z-index:1;box-shadow:inset 0 2px 6px #0006}.cassette-tape:before{content:"";position:absolute;left:15%;right:15%;bottom:6px;height:12px;background:#d2aa6e73;clip-path:polygon(0 100%,8% 0,92% 0,100% 100%);z-index:0}.cassette-tape:after{content:"";position:absolute;left:28%;right:28%;bottom:8px;height:6px;background:#a0783c4d;border-radius:1px;z-index:0}.cassette-tape span{width:30px;height:30px;border:5px dotted rgba(210,170,110,.7);border-radius:50%;position:relative;z-index:1;animation:tape-spin 3s linear infinite;animation-play-state:paused}.music-item[data-playing=true] .cassette-tape span{animation-play-state:running}@keyframes tape-spin{to{transform:rotate(360deg)}}.music-label{position:relative;z-index:1;overflow:hidden;margin-bottom:8px;padding:2px 0;color:#3e2714;font:700 13px/1.3 Courier New,monospace;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed rgba(62,39,20,.25)}.music-controls{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.music-play{width:30px;height:28px;padding:0;border:1px solid #5b3e23;border-radius:5px;background:linear-gradient(180deg,#f7dfa8,#e8c87a);color:#3e2714;font-weight:800;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000026;transition:transform .1s ease,box-shadow .1s ease}.music-play:hover{transform:scale(1.05);box-shadow:0 2px 4px #0003}.music-play:active{transform:scale(.95);box-shadow:0 0 1px #00000026}.music-progress{flex:1;height:8px;border-radius:5px;background:#3e271433;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.music-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7a422c,#9a5a3c);transition:width .15s linear}.music-time{min-width:32px;color:#3e2714;font:600 10px Courier New,monospace;font-variant-numeric:tabular-nums}.music-volume{position:relative;z-index:1;width:100%;height:12px;accent-color:#7a422c;cursor:pointer}.music-error{position:relative;z-index:1;margin-top:5px;color:#7c2c2c;font:10px/1.2 Courier New,monospace}.music-selected{outline:2px dashed #3e2714;outline-offset:5px}.note-ed a{color:#1d4f8f;text-decoration:underline;text-underline-offset:3px}.note-ed:empty:before{content:attr(data-placeholder);color:#281e1459;pointer-events:none}.note-ed p{margin:0}.note-drag-edge{position:absolute;z-index:5;pointer-events:auto;touch-action:none}.note-drag-edge-top,.note-drag-edge-bottom{left:12px;right:12px;height:14px;cursor:grab}.note-drag-edge-top{top:0}.note-drag-edge-bottom{bottom:0}.note-drag-edge-left,.note-drag-edge-right{top:12px;bottom:12px;width:14px;cursor:grab}.note-drag-edge-left{left:0}.note-drag-edge-right{right:0}.note-drag-edge:active{cursor:grabbing}.note-pin-handle{position:absolute;top:-30px;left:50%;margin-left:-34px;width:68px;height:70px;display:flex;align-items:center;justify-content:center;z-index:6;cursor:grab}.note-pin-handle:active{cursor:grabbing}.note-pin-handle svg{filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.note-selected .note-paper{outline:none}.ropes{position:absolute;overflow:visible;pointer-events:none;z-index:1}.rope-marks{position:absolute;overflow:visible;pointer-events:none;z-index:20}.rope-shadow{fill:none;stroke:#280a0a59;stroke-width:5;stroke-linecap:round;transform:translate(1.5px,2px)}.rope-line{fill:none;stroke:#b0252b;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.rope-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.rope:hover .rope-line{stroke:#d6343c;stroke-width:3.6}.rope:hover .rope-shadow{stroke:#280a0a73}.rope-arrow{stroke:none}.rope-labelwrap{pointer-events:none}.rope-label-bg{fill:#1c1710eb;stroke:#ffffff24}.rope-label{fill:#f2e8d9;font:600 11px/1 Inter,system-ui,sans-serif}.rope-new .rope-line,.rope-new .rope-shadow{stroke-dasharray:1;stroke-dashoffset:1;animation:ropedraw .5s ease-out forwards}@keyframes ropedraw{to{stroke-dashoffset:0}}.board.linking,.board.linking .note-ed,.board.linking .note-drag-edge,.board.linking .note-pin-handle{cursor:crosshair}.marquee{position:absolute;z-index:150;box-sizing:border-box;border:1px dashed rgba(232,163,61,.95);background:#e8a33d21;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff40;pointer-events:none}body.mb-selecting,body.mb-selecting *{user-select:none!important}.note-link-source .note-paper{box-shadow:0 0 0 3px #d6343cd9,0 0 22px 6px #d6343c52,0 12px 28px #28190a33}.note-links{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:56px;min-width:190px;max-width:260px;padding:9px 12px 10px;background:#1c1710f0;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 12px #0000004d,0 8px 24px #0003;backdrop-filter:blur(12px);z-index:8}.nl-title{color:#e8a33d;font:700 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.02em;margin-bottom:4px}.nl-title:not(:first-child){margin-top:10px}.nl-list{list-style:none;margin:0;padding:0}.nl-list li{position:relative;padding-left:12px}.nl-list li:before{content:"•";position:absolute;left:0;color:#ffebcd8c}.nl-list button{border:0;background:none;padding:1px 0;color:#f2e8d9;font:500 12.5px/1.5 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#e8a33d66;text-underline-offset:3px}.nl-list button:hover{color:#ffd98a}.nl-rel{display:flex;align-items:center;gap:5px;margin:1px 0 4px;color:#ffebcd80;font:500 10.5px/1.3 Inter,system-ui,sans-serif}.nl-dot{width:7px;height:7px;border-radius:50%;flex:none}.note-formatbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;display:flex;gap:2px;padding:5px 6px;background:#1c1710f0;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 12px #0000004d,0 8px 24px #0003;z-index:8;white-space:nowrap;backdrop-filter:blur(12px)}.note-formatbar button{min-width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#f2e8d9;font-size:14px;cursor:pointer;transition:background .12s ease,transform .1s ease}.note-formatbar button:hover{background:#ffffff1f}.note-formatbar button:active{transform:scale(.92)}.note-formatbar select{height:28px;max-width:100px;border:0;border-radius:7px;padding:0 4px;background:#ffffff14;color:#f2e8d9;font-size:12px;cursor:pointer;transition:background .12s ease}.note-formatbar select:hover{background:#ffffff24}.note-formatbar select option{color:#2a2723}.fmt-link{font-size:15px}.fmt-img{font-size:15px;letter-spacing:-2px}.note-resize,.clip-resize,.music-resize,.envelope-resize,.link-card-resize{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .15s ease}.note:hover .note-resize,.note-selected .note-resize,.clip-item:hover .clip-resize,.clip-selected .clip-resize,.music-item:hover .music-resize,.music-selected .music-resize,.envelope:hover .envelope-resize,.envelope-selected .envelope-resize,.link-card:hover .link-card-resize,.link-card-selected .link-card-resize{opacity:1}.note-resize>div,.clip-resize>div,.music-resize>div,.envelope-resize>div,.link-card-resize>div{position:absolute;pointer-events:auto}.resize-se{right:-7px;bottom:-7px;width:16px;height:16px;cursor:nwse-resize}.resize-se:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-right:2px solid rgba(40,30,18,.5);border-bottom:2px solid rgba(40,30,18,.5);border-radius:0 0 2px}.resize-sw{left:-7px;bottom:-7px;width:16px;height:16px;cursor:nesw-resize}.resize-sw:after{content:"";position:absolute;left:2px;bottom:2px;width:8px;height:8px;border-left:2px solid rgba(40,30,18,.5);border-bottom:2px solid rgba(40,30,18,.5);border-radius:0 0 0 2px}.resize-ne{right:-7px;top:-7px;width:16px;height:16px;cursor:nesw-resize}.resize-ne:after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border-right:2px solid rgba(40,30,18,.5);border-top:2px solid rgba(40,30,18,.5);border-radius:0 2px 0 0}.resize-nw{left:-7px;top:-7px;width:16px;height:16px;cursor:nwse-resize}.resize-nw:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;border-left:2px solid rgba(40,30,18,.5);border-top:2px solid rgba(40,30,18,.5);border-radius:2px 0 0}.resize-e{right:-5px;top:50%;transform:translateY(-50%);width:10px;height:28px;cursor:ew-resize}.resize-e:after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:4px;height:16px;border-right:2px solid rgba(40,30,18,.35);border-radius:2px}.resize-w{left:-5px;top:50%;transform:translateY(-50%);width:10px;height:28px;cursor:ew-resize}.resize-w:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:4px;height:16px;border-left:2px solid rgba(40,30,18,.35);border-radius:2px}.resize-s{bottom:-5px;left:50%;transform:translate(-50%);width:28px;height:10px;cursor:ns-resize}.resize-s:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:4px;border-bottom:2px solid rgba(40,30,18,.35);border-radius:2px}.resize-n{top:-5px;left:50%;transform:translate(-50%);width:28px;height:10px;cursor:ns-resize}.resize-n:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:16px;height:4px;border-top:2px solid rgba(40,30,18,.35);border-radius:2px}.note-resize .resize-se:after,.note-resize .resize-sw:after,.note-resize .resize-ne:after,.note-resize .resize-nw:after{border-color:#281e1273}.note-resize .resize-e:after,.note-resize .resize-w:after,.note-resize .resize-s:after,.note-resize .resize-n:after{border-color:#281e124d}.music-resize .resize-se:after,.music-resize .resize-sw:after,.music-resize .resize-ne:after,.music-resize .resize-nw:after{border-color:#3e27148c}.music-resize .resize-e:after,.music-resize .resize-w:after,.music-resize .resize-s:after,.music-resize .resize-n:after{border-color:#3e271466}.envelope-resize{z-index:9}.envelope-resize .resize-se:after,.envelope-resize .resize-sw:after,.envelope-resize .resize-ne:after,.envelope-resize .resize-nw:after{border-color:#5b3e2399}.envelope-resize .resize-e:after,.envelope-resize .resize-w:after,.envelope-resize .resize-s:after,.envelope-resize .resize-n:after{border-color:#5b3e236b}.pin-item{position:absolute;cursor:grab;user-select:none;touch-action:none}.pin-item .pin-body{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}.pin-item .pin-body svg{filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.pin-item:active .pin-body{cursor:grabbing}.pin-item.pin-selected .pin-selection{position:absolute;inset:6px -8px -6px;border:2px dashed rgba(30,20,10,.5);border-radius:14px}.pin-hole{position:absolute;left:50%;bottom:0;width:3px;height:3px;margin-left:-1.5px;background:#00000059;border-radius:50%;pointer-events:none}.pin-map-card{position:absolute;left:50%;top:98px;width:300px;padding:12px;background:#fdfaf1;border:1px solid rgba(91,62,35,.34);border-radius:4px;box-shadow:0 5px #5b3e231f,0 12px 24px #28190a4d;color:#2a2723;cursor:default;z-index:20;transform:translate(-50%)}.pin-location-item .pin-map-card{cursor:pointer}.pin-location-item{z-index:18!important}.pin-location-item .pin-map-card{top:0;width:300px;transform:translate(-50%,-8px) rotate(-1deg)}.pin-card-tape{position:absolute;z-index:2;width:104px;height:26px;background:repeating-linear-gradient(90deg,#ffffff12,#ffffff12 10px,#00000008 10px 11px),linear-gradient(180deg,#fcf1d38c,#eedcaf6b 55%,#e4cc9873);border:1px solid rgba(255,255,255,.26);border-top-color:#ffffff80;border-bottom-color:#96784147;box-shadow:0 3px 6px #2d1c0a29,0 1px 2px #2d1c0a1a;pointer-events:none;opacity:.95}.pin-card-tape:after{content:"";position:absolute;left:12px;right:12px;top:4px;height:5px;background:#ffffff4d;border-radius:3px;filter:blur(1px)}.pin-card-tape:before{content:"";position:absolute;width:16px;height:16px;background:linear-gradient(135deg,#fcf2d780,#ebd7a84d);border-radius:3px;box-shadow:0 2px 4px #2d1c0a2e}.pin-card-tape-tl{left:-14px;top:-14px;transform:rotate(-16deg)}.pin-card-tape-tr{right:-14px;top:-14px;transform:rotate(16deg)}.pin-card-tape-bl{left:4px;bottom:-14px;transform:rotate(11deg)}.pin-card-tape-br{right:4px;bottom:-14px;transform:rotate(-11deg)}.pin-card-tape-tl:before{top:-5px;left:-6px;transform:rotate(-22deg)}.pin-card-tape-tr:before{top:-5px;right:-6px;transform:rotate(22deg)}.pin-card-tape-bl:before{bottom:-5px;left:-5px;transform:rotate(20deg)}.pin-card-tape-br:before{bottom:-5px;right:-5px;transform:rotate(-20deg)}.pin-map-card:before,.pin-map-card:after{content:"";position:absolute;display:none}.pin-map-title{padding:2px 4px 7px;font:600 12px/1.25 Inter,sans-serif}.pin-location-photo{display:block;width:100%;height:calc(100% - 52px);min-height:120px;object-fit:cover;margin-bottom:7px;border-radius:4px}.pin-map-card iframe{display:block;width:100%;height:150px;border:0;border-radius:4px}.pin-map-actions{display:flex;gap:6px;margin-top:7px}.pin-map-card button{margin-top:7px;border:0;border-radius:5px;padding:5px 8px;background:#2a2723;color:#fff;font-size:11px;cursor:pointer;transition:background .12s ease,transform .1s ease}.pin-map-card button:hover{background:#3a3730}.pin-map-card button:active{transform:scale(.96)}.pin-map-actions button{margin-top:0}.pin-map-open{background:var(--accent)!important;color:#2a2723!important}.pin-location-resize{position:absolute;right:-8px;bottom:-8px;width:18px;height:18px;z-index:4;cursor:nwse-resize}.pin-location-resize:after{content:"";position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-right:2px solid rgba(40,30,18,.7);border-bottom:2px solid rgba(40,30,18,.7)}.envelope{position:absolute;user-select:none;touch-action:none;cursor:grab}.envelope:active{cursor:grabbing}.envelope.flash .env-art{animation:noteflash 1.4s ease-out}.env-art{position:absolute;inset:0;z-index:3;filter:drop-shadow(0 4px 10px rgba(40,25,8,.35));transition:filter .2s ease}.envelope:hover .env-art{filter:drop-shadow(0 5px 14px rgba(40,25,8,.42))}.env-texture{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='3' seed='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23k)'/%3E%3C/svg%3E")}.envelope-selected{outline:2px solid rgba(232,163,61,.65);outline-offset:6px;border-radius:8px}.envelope-drop .env-art{filter:drop-shadow(0 0 0 6px rgba(255,214,90,.95)) drop-shadow(0 4px 10px rgba(40,25,8,.35)) brightness(1.08);animation:dropwobble .5s ease}@keyframes dropwobble{0%{transform:rotate(0)}25%{transform:rotate(-1.6deg)}50%{transform:rotate(1.2deg)}75%{transform:rotate(-.6deg)}to{transform:rotate(0)}}.env-note-stack{position:absolute;top:6%;left:10%;width:52px;height:72px;z-index:2;pointer-events:none}.env-stack-paper{position:absolute;inset:0;background:linear-gradient(#fdfaf1,#f0eadb);border:1px solid rgba(120,100,70,.4);box-shadow:0 1px 3px #28190a4d}.env-stack-lines{position:absolute;inset:14px 10px;display:flex;flex-direction:column;gap:7px}.env-stack-lines span{height:2px;background:#6e82a066;border-radius:2px}.env-count{position:absolute;right:10px;bottom:8px;z-index:6;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#7a422ce6;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.env-toggle{position:absolute;top:6px;right:6px;z-index:7;border:0;border-radius:8px;background:#5a3a1cd9;color:#ffe9c9;font-size:12px;font-weight:600;padding:3px 9px;cursor:pointer;opacity:0;transition:opacity .15s ease,background .12s ease}.env-toggle:hover{background:#64411ef2}.envelope:hover .env-toggle,.envelope-selected .env-toggle{opacity:1}.env-title{position:absolute;left:16px;bottom:10px;z-index:6;max-width:60%;font-family:EB Garamond,Georgia,serif;font-style:italic;font-size:15px;color:#5a4a30;outline:none;line-height:1.3;cursor:text}.env-title:focus{border-bottom:1px dotted rgba(90,74,48,.7)}.env-title{user-select:text}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tb{position:fixed;top:12px;left:12px;z-index:200;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#201b15f0;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 24px #00000059,0 2px 8px #0003;backdrop-filter:blur(14px);color:#f2e8d9;max-width:calc(100vw - 24px);flex-wrap:wrap;animation:toolbarSlideIn .35s ease-out}.tb-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:.2px}.tb-logo{width:20px;height:20px;border-radius:3px;background:linear-gradient(#fffbe8,#f0e3c2);box-shadow:0 1px 3px #0006;position:relative}.tb-logo:before{content:"";position:absolute;left:8px;top:-3px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8c8c,#c33);box-shadow:0 1px 1px #0006}.tb-tools{display:flex;gap:2px;background:#ffffff0f;border-radius:10px;padding:3px}.tool-btn{border:0;border-radius:8px;background:transparent;color:#d8cdbc;font:600 13px Inter,sans-serif;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,color .12s ease,transform .1s ease}.tool-btn:hover{background:#ffffff1a;color:#fff}.tool-btn:active{transform:scale(.96)}.tool-btn.on{background:var(--accent);color:#33230c;box-shadow:0 2px 8px #e8a33d4d}.tool-btn svg,.icon-btn svg,.tb-search-icon svg,.tmatch-ico svg{display:block}.tb-links{display:flex;align-items:center;gap:2px;padding:3px;background:#ffffff0f;border-radius:10px;animation:toolbarSlideIn .2s ease-out}.tb-link-type{display:flex;align-items:center;gap:6px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:#ffebcdbf;font:600 11.5px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .12s ease,color .12s ease,transform .1s ease}.tb-link-type:hover{background:#ffffff1a;color:#fff}.tb-link-type:active{transform:scale(.96)}.tb-link-type.on{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px var(--dot)}.tb-link-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #00000040}.tb-link-name{white-space:nowrap}.tb-div{width:1px;align-self:stretch;margin:3px 5px;background:#ffffff24}.tb-more{position:relative;display:flex}.tb-more-dots{display:block;font-size:17px;line-height:13px;letter-spacing:1px}.icon-btn.on{background:#ffffff24;color:#fff}.tb-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:220;min-width:216px;padding:6px;background:#1c1710f5;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #0006,0 3px 10px #00000040;backdrop-filter:blur(12px);animation:menuin .14s ease-out}@keyframes menuin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tb-menu-item{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#f2e8d9;font:500 13px Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .12s ease}.tb-menu-item:hover{background:#ffffff1a}.tb-menu-div{height:1px;margin:5px 6px;background:#ffffff1a}.tb-boards{position:relative}.tb-board-btn{display:flex;align-items:center;gap:6px;max-width:210px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0d;color:#f2e8d9;font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .12s ease}.tb-board-btn:hover{background:#ffffff1a}.tb-board-btn.on{background:#ffffff24}.tb-board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-caret{flex:none;font-size:10px;opacity:.6}.boards-modal{width:min(880px,94vw);max-height:84vh;display:flex;flex-direction:column}.boards-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.boards-head h2{margin:0}.boards-tools{display:flex;align-items:center;gap:8px}.boards-search{width:190px;height:34px;padding:0 12px;border:1px solid rgba(120,100,70,.35);border-radius:8px;background:#ffffff14;color:#f2e8d9;font:500 13px Inter,system-ui,sans-serif;outline:none}.boards-search::placeholder{color:#ffebcd73}.boards-search:focus{border-color:var(--accent)}.boards-new-btn{height:34px;padding:0 14px;border:0;border-radius:8px;background:var(--accent);color:#33230c;font:700 13px Inter,system-ui,sans-serif;cursor:pointer;transition:filter .12s ease}.boards-new-btn:hover{filter:brightness(1.05)}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;overflow:auto;padding:2px}.board-card{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0a;text-align:left}.board-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.board-cover{height:88px;border:0;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e;transition:transform .12s ease}.board-cover:hover{transform:translateY(-1px)}.board-card-row{display:flex;align-items:center;gap:6px}.board-card-name{flex:1;min-width:0;padding:0;border:0;background:none;color:#f2e8d9;font:600 14px/1.3 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-name-input{flex:1;min-width:0;height:26px;padding:0 6px;border:1px solid var(--accent);border-radius:6px;background:#0000004d;color:#fff;font:600 14px Inter,system-ui,sans-serif;outline:none}.board-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.board-card:hover .board-card-actions{opacity:1}.board-card-actions button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#ffebcdb3;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease}.board-card-actions button:hover{background:#ffffff1f;color:#fff}.board-card-meta{color:#ffebcd80;font:500 11.5px Inter,system-ui,sans-serif}.board-card-new{align-items:center;justify-content:center;gap:6px;min-height:150px;border-style:dashed;border-color:#ffffff38;background:transparent;color:#ffebcdbf;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .12s ease,color .12s ease}.board-card-new:hover{border-color:var(--accent);color:#fff}.board-new-plus{font-size:22px;line-height:1}.boards-empty{padding:20px;text-align:center;color:#ffebcd99}.boards-upgrade{height:34px;padding:0 12px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font:700 13px Inter,system-ui,sans-serif;cursor:pointer;transition:background .12s ease}.boards-upgrade:hover{background:#e8a33d24}.boards-planline{display:flex;align-items:center;gap:10px;margin:-4px 0 14px}.plan-chip{padding:3px 9px;border-radius:999px;background:#ffffff1a;color:#ffebcdd9;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.plan-chip.pro{background:var(--accent);color:#33230c}.boards-plannote{color:#ffebcd8c;font:500 12px Inter,system-ui,sans-serif}.upgrade-modal{width:min(480px,94vw)}.upgrade-sub{margin:6px 0 14px;color:#ffebcdb3;font-size:13.5px}.upgrade-list{margin:0 0 16px;padding-left:20px}.upgrade-list li{margin:7px 0;font-size:13.5px;line-height:1.4}.upgrade-price{margin-bottom:4px;font-size:15px}.upgrade-price span{color:#ffebcd8c;font-size:12.5px}.modal-btns button[disabled]{opacity:.55;cursor:default}.tb-kbd{flex:none;min-width:18px;padding:2px 6px;color:#ffebcda6;font:600 10.5px Inter,system-ui,sans-serif;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px}.tb-search{position:relative}.tb-search input{width:220px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0000004d;color:#f2e8d9;padding:8px 12px 8px 32px;font:500 13px Inter,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.tb-search input:focus{border-color:#e8a33d99;box-shadow:0 0 0 3px #e8a33d26}.tb-search input::placeholder{color:#f2e8d973}.tb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#f2e8d98c;font-size:15px}.tb-matches{position:absolute;top:calc(100% + 6px);left:0;width:360px;max-height:340px;overflow:auto;background:#201b15f5;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 14px 34px #00000080;padding:5px;z-index:210;backdrop-filter:blur(14px)}.tmatch{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;color:#f2e8d9;padding:7px 8px;cursor:pointer;font:500 13px Inter,sans-serif;transition:background .1s ease}.tmatch:hover{background:#ffffff1a}.tmatch-ico{flex:0 0 18px;display:flex;align-items:center;opacity:.9}.tmatch-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmatch-env{font-size:11px;color:var(--accent);background:#e8a33d26;border-radius:6px;padding:2px 6px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-zoom{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:10px;padding:3px}.zoom-read{border:0;background:transparent;color:#d8cdbc;min-width:58px;text-align:center;font:600 13px Inter,sans-serif;cursor:pointer;padding:6px 4px;border-radius:6px;transition:color .12s ease,background .12s ease}.zoom-read:hover{color:#fff;background:#ffffff0f}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#d8cdbc;font:600 15px Inter,sans-serif;cursor:pointer;transition:background .12s ease,color .12s ease,transform .1s ease}.icon-btn:hover{background:#ffffff1f;color:#fff}.icon-btn:active{transform:scale(.92)}.tb-actions{display:flex;gap:2px;background:#ffffff0f;border-radius:10px;padding:3px}.tb-user{display:flex;align-items:center;gap:7px;max-width:220px;padding:3px 4px 3px 10px;background:#ffffff0f;border-radius:10px}.tb-user-dot{width:7px;height:7px;border-radius:50%;background:#5fcf80;box-shadow:0 0 6px #5fcf80b3;flex:none}.tb-user-email{overflow:hidden;color:#fff0dcd9;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.auth-splash{position:fixed;inset:0;background:#7c4f22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.105' numOctaves='5' seed='21'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.60 0 0 0 0 0.40 0 0 0 0 0.22 0 0 0 0.60 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23a9743f'/%3E%3Crect width='240' height='240' filter='url(%23c)' opacity='0.9'/%3E%3C/svg%3E")}.auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#7c4f22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cdefs%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055 0.105' numOctaves='5' seed='21'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.60 0 0 0 0 0.40 0 0 0 0 0.22 0 0 0 0.60 0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23a9743f'/%3E%3Crect width='240' height='240' filter='url(%23c)' opacity='0.9'/%3E%3C/svg%3E");z-index:500}.auth-card{position:relative;width:min(380px,100%);padding:34px 30px 26px;background:linear-gradient(180deg,#fdfaf1,#f6efdd);border:1px solid rgba(120,100,70,.35);border-radius:6px;box-shadow:0 2px 6px #28190a38,0 18px 44px #1e120659;text-align:center;transform:rotate(-.5deg)}.auth-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='pn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' seed='12'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.04' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23pn)'/%3E%3C/svg%3E");opacity:.6}.auth-pin{position:absolute;top:-16px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff8a8a,#d64545 55%,#9e2b2b);box-shadow:0 3px 5px #00000059,inset 0 -2px 3px #00000040}.auth-pin:after{content:"";position:absolute;left:50%;top:18px;width:2px;height:12px;margin-left:-1px;background:linear-gradient(180deg,#b9b2a6,#7d766b);border-radius:1px;box-shadow:0 2px 3px #0000004d}.auth-title{margin:4px 0;font-family:Caveat,Segoe Print,cursive;font-size:34px;font-weight:700;color:#2a2723}.auth-sub{margin:0 0 22px;color:#6b6153;font-size:13.5px}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1px solid rgba(80,70,55,.35);border-radius:9px;background:#fff;color:#2a2723;font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 1px 2px #0000001f;transition:box-shadow .15s ease,transform .1s ease}.auth-google:hover{box-shadow:0 3px 8px #0000002e}.auth-google:active{transform:translateY(1px)}.auth-google:disabled{opacity:.6;cursor:default}.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:#9b9182;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:#78644640}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-input{height:42px;padding:0 12px;border:1px solid rgba(120,100,70,.35);border-radius:8px;background:#ffffffbf;color:#2a2723;font:500 14px Inter,system-ui,sans-serif;outline:none}.auth-input:focus{border-color:#e8a33d;box-shadow:0 0 0 3px #e8a33d38}.auth-emailbtn{height:42px;border:0;border-radius:8px;background:#e8a33d;color:#3a2a12;font:700 13.5px Inter,system-ui,sans-serif;cursor:pointer;transition:filter .15s ease,transform .1s ease}.auth-emailbtn:hover{filter:brightness(1.05)}.auth-emailbtn:active{transform:translateY(1px)}.auth-emailbtn:disabled{opacity:.55;cursor:default}.auth-sent{color:#4a4238;font-size:13.5px;line-height:1.5}.auth-textbtn{margin-top:8px;border:0;background:none;color:#a4691d;font:600 12.5px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}.auth-error{margin-top:14px;padding:8px 10px;border-radius:7px;background:#e052521f;color:#a12b2b;font-size:12.5px;line-height:1.4}.auth-fine{margin:20px 0 0;color:#9b9182;font-size:11.5px}.tb-hint{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:90;color:#ffebcdb3;font-size:12.5px;font-weight:500;background:#281c1080;padding:7px 16px;border-radius:20px;backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;animation:hintfade 6s ease forwards}@keyframes hintfade{0%{opacity:0;transform:translate(-50%,8px)}8%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.ctxmenu{position:fixed;z-index:300;min-width:210px;background:#201b15f5;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 36px #00000073,0 4px 12px #00000040;padding:5px;backdrop-filter:blur(14px);animation:ctxPopIn .12s ease-out}@keyframes ctxPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-colors{display:flex;gap:5px;padding:7px 8px 9px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.swatch{width:26px;height:26px;border-radius:7px;border:2px solid rgba(255,255,255,.4);cursor:pointer;box-shadow:0 1px 3px #0006;transition:transform .1s ease,box-shadow .1s ease}.swatch:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000080}.swatch.on{outline:2px solid var(--accent);outline-offset:1px}.ctxmenu-items{padding:2px}.ctxitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;color:#f2e8d9;padding:8px 10px;font:500 13px Inter,sans-serif;cursor:pointer;transition:background .1s ease}.ctxitem:hover{background:#ffffff1a}.ctxitem.danger{color:#ff9c9c}.ctxitem.danger:hover{background:#e0525226}.ctx-ico{flex:0 0 18px;text-align:center;font-size:14px;opacity:.85}.ctx-divider{height:1px;background:#ffffff0f;margin:4px 8px}.toast{position:fixed;bottom:64px;left:50%;transform:translate(-50%);z-index:320;background:#140f09eb;color:#ffe9c9;font:600 13.5px Inter,sans-serif;padding:9px 18px;border-radius:22px;box-shadow:0 8px 24px #00000059,0 2px 6px #0003;backdrop-filter:blur(8px);animation:toastin .25s ease}@keyframes toastin{0%{opacity:0;transform:translate(-50%,8px)}}.modal-back{position:fixed;inset:0;z-index:500;background:#0f0a048c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 80px);overflow:auto;background:#211a12;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 60px #0009;color:#f2e8d9;padding:26px 30px;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0 0 18px;font-size:22px;letter-spacing:.2px;color:#ffe9c9}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}.help-cols h3{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.help-cols ul{margin:0;padding-left:18px}.help-cols li{margin:5px 0;font-size:13.5px;line-height:1.45}.modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.modal-btns button{border:1px solid rgba(255,255,255,.15);background:transparent;color:#f2e8d9;font:600 13px Inter,sans-serif;padding:9px 16px;border-radius:9px;cursor:pointer;transition:background .12s ease,transform .1s ease}.modal-btns button:hover{background:#ffffff1a}.modal-btns button:active{transform:scale(.96)}.location-backdrop{position:fixed;inset:0;z-index:520;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0a048c;backdrop-filter:blur(4px);animation:modalFadeIn .2s ease}.location-editor{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#211a12;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px #0009;color:#f2e8d9;padding:22px;animation:modalSlideIn .25s ease}.location-editor-head{display:flex;align-items:flex-start;justify-content:space-between}.location-editor-head h2{margin:3px 0 18px;color:#ffe9c9;font-size:22px}.location-kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.location-label{display:block;margin-bottom:7px;font-size:12px;color:#f2e8d9b8}.location-input{width:100%;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:0 12px;background:#ffffff14;color:#fff;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.location-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a33d26}.location-photo-label{display:block;margin:14px 0 7px;font-size:12px;color:#f2e8d9b8}.location-photo-input{width:100%;color:#f2e8d9bf;font-size:12px}.location-photo-preview-wrap{position:relative;margin-top:10px}.location-photo-preview{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:6px}.location-photo-remove{position:absolute;right:8px;bottom:8px;border:0;border-radius:5px;padding:5px 8px;background:#1e1812d6;color:#fff;font-size:11px;cursor:pointer;transition:background .12s ease}.location-photo-remove:hover{background:#282016f2}.location-preview{display:block;width:100%;height:min(270px,32vh);min-height:130px;margin-top:14px;border:0;border-radius:7px;background:#30271d}.location-empty{display:grid;place-items:center;height:min(270px,32vh);min-height:130px;margin-top:14px;border:1px dashed rgba(255,255,255,.16);border-radius:7px;color:#f2e8d98c;font-size:13px}.location-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.location-actions button{border:0;border-radius:7px;padding:9px 14px;font-weight:700;cursor:pointer;transition:background .12s ease,transform .1s ease}.location-actions button:active{transform:scale(.96)}.location-cancel{background:#ffffff1a;color:#f2e8d9}.location-cancel:hover{background:#ffffff29}.location-save{background:var(--accent);color:#2a2723}.location-save:hover{background:#ebb04e}.modal-btns button.primary{background:var(--accent);border-color:var(--accent);color:#33230c}.modal-btns button.primary:hover{background:#ebb04e}.tb-matches::-webkit-scrollbar,.modal::-webkit-scrollbar,.location-editor::-webkit-scrollbar{width:8px}.tb-matches::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.location-editor::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px}.board.readonly .world{pointer-events:none}.board.readonly{cursor:grab}.board.readonly:active{cursor:grabbing}.share-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:#1c140cdb;color:#f6ecd8;box-shadow:0 10px 30px #00000052;font:600 13px Inter,system-ui,sans-serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.share-logo{width:14px;height:14px;border-radius:4px;background:var(--accent);flex:none}.share-name{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-mode{padding:3px 9px;border-radius:999px;background:#ffffff24;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.share-mode.edit{background:var(--accent);color:#33230c}.share-as{display:flex;align-items:center;gap:6px;font-weight:500;opacity:.9}.share-as input{width:108px;height:26px;padding:0 8px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:inherit;font:inherit}.share-zoom{display:flex;align-items:center;gap:2px}.share-zoom .icon-btn{color:inherit}.share-modal{width:min(520px,94vw)}.share-sub{margin:6px 0 16px;color:#ffebcdb8;font-size:13.5px}.share-label{display:block;margin-bottom:6px;font:700 11px Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#ffebcd99}.share-linkrow{display:flex;gap:8px;margin-bottom:16px}.share-link{flex:1;min-width:0;height:38px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:#f6ecd8;font:500 13px ui-monospace,SF Mono,monospace}.share-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-mode-opt{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:3px}.share-mode-opt b{font-size:13.5px}.share-mode-opt span{font-size:12px;color:#ffebcd99}.share-mode-opt.on{border-color:var(--accent);background:#e8a33d24}.modal-btns button.danger{color:#ff9c9c;border-color:#e0525280}.modal-btns button.danger:hover{background:#e0525229}.board-shared{color:var(--accent)}.presence-bar{position:fixed;bottom:16px;right:16px;z-index:300;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#201b15e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059;color:#f2e8d9;max-width:min(60vw,520px);overflow-x:auto}.peer-chip{display:flex;align-items:center;gap:6px;padding:2px 9px 2px 2px;border-radius:999px;background:#ffffff0f;font:600 12.5px Inter,system-ui,sans-serif;white-space:nowrap}.peer-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 10.5px Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1.5px #ffffff40}.peer-label{color:#fff0dce6}.peer-chip.editing{background:#ffffff21}.peer-chip.editing .peer-avatar{box-shadow:0 0 0 2px #ffffffd9,0 0 0 4px var(--c, #8a7a63)}.peer-editing{color:var(--c, #c9b89a);font:700 11px Inter,system-ui,sans-serif;margin-left:2px}.collab-sel{position:absolute;border:2px solid;border-radius:7px;pointer-events:none;z-index:46;transition:left .12s linear,top .12s linear,width .12s linear,height .12s linear}.collab-cursor{position:absolute;pointer-events:none;z-index:47;transform:translate(-3px,-3px);transition:left .1s linear,top .1s linear}.collab-inner{transform-origin:0 0}.collab-tag{position:absolute;left:15px;top:16px;padding:2px 7px;border-radius:7px;color:#fff;font:700 11px Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0000004d;pointer-events:none}.collab-sel .collab-tag{left:0;top:-19px}.share-error{min-height:100vh;display:grid;place-items:center;background:#2a1d12;color:#f6ecd8}.share-error-card{text-align:center;padding:32px;border-radius:16px;background:#ffffff0d;max-width:380px}.share-error-card h2{margin:14px 0 6px}.share-error-card p{color:#ffebcdb3}.primary-link{display:inline-block;margin-top:12px;padding:9px 16px;border-radius:9px;background:var(--accent);color:#33230c;font-weight:700;text-decoration:none}