@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{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;background:linear-gradient(135deg,#f5f5f4,#e7e5e4);min-height:100vh}body{font-family:Inter,sans-serif}.app-container{min-height:100vh;padding:2rem}.app-content{max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;text-align:center;margin-bottom:3rem}.header h2{font-size:1rem;font-weight:700;color:#292524}.header p{font-size:.75rem;color:#78716c}.dash-info{text-align:right}.controls{display:flex;gap:1rem;align-items:center;justify-content:flex-start;margin-bottom:2rem;flex-wrap:wrap}.btn-clear{padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:1rem;box-shadow:0 4px 6px #0000001a;transition:all .2s}.btn-clear:hover{background-color:#b91c1c}.image-count{color:#78716c;font-size:.875rem}.corkboard{position:relative;background:linear-gradient(135deg,#d4a574,#c19a6b,#b8956a);border-radius:1rem;padding:3rem;box-shadow:inset 0 2px 10px #0000001a,0 10px 40px #0003;min-height:400px;width:100%}.cork-texture{position:absolute;inset:0;border-radius:1rem;opacity:.3;pointer-events:none;background-image:radial-gradient(circle at 25% 35%,rgba(139,90,43,.4) 1px,transparent 1px),radial-gradient(circle at 75% 65%,rgba(139,90,43,.3) 1.5px,transparent 1.5px),radial-gradient(circle at 45% 80%,rgba(139,90,43,.25) 1px,transparent 1px),radial-gradient(circle at 85% 25%,rgba(139,90,43,.35) 1px,transparent 1px);background-size:60px 60px,80px 80px,45px 45px,70px 70px}.empty-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:#57534e}.empty-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.empty-state p:first-of-type{font-size:1.25rem;font-weight:500;margin-bottom:.25rem}.empty-state p:last-of-type{font-size:.875rem;opacity:.75}.images-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.polaroid{position:relative}.polaroid-pin{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(145deg,#dc2626,#b91c1c);border-radius:50%;box-shadow:0 2px 8px #dc262666;z-index:20;transition:transform .2s}.polaroid:hover .polaroid-pin{transform:translate(-50%) scale(1.1)}.polaroid-delete{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background-color:#dc2626;color:#fff;border:none;border-radius:50%;opacity:0;z-index:30;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:all .2s}.polaroid:hover .polaroid-delete{opacity:1;transform:scale(1.1)}.polaroid-delete:hover{background-color:#b91c1c}.polaroid-frame{background-color:#fff;padding:12px 12px 32px;border-radius:4px;box-shadow:0 10px 25px #0000004d;transition:all .3s ease}.polaroid:hover .polaroid-frame{box-shadow:0 20px 40px #0006;transform:translateY(-8px) rotate(0)}.polaroid-image-wrapper{aspect-ratio:1;overflow:hidden;background-color:#f5f5f5;border-radius:2px}.polaroid-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#292524;color:#fff;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:1rem;box-shadow:0 4px 6px #0000001a;transition:all .2s}.upload-button:hover{background-color:#44403c}.upload-button svg{width:1.25rem;height:1.25rem}.upload-button input{display:none}.tips{text-align:center;color:#78716c;font-size:.875rem;margin-top:1.5rem}.auth-form{max-width:400px;margin:0 auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.auth-form h2{margin-bottom:1.5rem;text-align:center;color:#292524}.auth-form form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.75rem;border:2px solid #e7e5e4;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.auth-form input:focus{outline:none;border-color:#292524}.auth-form button[type=submit]{padding:.75rem;background-color:#292524;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-form button[type=submit]:hover:not(:disabled){background-color:#44403c}.auth-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.auth-message{margin-top:1rem;padding:.75rem;background-color:#f5f5f4;border-radius:.5rem;text-align:center;font-size:.875rem;color:#57534e}.toggle-auth{margin-top:1rem;background:none;border:none;color:#78716c;text-decoration:underline;cursor:pointer;font-size:.875rem;width:100%}.toggle-auth:hover{color:#292524}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h2{font-size:2rem;color:#292524;margin:0}.btn-create{padding:.75rem 1.5rem;background-color:#292524;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-create:hover{background-color:#44403c}.create-board-form{display:flex;gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.create-board-form input{flex:1;padding:.75rem;border:2px solid #e7e5e4;border-radius:.5rem;font-size:1rem}.create-board-form input:focus{outline:none;border-color:#292524}.btn-save{padding:.75rem 1.5rem;background-color:#22c55e;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:#16a34a}.btn-cancel{padding:.75rem 1.5rem;background-color:#e7e5e4;color:#57534e;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background-color:#d6d3d1}.empty-boards{text-align:center;padding:4rem 2rem;color:#78716c;font-size:1.125rem}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.board-card{position:relative;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s;cursor:pointer}.board-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.board-card-content{padding:1.5rem}.board-card-content h3{font-size:1.25rem;color:#292524;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-date{font-size:.875rem;color:#78716c;margin:0}.board-delete{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background-color:#dc2626;color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.board-card:hover .board-delete{opacity:1}.board-delete:hover{background-color:#b91c1c;transform:scale(1.1)}.edit-board-input{width:100%;padding:.5rem;font-size:1.25rem;font-weight:600;border:2px solid #292524;border-radius:.25rem;background:#fff}.edit-board-input:focus{outline:none;border-color:#44403c}.board-edit{position:absolute;top:.75rem;right:3rem;width:32px;height:32px;background-color:#78716c;color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.board-card:hover .board-edit{opacity:1}.board-edit:hover{background-color:#57534e;transform:scale(1.1)}.board-edit-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem}.board-save{width:32px;height:32px;background-color:#22c55e;color:#fff;border:none;border-radius:50%;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.board-save:hover{background-color:#16a34a;transform:scale(1.1)}.board-cancel{width:32px;height:32px;background-color:#78716c;color:#fff;border:none;border-radius:50%;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.board-cancel:hover{background-color:#57534e;transform:scale(1.1)}.btn-export{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f64d}.btn-export:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.polaroid-caption-area{padding:.5rem .25rem 0;min-height:2rem}.caption-display{font-size:.875rem;color:#57534e;text-align:center;cursor:pointer;transition:color .2s;font-family:Segoe Print,Bradley Hand,cursive}.caption-display:hover{color:#292524}.caption-placeholder{color:#a8a29e;font-style:italic}.caption-edit{display:flex;flex-direction:column;gap:.25rem}.caption-edit input{width:100%;padding:.25rem;font-size:.875rem;border:1px solid #d6d3d1;border-radius:.25rem;text-align:center;font-family:Segoe Print,Bradley Hand,cursive}.caption-edit input:focus{outline:none;border-color:#292524}.caption-buttons{display:flex;gap:.25rem;justify-content:center}.caption-save,.caption-cancel{width:24px;height:24px;border:none;border-radius:50%;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.caption-save{background-color:#22c55e;color:#fff}.caption-save:hover{background-color:#16a34a}.caption-cancel{background-color:#e7e5e4;color:#57534e}.caption-cancel:hover{background-color:#d6d3d1}.board-header-wrapper{display:flex;justify-content:space-between;padding:0 1rem;width:100%;max-width:100%}.board-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e7e5e4}.btn-back{padding:.5rem 1rem;background-color:#fff;color:#57534e;border:1px solid #e7e5e4;border-radius:6px;font-weight:400;font-size:.875rem;transition:all .15s}.btn-back:hover{background-color:#fafaf9;border-color:#d6d3d1;transform:none}.board-title-display{font-size:1.5rem;font-weight:500;color:#292524;margin:0;letter-spacing:-.02em}.board-actions{display:flex;gap:.5rem;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem}.upload-button,.btn-export,.btn-clear{padding:.5rem .875rem;background-color:#fff;color:#292524;border:1px solid #e7e5e4;border-radius:6px;font-weight:400;font-size:.8125rem;box-shadow:none;transition:all .15s;height:34px;display:inline-flex;align-items:center;white-space:nowrap}.upload-button:hover,.btn-export:hover,.btn-clear:hover{background-color:#fafaf9;border-color:#d6d3d1;transform:none}.image-count{color:#a8a29e;font-size:.8125rem;font-weight:400}@media(max-width:768px){.images-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:480px)and (max-width:768px){.images-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:640px){.header{display:flex;flex-direction:column}.header img{width:60%;margin-left:auto;margin-right:auto}.dash-info{text-align:center!important}.board-header-wrapper{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%}.board-header{width:100%;align-items:stretch}.board-actions{flex-direction:column;align-items:stretch;width:100%}.upload-button,.btn-export,.btn-clear{width:100%;justify-content:center}.image-count{text-align:center}}