@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Gochi+Hand&family=Patrick+Hand:wght@400;700&display=swap";
.mading-page-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.mading-divider-line{background:gradient-to-r;background-image:linear-gradient(to right, var(--color-primary), var(--color-primary-hover));border-radius:9999px;width:100%;height:4px;margin-top:1.5rem;position:relative;box-shadow:0 0 10px #170c7933}.hero-stats-badge{background-color:var(--color-primary-light);border:1px solid var(--border-color);color:var(--color-primary);letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.search-input-wrapper{flex:1;min-width:280px;position:relative}.search-input-field{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:9999px;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;transition:all .2s}.search-input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #170c7914}.filter-chip-button{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:9999px;padding:.4375rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.filter-chip-button:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.filter-chip-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #170c7926}.sort-select-field{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a4a62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:9999px;outline:none;padding:.4375rem 2.25rem .4375rem 1rem;font-size:.8125rem;font-weight:600}.sort-select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #170c7914}.corkboard-outer{background-color:#5c2c04;border:1px solid #00000040;border-radius:24px;padding:16px;position:relative;box-shadow:0 25px 50px -12px #00000059,inset 0 3px 6px #fff3,inset 0 -3px 6px #00000080}.corkboard-bevel-frame{background:#3a1a01;border:7px solid #4a2202;border-radius:12px;box-shadow:inset 0 0 16px #000000e6}.corkboard-surface{background-color:#cb9b6c;background-image:radial-gradient(#5c2c0433 12%,#0000 16%),radial-gradient(#5c2c0426 15%,#0000 16%),radial-gradient(#ffffff4d 15%,#0000 20%);background-position:0 0,5px 5px,6px 3px;background-size:14px 14px,10px 10px,12px 12px;min-height:580px;box-shadow:inset 0 8px 32px #00000073}.sticky-note-item{background:#fff;border-radius:2px;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:3px 4px 10px #0003}.pastel-pink{background-color:#ffe5ec;border-left:2px solid #ff4d6d33}.pastel-lavender{background-color:#f3e8ff;border-left:2px solid #a855f733}.pastel-yellow{background-color:#fef9c3;border-left:2px solid #eab30833}.pastel-blue{background-color:#e0f2fe;border-left:2px solid #0ea5e933}.pastel-peach{background-color:#ffedd5;border-left:2px solid #f9731633}.note-text{color:#1e293b;font-family:Patrick Hand,Caveat,cursive,sans-serif;font-size:.9375rem}.note-author{font-family:Patrick Hand,Caveat,cursive,sans-serif;font-size:.8125rem}.note-push-pin{z-index:15;border-radius:50%;width:16px;height:16px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #0006,inset -2px -2px 4px #0006,inset 2px 2px 4px #ffffffb3}.note-push-pin:after{content:"";background-color:#fffc;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:5px}.note-push-pin.pink{background-color:#ec4899}.note-push-pin.blue{background-color:#0ea5e9}.note-push-pin.yellow{background-color:#eab308}.note-washi-tape{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:10;background-color:#f5deb3b3;border-left:1px dashed #0000001a;border-right:1px dashed #0000001a;width:60px;height:16px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000000f}.note-washi-tape.washi{top:-10px;transform:translate(-50%)rotate(-3deg)}.note-washi-tape.washi-bottom{background-color:#d4a373a6;top:auto;bottom:-8px;transform:translate(-50%)rotate(2deg)}.sidebar-panel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #170c7905}.sidebar-panel-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #170c790d}.pin-of-day-card{background:linear-gradient(135deg,#fff6f6 0%,#fffbfb 100%);border:2px dashed #170c7933}.note-doodle{font-size:1.125rem}.decorative-sparkle-mading{pointer-events:none;z-index:1;position:absolute}@media (max-width:768px){.corkboard-outer{border-radius:12px;padding:8px}.corkboard-bevel-frame{border-width:3px;border-radius:6px}.corkboard-surface{gap:10px;min-height:250px;padding:16px 10px;box-shadow:inset 0 4px 12px #0000004d;grid-template-columns:repeat(2,minmax(0,1fr))!important}.corkboard-surface .sticky-note-item{align-self:start;box-shadow:2px 2px 5px #00000026;aspect-ratio:1!important;height:auto!important;min-height:0!important;padding:8px!important}.corkboard-surface .sticky-note-item .note-push-pin{width:10px!important;height:10px!important;top:-5px!important}.corkboard-surface .sticky-note-item .note-push-pin:after{width:2px!important;height:2px!important;top:2.5px!important;left:2.5px!important}.corkboard-surface .sticky-note-item .note-washi-tape{width:35px!important;height:10px!important}.corkboard-surface .sticky-note-item .note-washi-tape.washi{top:-6px!important}.corkboard-surface .sticky-note-item .note-text{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:9.5px!important;line-height:1.3!important}.corkboard-surface .sticky-note-item .note-footer{margin-top:2px!important;padding-top:1px!important;font-size:7.5px!important}.corkboard-surface .sticky-note-item .note-footer .note-author{font-size:8px!important}.corkboard-surface .sticky-note-item .note-footer .text-slate-500{font-size:6.5px!important}.corkboard-surface .sticky-note-item .note-footer div{font-size:7.5px!important}.corkboard-surface .sticky-note-item .note-footer svg{width:10px!important;height:10px!important}.corkboard-surface .sticky-note-item .note-doodle{font-size:9px!important}.search-input-wrapper{width:100%}}