:root{--cork: #c8a87c;--cork-dark: #a07850;--cork-light: #deb887}body{font-family:Patrick Hand,cursive,sans-serif;background:var(--cork);background-image:radial-gradient(ellipse at 20% 30%,rgba(255,220,160,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,90,43,.1) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");min-height:100vh}.corkboard{max-width:1100px;margin:0 auto;padding:2rem 1rem}.corkboard-header{text-align:center;margin-bottom:2rem}.corkboard-header h1{font-family:Caveat,cursive;font-size:3rem;color:#3e2723;text-shadow:2px 2px 0 rgba(255,255,255,.3);letter-spacing:1px}.subtitle{color:#5d4037;font-size:1.1rem;margin-top:.3rem}.note-form{background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(160,120,80,.4);border-radius:12px;padding:1.2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000026}.form-row{display:flex;gap:1rem;align-items:flex-start}.note-input{flex:1;font-family:Patrick Hand,cursive;font-size:1.15rem;padding:.8rem;border:2px solid rgba(160,120,80,.3);border-radius:8px;resize:none;background:#fffc;color:#3e2723;line-height:1.4}.note-input:focus{outline:none;border-color:var(--cork-dark);background:#fffffff2}.note-input::placeholder{color:#a08060}.form-right{display:flex;flex-direction:column;gap:.6rem;align-items:center}.color-picker{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:120px}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.15);cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0}.color-dot:hover{transform:scale(1.2)}.color-dot.selected{border-color:#3e2723;box-shadow:0 0 0 3px #3e27234d;transform:scale(1.15)}.pin-button{font-family:Patrick Hand,cursive;font-size:1.1rem;background:#5d4037;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.pin-button:hover:not(:disabled){background:#4e342e;transform:translateY(-1px)}.pin-button:active:not(:disabled){transform:translateY(0)}.pin-button:disabled{background:#a08060;cursor:not-allowed}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:0 .2rem}.char-count{font-size:.9rem;color:#6d4c41}.char-count.warn{color:#e65100}.char-count.over{color:#c62828;font-weight:700}.submit-error{font-size:.9rem;color:#c62828}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem 0}.sticky-note{padding:1rem;border-radius:2px;box-shadow:2px 3px 8px #00000040,0 0 1px #00000026;transform:rotate(var(--rot, 0deg));position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;font-family:Patrick Hand,cursive;transition:transform .2s,box-shadow .2s}.sticky-note:before{content:"";display:block;width:12px;height:12px;background:radial-gradient(circle,#c0392b 40%,#922b21 60%,transparent 70%);border-radius:50%;margin:-1.6rem auto .5rem}.sticky-note:hover{transform:rotate(0) scale(1.03);box-shadow:4px 6px 16px #0000004d;z-index:10}.note-content{color:#2c1810;font-size:1.1rem;line-height:1.4;word-break:break-word;white-space:pre-wrap}.note-time{font-size:.75rem;color:#2c181080;margin-top:.8rem;display:block;text-align:right}.loading,.empty,.error{text-align:center;color:#5d4037;font-size:1.1rem;padding:2rem}.error{color:#c62828}@media(max-width:600px){.form-row{flex-direction:column}.form-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}