.archive-page-container{width:100%;padding-bottom:3rem;background:var(--app-img-list-bg) no-repeat center center;background-size:cover;background-attachment:fixed}.archive-title{color:var(--md-sys-color-primary);font-size:3rem;font-weight:500;text-align:center;letter-spacing:.1rem;margin:2rem 0;text-shadow:0 1px 3px rgba(0,0,0,.35)}.sticky-notes-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;padding:2rem;width:100%;max-width:72rem;margin:0 auto}.archive-status{color:var(--md-sys-color-inverse-on-surface);font-size:1rem;text-align:center;padding:3rem}.sticky-note{transform:translate(var(--parallax-x, 0px),var(--parallax-y, 0px));will-change:transform}.sticky-note-card{position:relative;width:min(260px,calc(100vw - 4rem));min-height:200px;padding:1rem 1.2rem 1.8rem;border-radius:2px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transform:rotate(var(--note-rotate, 0deg));transition:transform .3s ease,box-shadow .3s ease}.sticky-note-card--alt{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.sticky-note:hover .sticky-note-card{transform:translateY(-4px) rotate(var(--note-rotate, 0deg));box-shadow:0 4px 8px #0003,0 8px 24px #0003}.sticky-note-card:before{content:"";position:absolute;top:-6px;left:50%;width:40px;height:12px;background-color:var(--md-sys-color-primary);opacity:.3;border-radius:2px;transform:translate(-50%) rotate(var(--tape-rotate, -3deg))}.sticky-note-expand{position:absolute;right:0;bottom:0;width:24px;height:24px;cursor:pointer;z-index:2;user-select:none;-webkit-user-select:none}.sticky-note-expand:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent var(--md-sys-color-primary) transparent;filter:drop-shadow(-2px -2px 3px rgba(0,0,0,.3));transition:transform .3s ease,filter .3s ease}.sticky-note-expand:hover:after{transform:translateY(-2px) translate(2px);filter:drop-shadow(-3px -3px 5px rgba(0,0,0,.4))}.sticky-note-header{font-size:1.1rem;font-weight:500;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.sticky-note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.sticky-note-list a{color:inherit;text-decoration:none;font-size:.9rem;line-height:1.35;word-break:break-word;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease}.sticky-note-list a:hover{background-size:100% 1px}.expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.expand-close{position:absolute;top:1rem;right:1rem;--md-icon-button-icon-color: var(--md-sys-color-surface)}.expand-content{width:100%;max-width:68rem;max-height:85vh;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;padding:1.5rem}.expand-title{width:100%;text-align:center;color:var(--md-sys-color-primary);font-size:2rem;font-weight:500;margin:0 0 1.5rem;text-shadow:0 0 14px var(--md-sys-color-inverse-primary)}.expand-polaroid{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);padding:.8rem .8rem 1.2rem;width:240px;margin:1rem;border-radius:2px;box-shadow:0 4px 12px #0000004d;transform:rotate(var(--polaroid-rotate, 0deg));transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:inline-block}.expand-polaroid:hover{transform:rotate(0) translateY(-4px) scale(1.03);box-shadow:0 8px 24px #0006}.expand-polaroid-img{width:100%;height:160px;object-fit:cover;display:block;background-color:var(--md-sys-color-surface-variant)}.expand-polaroid-body{padding-top:.6rem}.expand-polaroid-title{font-size:.95rem;font-weight:500;color:var(--md-sys-color-on-surface);line-height:1.3;word-break:break-word;display:inline;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease}.expand-polaroid:hover .expand-polaroid-title{background-size:100% 1px}.expand-polaroid-desc{margin-top:.35rem;font-size:.8rem;font-weight:300;color:var(--md-sys-color-on-surface-variant);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expand-polaroid-date{margin-top:.35rem;font-size:.72rem;font-weight:300;color:var(--md-sys-color-on-surface-variant)}@media (max-width: 600px){.sticky-notes-grid{padding:1.5rem}.sticky-notes-grid{box-sizing:border-box}.expand-content{padding:1rem}.expand-polaroid{width:min(240px,calc(100vw - 4rem))}.archive-title{font-size:2.2rem;margin:1.5rem 0}.archive-page-container{background-attachment:scroll}.expand-title{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.sticky-note-card,.sticky-note-expand:after,.sticky-note-list a,.expand-polaroid-title,.expand-polaroid{transition:none}.sticky-note:hover .sticky-note-card{transform:rotate(var(--note-rotate, 0deg))}.sticky-note-expand:hover:after{transform:none}.expand-polaroid:hover{transform:rotate(var(--polaroid-rotate, 0deg))}}