:root{--bg: #eaddd7;--accent: #6b4eff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:"averia serif libre",serif;background:#af3b32}.app-root{min-height:100vh;display:flex;align-items:center;text-align:center;flex-direction:column;gap:20px}.title{color:#333;margin:0}.sketchbook-root{position:relative;width:100%;max-width:1000px;height:70vh;border:2px dashed rgba(0,0,0,.06);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fffc;overflow:hidden}.sketch{width:120px}.sketchbook{width:240px;display:flex;align-items:center;justify-self:center;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease}.desk{width:90%;align-items:center;justify-content:center}.desk{position:relative}.sketchbook:hover{transform:translateY(-6px)}.sketchbook.open{transform:translateY(-20px) rotateX(8deg)}.sketchbook .cover{font-weight:600;color:#2b2b2b}.cover-img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.scattered{position:absolute;height:auto;border-radius:6px;box-shadow:0 10px 30px #14142826;transform-origin:center center;opacity:0;cursor:grab;-webkit-user-select:none;user-select:none;transition:left .6s cubic-bezier(.2,.9,.25,1),top .6s cubic-bezier(.2,.9,.25,1),transform .6s cubic-bezier(.2,.9,.25,1)}.scattered.static{transition:none!important}.detail-card{background-image:url(/assets/paper-text-8d5plAdg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#000;border-radius:10px;box-shadow:0 20px 60px #00000059;display:flex;gap:12px;padding:12px;align-items:center;position:fixed;z-index:100000}.detail-img{width:180px;border-radius:8px}.detail-meta{max-width:140px}.detail-location{font-weight:700;margin-bottom:6px}.detail-img-wrap img{display:block;border-radius:8px}.detail-desc{font-size:13px;color:#444}.selected-panel{position:fixed;right:20px;top:20px;width:320px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 20px 60px #00000040;display:flex;gap:12px;align-items:flex-start;z-index:999}.selected-img{width:120px;height:120px;background-size:cover;background-position:center;border-radius:8px}.selected-info h3{margin:0 0 6px}.selected-info .loc{font-weight:600;color:#666}.selected-info .desc{margin-top:8px;color:#444}.sketchbook.open+.reset-btn{display:block}.reset-btn{position:absolute;top:16px;right:16px;padding:8px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;display:none}.scattered{opacity:1}@media (max-width:640px){.sketchbook{width:180px}.scattered{width:120px}}