:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100%}#root{height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.detective-board-container{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:100}.detective-polaroid{background:#fff;padding:8px;border-radius:4px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:grab;position:relative}.detective-polaroid:active{cursor:grabbing}.detective-polaroid.selected{box-shadow:0 6px 20px #dc26264d;transform:scale(1.05)}.detective-polaroid-frame{position:relative;width:120px;height:140px;background:#fff}.detective-polaroid-image{width:100%;height:100px;object-fit:cover;border-radius:2px}.detective-polaroid-caption{padding:8px 4px 4px;font-family:Geist,sans-serif;font-size:11px;color:#333;text-align:center;font-weight:400}.detective-polaroid-clip{position:absolute;top:-8px;right:-8px;width:24px;height:24px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.detective-sticker{cursor:grab;transition:all .3s ease}.detective-sticker:active{cursor:grabbing}.detective-sticker.selected{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(220,38,38,.3))}.detective-sticker-image{width:60px;height:60px;object-fit:contain}.detective-handle{width:8px;height:8px;background:#dc2626;border:2px solid white;opacity:0;transition:opacity .3s ease}.detective-polaroid:hover .detective-handle,.detective-sticker:hover .detective-handle,.detective-polaroid.selected .detective-handle,.detective-sticker.selected .detective-handle{opacity:1}.detective-controls{border-radius:8px;background:#ffffffe6}.detective-controls button{background:#fff;border:1px solid #e5e5e5;color:#666;border-radius:4px;transition:all .2s ease}.detective-controls button:hover{background:#f5f5f5;border-color:#dc2626;color:#dc2626}.react-flow__edge-path{stroke:#dc2626!important;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(220,38,38,.3))}.react-flow__edge.selected .react-flow__edge-path{stroke:#b91c1c!important;stroke-width:3}.react-flow__arrowhead{fill:#dc2626}.react-flow__background{background-color:#fefefe}.react-flow__node.selected{outline:2px solid #dc2626;outline-offset:2px}@media (max-width: 768px){.detective-polaroid-frame{width:100px;height:120px}.detective-polaroid-image{height:80px}.detective-sticker-image{width:50px;height:50px}.detective-handle{width:12px;height:12px}}.interactive-header{position:relative;width:100%;height:100vh;overflow:hidden;background:#f8f9fa;cursor:default}.dotted-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#c4c9d0 1px,transparent 1px);background-size:20px 20px;background-position:0 0;z-index:1}.header-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:50;pointer-events:none}.main-title{font-family:BellavoirSerif,serif;font-size:16rem;font-weight:400;color:#1f2937;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:.8}.subtitle{position:relative;width:100%;height:400px;margin:-6rem auto 0;max-width:1400px}.sticky-note{position:absolute;width:180px;height:120px;padding:15px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:grab;z-index:20;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:.95rem;color:#1f2937;transform:rotate(-2deg);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.1);user-select:none}.sticky-note:hover{transform:rotate(0) scale(1.05);box-shadow:0 8px 20px #0003;z-index:25}.sticky-note:nth-child(2n){transform:rotate(2deg)}.sticky-note:nth-child(2n):hover{transform:rotate(0) scale(1.05)}.sticky-note.dragging{transform:rotate(0) scale(1.1);box-shadow:0 12px 28px #00000040;z-index:30;transition:none}.sticker{position:absolute;z-index:50;cursor:grab;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s ease;user-select:none;will-change:transform}.sticker-image{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));transition:filter .2s ease}.sticker:hover{transform:scale(1.03) rotate(4deg) translate(12px,-3px);z-index:60}.sticker:hover .sticker-image{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) saturate(1.1)}.sticker.dragging{transform:scale(1.12) rotate(5deg);z-index:70;transition:none}.sticker.dragging .sticker-image{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}.navigation-toolbar{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#fffffff2;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:6px;height:52px;box-shadow:0 4px 20px #00000014;z-index:100;transition:none;overflow:visible;width:auto}.toolbar-section{display:flex;align-items:center;gap:2px;overflow:visible}.toolbar-section:not(:last-child):after{content:"";width:1px;height:24px;background:#00000014;margin:0 8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;position:relative;width:40px;height:40px;overflow:visible}.toolbar-btn:has(.tool-icon){align-items:center;overflow:visible}.toolbar-btn:hover .tool-icon-svg{color:#374151;transform:translateY(-1px)}.toolbar-btn:hover:has(.tool-icon){background:transparent;transform:none}.toolbar-btn:hover:has(.tool-icon-svg){background:#0000000a;transform:translateY(-2px)}.toolbar-btn.active{background:#3b82f61a}.tool-icon{width:40px;height:40px;object-fit:contain;transition:all .15s ease}.toolbar-btn:hover .tool-icon{transform:translateY(-8px)}.tool-icon-svg{width:22px;height:22px;color:#6b7280;stroke-width:1.5;transition:all .15s ease}.toolbar-btn.active .tool-icon-svg{color:#3b82f6}@media (max-width: 768px){.main-title{font-size:8rem}.subtitle{width:100%;height:250px;margin:-3rem auto 0;max-width:1000px}.sticky-note{width:140px;height:100px;font-size:.85rem}.sticker-image{width:120px;height:120px}.polaroid{z-index:15}.sticker{z-index:60}.navigation-toolbar{padding:6px;gap:6px}.toolbar-btn{width:38px;height:38px}.tool-icon,.tool-icon-svg,.color-btn{width:28px;height:28px}.toolbar-section:first-child:after{height:28px;margin:0 6px}}.polaroid{position:absolute;z-index:45;cursor:grab;transition:box-shadow .6s ease;user-select:none;will-change:transform}.polaroid-frame{background:#fff;padding:12px 12px 40px;box-shadow:0 4px 16px #00000026;border-radius:4px;position:relative;width:160px}.polaroid-image{width:100%;height:120px;object-fit:cover;border-radius:2px;display:block}.polaroid-caption{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Delicious Handrawn,cursive;font-size:.9rem;color:#2d3748;text-align:center;font-weight:400;line-height:1.3}.polaroid-clip{position:absolute;top:-10px;right:-8px;width:35px;height:35px;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.polaroid:hover{transform:rotate(-3deg) scale(1.02) translate(-10px,2px);box-shadow:0 8px 24px #0003;z-index:55}.polaroid.dragging{transform:scale(1.08) rotate(-3deg);box-shadow:0 16px 40px #0000004d;z-index:65;transition:none}.polaroid.dragging .polaroid-frame{box-shadow:0 8px 24px #0003}@font-face{font-family:BellavoirSerif;src:url(/BellavoirSerif.otf) format("opentype");font-weight:400;font-style:normal}@media (max-width: 768px){.polaroid-frame{width:130px;padding:8px 8px 32px}.polaroid-image{height:100px}.polaroid-caption{font-size:.75rem;bottom:6px}.polaroid-clip{width:28px;height:28px;top:-8px;right:-6px}}@media (max-width: 480px){.navigation-toolbar{padding:4px;gap:4px;border-radius:12px}.toolbar-btn{width:32px;height:32px}.tool-icon,.tool-icon-svg,.color-btn{width:24px;height:24px}.toolbar-section:first-child:after{height:24px;margin:0 4px}.main-title{font-size:5rem}}.App{width:100%;height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
