:root{--color-bg-page:#fbf5e8;--color-bg-card:#fffaf0;--color-bg-input:#fffdf6;--color-bg-accent:#fff6dd;--color-bg-photo:#fffefa;--color-primary:#8b5e3c;--color-primary-hover:#754b2f;--color-primary-light:#9b6d43;--color-text:#3b3028;--color-text-heading:#302820;--color-text-secondary:#6c5e51;--color-accent-blue:#dcecf1;--color-accent-blue-dark:#31596a;--color-accent-blue-mid:#9ec5d3;--color-accent-orange:#ffe6d8;--color-accent-orange-dark:#8d5139;--color-accent-pink:#f8bca4;--color-border:#845c362e;--color-border-light:#825d3833;--shadow-card:0 18px 42px #5239221f;--shadow-card-lg:0 24px 60px #533b221f;--shadow-button:0 12px 24px #623e232e;--shadow-tape:0 3px 8px #533d271f;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-full:999px;color:var(--color-text);background:var(--color-bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 16% 12%, #ffffffb8 0 1px, transparent 1.5px), radial-gradient(circle at 84% 28%, #825e3a1f 0 1px, transparent 1.5px), linear-gradient(#f4e1b538 1px, transparent 1px), linear-gradient(90deg, #f4e1b538 1px, transparent 1px), radial-gradient(circle at top left, #f9aa8b47, transparent 34%), radial-gradient(circle at bottom right, #8bb4c838, transparent 30%), var(--color-bg-page);color:var(--color-text);background-size:18px 18px,26px 26px,32px 32px,32px 32px,auto,auto,auto;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif}button,input,textarea,select{font-family:inherit}button{transition:transform .18s,box-shadow .18s,background .18s}button:hover{transform:translateY(-1px)}.app{width:min(1040px,94vw);margin:0 auto;padding:20px 0 44px}.hero,.login-page{position:relative}.yearbook-layout{align-items:flex-start;gap:0;margin-bottom:10px;display:flex;position:relative;box-shadow:inset 4px 0 8px -4px #8b60360d,inset -4px 0 8px -4px #8b60360d}.yearbook-layout:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#8b603604 35%,#8b60360b 50%,#8b603604 65%,#0000);width:16px;position:absolute;top:0;bottom:0;left:262px}.yearbook-content{background:repeating-linear-gradient(0deg,#0000,#0000 30px,#8b603605 30px 31px);flex:1;min-width:0;padding-left:24px}.hero{text-align:center;padding:0}.hero:before,.login-card:before{content:"";filter:blur(18px);z-index:-1;background:#583d2214;border-radius:50%;height:86px;position:absolute;inset:auto 8% 16px}.eyebrow{color:var(--color-primary-light);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{color:var(--color-text-heading);letter-spacing:.04em;margin-bottom:12px;font-size:clamp(26px,5vw,44px);line-height:1.12}h2{color:#35291f;letter-spacing:0;margin:0;font-size:clamp(24px,4vw,34px)}.subtitle{max-width:760px;color:var(--color-text-secondary);margin:0 auto;font-size:17px;line-height:1.9}.hero-footnote{color:#b5a28a;width:fit-content;max-width:92%;margin:12px auto 0;font-size:12px;font-style:italic;line-height:1.5}.hero-cover{max-width:560px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto 4px;padding:28px 24px 24px;position:relative}.hero-tape-tl{top:-14px;left:32px;transform:rotate(-6deg)}.hero-tape-tr{top:-14px;right:32px;transform:rotate(5deg)}.hero-tape-bl{bottom:-14px;left:48px;transform:rotate(3deg)}.hero-year-badge{border:2px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-bg-card);width:64px;height:64px;box-shadow:0 0 0 3px var(--color-bg-accent), 0 6px 18px #5239221a;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0 auto 14px;display:inline-flex}.hero-year-num{color:var(--color-primary);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.hero-year-label{color:var(--color-primary-light);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.hero-subtitle{max-width:440px;color:var(--color-text-secondary);margin:12px auto 16px;font-size:14px;line-height:1.9}.hero-stamps{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-stamps span{border-radius:var(--radius-full);color:#7b573c;letter-spacing:.06em;border:1px solid #805c3724;padding:5px 12px;font-size:11px;font-weight:700;box-shadow:0 4px 10px #503a230d}.hero-stamps span:first-child{background:#ffe2d2;transform:rotate(-3deg)}.hero-stamps span:last-child{background:var(--color-accent-blue);transform:rotate(2deg)}.cover-page{position:relative}.page-fold{background:linear-gradient(#0000 0%,#8b603606 40%,#8b60360a 50%,#8b603606 60%,#0000 100%);height:6px;margin:0;position:relative}.page-mark{color:#cba;letter-spacing:.12em;font-size:10px;font-style:italic;position:absolute;bottom:6px;right:12px}.page-mark.spread-label{letter-spacing:.2em;color:#c8b8a4;font-size:9px;font-style:normal;font-weight:700;position:absolute;inset:0 auto auto 0}.page-mark.fin{text-align:center;letter-spacing:.25em;color:#cfc0ad;margin-top:18px;font-size:11px;display:block;position:static}.memory-spread,.share-spread,.album-spread{padding-top:2px;position:relative}.share-spread{margin-bottom:6px}.share-spread-header{text-align:center;margin-bottom:10px}.share-spread-header h2{color:#4a3724;margin:0 0 4px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:20px}.share-spread-header p{color:#756554;margin:0;font-size:13px}.on-this-day{margin-bottom:6px;padding:18px 0 10px}.on-this-day--empty{padding:14px 0}.on-this-day-header{text-align:center;margin-bottom:14px}.on-this-day-header h2{margin-bottom:6px}.on-this-day-header p{color:#756554;margin:0;font-size:14px}.on-this-day-empty-text{text-align:center;color:#b0a090;margin:0;padding:4px 0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:14px;font-style:italic}.on-this-day-strip{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.on-this-day-card{background:var(--color-bg-card);border-radius:3px;width:320px;padding:18px 18px 16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 16px #47321d14,0 1px 3px #0000000a}.on-this-day-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #47321d1f,0 2px 6px #0000000f}.on-this-day-frame{position:relative}.on-this-day-photo{background:#fffefb;border-radius:2px;padding:8px;box-shadow:0 4px 12px #47321d17,0 1px 2px #0000000a}.on-this-day-photo img{cursor:zoom-in;border-radius:1px;width:100%;height:auto;display:block}.on-this-day-stamp{background:#f5efe0;border:1.5px solid #c4a87c;border-radius:3px;flex-direction:column;align-items:center;padding:6px 10px 5px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;line-height:1.3;display:flex;position:absolute;bottom:-10px;right:-6px;transform:rotate(2deg);box-shadow:0 2px 6px #47321d26}.on-this-day-stamp-year{color:var(--color-primary);letter-spacing:.05em;font-size:13px;font-weight:700}.on-this-day-stamp-date{color:#8b6c50;white-space:nowrap;font-size:10px}.on-this-day-meta{margin-top:20px}.on-this-day-title{color:#4a3724;margin:0 0 6px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:16px;font-weight:600}.on-this-day-content{color:#756554;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;font-style:italic;line-height:1.6;display:-webkit-box;overflow:hidden}.on-this-day-author{align-items:center;gap:6px;margin-bottom:8px;display:flex}.on-this-day-author img{object-fit:cover;border-radius:50%;width:20px;height:20px}.on-this-day-author span{color:#8b6c50;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:12px}.on-this-day-location{color:#a09080;align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.on-this-day-view-btn{all:unset;cursor:pointer;text-align:center;width:100%;color:var(--color-primary);background:#fffdf699;border:1px solid #9e764833;border-radius:2px;padding:7px 0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:13px;transition:background .2s,border-color .2s;display:block}.on-this-day-view-btn:hover{background:#9e764814;border-color:#9e764859}.on-this-day{margin-bottom:10px;padding:24px 0 18px;position:relative}.on-this-day:before{content:"";background:#f8b29673;border-radius:3px;width:132px;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 9px #442f1e1a}.on-this-day-header{margin-bottom:20px;position:relative}.on-this-day-header h2{font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:clamp(28px,4.5vw,38px)}.on-this-day-strip{justify-items:center;gap:14px;display:grid}.on-this-day-card--featured{grid-template-columns:minmax(260px,1.18fr) minmax(220px,.82fr);align-items:center;gap:24px;width:min(720px,100%);padding:22px;display:grid;transform:rotate(-.5deg)}.on-this-day-card--featured:hover{transform:rotate(0)translateY(-3px)}.on-this-day-card--featured .on-this-day-photo img{aspect-ratio:4/3;object-fit:cover}.on-this-day-card--featured .on-this-day-meta{margin-top:0}.on-this-day-kicker{color:#b8956a;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.on-this-day-card--featured .on-this-day-title{margin-bottom:10px;font-size:24px;line-height:1.35}.on-this-day-card--featured .on-this-day-content{margin-bottom:14px;font-size:15px;line-height:1.9;display:block;overflow:visible}.on-this-day-card--featured .on-this-day-author img{width:26px;height:26px}.on-this-day-card--featured .on-this-day-view-btn{background:#fff6ddbd;width:fit-content;min-width:142px;padding:9px 18px}.on-this-day-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(720px,100%);display:grid}.on-this-day-mini{all:unset;box-sizing:border-box;cursor:pointer;background:#fffcf494;border-radius:4px;grid-template-columns:54px 1fr;align-items:center;gap:9px;min-width:0;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #9e764814}.on-this-day-mini img{object-fit:cover;border:4px solid #fffefb;width:54px;height:54px;box-shadow:0 3px 8px #47321d14}.on-this-day-mini span{color:#756554;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.on-this-day-mini strong{color:#8b6c50;font-size:11px;display:block}.share-spread{margin-top:4px;margin-bottom:8px;padding:10px 0 0}.share-spread-header{max-width:520px;margin:0 auto 8px}.share-spread-header h2{font-size:24px}.upload-card{padding:clamp(14px,3vw,22px)}.upload-card:after{content:"SHARED ALBUM"}.upload-dropzone{min-height:132px;padding:18px}.upload-icon{width:46px;height:46px;font-size:30px}.capsule-toggle-link{color:#c0a17b;font-size:11px}.capsule-section{background:repeating-linear-gradient(0deg,#0000,#0000 28px,#8b603605 28px 29px),#fffdf67a;box-shadow:inset 0 0 0 1px #9e76480f}.memory-map{margin-bottom:6px;padding:18px 0 10px}.empty-map{text-align:center}.memory-map-copy{text-align:center;margin-bottom:20px}.memory-map-copy h2{margin-bottom:6px}.memory-map-copy p{color:#756554;margin:0;font-size:14px;line-height:1.8}.memory-map-copy strong{color:var(--color-primary)}.location-list{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;display:flex}.location-card{background:#fffcf4b3;border:1px solid #8b603621;border-radius:4px;overflow:hidden}.location-card-header{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:background .2s;display:flex}.location-card-header:hover{background:#8b60360a}.location-pin-icon{flex-shrink:0;font-size:20px}.location-card-title{flex:1;min-width:0}.location-card-title strong{color:#35291f;font-size:16px;display:block}.location-card-title span{color:#9b8a76;margin-top:2px;font-size:12px;font-style:italic;display:block}.location-photo-count{color:#b09878;background:#8b60360f;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:12px}.location-arrow{color:#b09878;flex-shrink:0;font-size:20px;transition:transform .25s}.location-arrow.is-open{transform:rotate(90deg)}.location-photo-strip{border-top:1px dashed #8b60361a;flex-wrap:wrap;gap:12px;margin:0 16px;padding:14px 16px 16px;display:flex}.location-photo-item{cursor:pointer;border-radius:3px;align-items:center;gap:10px;padding:6px;transition:background .2s;display:flex}.location-photo-item:hover{background:#8b60360d}.location-photo-thumb{background:#f5f0e7;border-radius:2px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.location-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.location-photo-info time{color:#8b6c50;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:12px;font-style:italic;display:block}.location-photo-info p{color:#5e5047;margin:2px 0 0;font-size:13px;line-height:1.6}.location-type-picker{flex-wrap:wrap;gap:6px;display:flex}.location-type-chip{all:unset;cursor:pointer;background:var(--color-bg-accent);color:#755439;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;transition:background .2s,color .2s;display:flex}.location-type-chip:hover{background:#8b60361a}.location-type-chip.selected{background:var(--color-primary);color:var(--color-bg-card);font-weight:600}.location-type-icon{font-size:14px}.photo-coordinate-notice{color:#567051;background:#e3efe18c;border:1px dashed #67836559;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 14px;margin-top:12px;padding:10px 12px;display:grid}.photo-coordinate-notice>div{flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;font-size:12px;display:flex}.photo-coordinate-notice strong{font-weight:600}.photo-coordinate-notice small{color:#71846d;font-size:11px}.coordinate-privacy-toggle{cursor:pointer;color:#526b4d;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.coordinate-privacy-toggle input{accent-color:#6a8863}.clear-coordinate-button{color:#8d6a50;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;grid-column:2;justify-self:end;padding:0;font-size:12px;text-decoration:underline}.clear-coordinate-button:hover{color:#714b32}.location-year-range{color:#b5a28a;margin-top:2px;font-size:11px;font-style:normal;display:block}.photo-wall{flex-wrap:wrap;justify-content:center;gap:18px 22px;padding-top:12px;display:flex}.photo-wall>*{transform:rotate(-.4deg)}.photo-wall>:nth-child(2n){transform:rotate(.5deg)}.photo-wall>:nth-child(3n+1){transform:rotate(-1.1deg)}.photo-wall>:nth-child(5n+2){margin-top:-5px;transform:rotate(.9deg)}.photo-wall>:nth-child(7n+3){transform:rotate(-.2deg)}.photo-wall>:nth-child(4n+3){margin-top:4px;transform:rotate(1.4deg)}.photo-wall>:nth-child(6n+5){transform:rotate(-.6deg)}.photo-wall>:nth-child(9n){margin-top:0;transform:rotate(0)}.yearbook-card{background:repeating-linear-gradient(0deg,#0000,#0000 30px,#8b603606 30px 31px);flex-direction:column;flex:0 0 270px;align-items:center;padding:18px 14px 16px;display:flex;position:relative}.yearbook-page-label{color:#bfaa92;letter-spacing:.25em;text-align:center;border-bottom:1px dotted #8b603629;width:100%;margin-bottom:14px;padding-bottom:5px;font-size:10px}.yearbook-tape{width:58px;height:18px;box-shadow:var(--shadow-tape);z-index:2;background:#dcecf18c;position:absolute;top:36px;left:50%;transform:translate(-50%)rotate(-3.5deg)}.yearbook-avatar-frame{cursor:pointer;background:#fffefb;border-radius:2px;width:105px;margin-bottom:14px;padding:8px 8px 30px;transition:transform .3s,box-shadow .3s;animation:.55s .1s both yearbook-polaroid-in;position:relative;transform:rotate(1.6deg);box-shadow:0 6px 24px #47321d21,0 2px 4px #0000000d}.yearbook-avatar-frame:hover{transform:rotate(0)scale(1.03);box-shadow:0 10px 30px #47321d2e,0 3px 6px #00000014}@keyframes yearbook-polaroid-in{0%{opacity:0;transform:rotate(1.6deg)translateY(8px)}to{opacity:1;transform:rotate(1.6deg)translateY(0)}}.yearbook-avatar-frame img{aspect-ratio:1;object-fit:cover;border-radius:1px;width:100%;display:block}.yearbook-name{color:var(--color-text-heading);text-align:center;letter-spacing:.1em;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.3;position:relative}.yearbook-name:after{content:"";border-bottom:2px dotted #8b603638;width:40px;margin:6px auto 0;display:block}.yearbook-identity{color:#9b8a76;text-align:center;letter-spacing:.06em;margin:8px 0 10px;font-size:12px}.yearbook-keywords{flex-wrap:wrap;justify-content:center;gap:5px 8px;margin-bottom:12px;display:flex}.yearbook-keyword{color:#a0907a;letter-spacing:.04em;border:1px dotted #8b603629;border-radius:999px;padding:3px 10px;font-size:10px}.yearbook-motto{color:#b5a38e;text-align:center;max-width:200px;margin:0 0 6px;font-size:10px;font-style:italic;line-height:1.6}.yearbook-status{color:#baa793;text-align:center;margin:0 0 8px;font-size:12px;font-style:italic}.yearbook-signoff{color:#c4b29f;text-align:center;max-width:190px;margin:0 0 12px;font-size:10px;line-height:1.5}.yearbook-edit{all:unset;cursor:pointer;color:#c4b29f;margin-bottom:6px;font-size:14px;transition:color .25s}.yearbook-edit:hover{color:var(--color-primary)}.yearbook-logout{all:unset;cursor:pointer;color:#d2c4b0;font-size:10px;transition:color .25s}.yearbook-logout:hover{color:#b8947a}.section-heading{margin-bottom:18px}.section-heading p:not(.eyebrow){color:#756554;max-width:680px;margin:10px 0 0;line-height:1.8}.upload-card{margin-bottom:0;padding:clamp(18px,4vw,32px);position:relative}.upload-card:before{content:"";background:#a7cbd69e;border-radius:3px;width:128px;height:26px;position:absolute;top:-12px;left:42px;transform:rotate(-2deg);box-shadow:0 2px 8px #4f3a251f}.upload-card:after{content:"CLASS BOOK";color:#8d51399e;letter-spacing:.12em;border:1px solid #8d51393d;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:22px;right:28px;transform:rotate(5deg)}.paper-dot{z-index:0;background:var(--color-accent-pink);border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 1px #5a3e232e}.dot-a{top:56px;left:20px}.dot-b{background:var(--color-accent-blue-mid);bottom:20px;right:18px}.upload-dropzone{background:linear-gradient(135deg, #ffffffb3, #fff6ddc7), var(--color-bg-card);color:#6b4d35;text-align:center;cursor:pointer;border:2px dashed #8b5e3c47;border-radius:10px;place-items:center;gap:8px;min-height:178px;padding:24px;display:grid;position:relative;box-shadow:inset 0 0 0 6px #ffffff6b}.upload-dropzone:hover{background:linear-gradient(135deg, #ffffffd1, #dcecf175), var(--color-bg-card);border-color:#4e809770}.upload-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-icon{background:var(--color-primary);width:54px;height:54px;color:var(--color-bg-card);border-radius:999px;justify-content:center;align-items:center;font-size:34px;line-height:1;display:flex;box-shadow:0 12px 24px #623e2329}.upload-dropzone strong{color:var(--color-text);font-size:18px}.upload-dropzone small{color:#7a6958;max-width:420px;font-size:14px;line-height:1.6}.upload-dropzone em{background:var(--color-accent-orange);color:var(--color-accent-orange-dark);border-radius:999px;margin-top:4px;padding:6px 12px;font-size:13px;font-style:normal;font-weight:700}.daily-memory{grid-template-columns:1fr 280px;align-items:center;gap:22px;margin:0 0 6px;padding:10px 0;display:grid;position:relative}.daily-memory:before{content:"";background:#dcecf1b8;border-radius:3px;width:82px;height:18px;position:absolute;top:-9px;left:38px;transform:rotate(-4deg)}.daily-memory:after{content:"";background:#f9bc927a;border-radius:50% 50% 50% 0;width:18px;height:18px;position:absolute;bottom:18px;right:24px;transform:rotate(-45deg)}.daily-copy{min-width:0}.daily-copy h2{margin-bottom:10px}.daily-copy p:last-child{color:var(--color-text-secondary);margin:0;line-height:1.8}.empty-memory{grid-template-columns:1fr}.shuffle-memory-button{all:unset;color:#b8a48d;cursor:pointer;width:fit-content;margin-top:12px;font-size:13px;font-style:italic;transition:color .25s}.shuffle-memory-button:hover{color:var(--color-primary)}.memory-box-stage{flex-direction:column;justify-self:center;align-items:center;width:220px;display:flex;position:relative}.memory-photo-paper{z-index:2;opacity:0;pointer-events:none;width:200px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s .15s;position:relative;transform:translateY(18px)}.memory-photo-paper.is-revealed{opacity:1;pointer-events:auto;transform:translateY(-14px)}.photo-paper-inner{background:repeating-linear-gradient(0deg,#0000,#0000 26px,#8b60360d 26px 27px),linear-gradient(170deg,#fefaf2,#fdf3e2);border:1px solid #9e76481f;border-radius:3px;padding:10px 10px 18px;box-shadow:0 10px 28px #47321d1a,0 2px 6px #0000000a}.photo-paper-inner img{cursor:zoom-in;border-radius:2px;width:100%;height:auto;display:block}.photo-paper-message{color:var(--color-text);text-align:center;margin:12px 0 8px;font-size:13px;font-style:italic;line-height:1.75}.photo-paper-meta{color:var(--color-text-secondary);text-align:center;flex-direction:column;gap:2px;margin-bottom:6px;font-size:11px;display:flex}.photo-paper-tags{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.photo-paper-tag{color:var(--color-primary);background:#8b603612;border:1px solid #8b60361a;border-radius:999px;padding:2px 8px;font-size:10px}.memory-box{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:170px;margin-top:-18px;position:relative}.box-lid{z-index:3;transform-origin:bottom;background:linear-gradient(#d4a76a,#c4965a);border:1px solid #6e482040;border-bottom:none;border-radius:6px 6px 0 0;justify-content:center;align-items:center;height:28px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 -2px 8px #533b221a}.memory-box.is-open .box-lid{transform:rotateX(-110deg)}.box-lid-text{letter-spacing:3px;color:#ffffffd9;text-shadow:0 1px 2px #00000026;font-size:9px;font-weight:700}.box-body{background:linear-gradient(#d9b27a,#c89d5f);border:1px solid #6e482040;border-radius:0 0 6px 6px;height:40px;box-shadow:inset 0 8px 16px #0000001f,0 6px 16px #533b2224}.box-tap-hint{z-index:4;color:var(--color-primary-light);white-space:nowrap;font-size:12px;font-weight:700;animation:2s ease-in-out infinite hint-pulse;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}form,.draft-info,.comment-list{gap:16px;display:grid}.field{color:#8b6c50;gap:6px;font-size:12px;display:grid}.field span{letter-spacing:.04em;color:#a08060;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:13px;font-style:italic}input,select,textarea{color:#342a22;background:repeating-linear-gradient(0deg,#0000,#0000 28px,#8b60360a 28px 29px),#fffef8d9;border:none;border-bottom:1px dashed #89664338;border-radius:0;outline:none;width:100%;padding:10px 4px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:15px;transition:border-color .2s,background .2s}input:focus,select:focus,textarea:focus{border-bottom-color:var(--color-primary-light);box-shadow:none;background:#fffefaf2;border-bottom-style:solid}textarea{resize:vertical}button[type=submit]{color:#fffefb;letter-spacing:.1em;cursor:pointer;background:linear-gradient(135deg,#c4956a,#a0683a);border:0;border-radius:999px;width:auto;min-width:200px;margin:8px auto 0;padding:16px 36px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #623e2338,inset 0 1px #ffffff40}button[type=submit]:hover{background:linear-gradient(135deg,#d4a57a,#b07848);transform:translateY(-2px);box-shadow:0 12px 28px #623e2347,inset 0 1px #ffffff4d}button:disabled{cursor:not-allowed;opacity:.66}.status-message{color:#6d4434;background:#f9bc9233;border-radius:8px;margin:0 0 18px;padding:12px 14px}.status-message.error{color:#8b3328;border:1px solid #aa403438}.draft-list{gap:20px;display:grid}.draft-card,.post-card{background:#fffcf4eb;border:none;border-radius:4px;position:relative;box-shadow:0 8px 24px #47321d14,0 2px 4px #0000000a}.draft-card{transform:rotate(var(--tilt));grid-template-columns:220px 1fr;align-items:start;gap:20px;padding:18px;display:grid}.publish-mode-toggle{background:#fffcf4c2;border:1px solid #7c543429;border-radius:999px;gap:4px;margin:22px 0 16px;padding:4px;display:inline-flex}.publish-mode-toggle button{all:unset;color:var(--color-text-light);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px}.publish-mode-toggle button.active{color:#fffdf7;background:#7f5134;box-shadow:0 2px 7px #55311c33}.publish-mode-toggle small{color:inherit;opacity:.82;margin-left:4px}.combined-draft-card{grid-template-columns:minmax(220px,.82fr) minmax(0,1fr);transform:none}.draft-photo-grid{background:#fffefb;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:5px;padding:8px;display:grid;box-shadow:0 4px 14px #47321d1a}.draft-grid-item{aspect-ratio:1;background:#eee7dd;min-width:0;position:relative;overflow:hidden}.draft-grid-item img{object-fit:cover;cursor:zoom-in;width:100%;height:100%}.draft-grid-item .icon-delete-button{width:24px;height:24px;font-size:14px;top:4px;right:4px}.draft-image-wrap,.post-image-wrap{background:var(--color-bg-photo);box-shadow:inset 0 -34px 0 var(--color-bg-photo), 0 12px 24px #47321d1f;flex-shrink:0;position:relative}.draft-image-wrap{width:220px;padding:12px 12px 42px}.post-photo-frame{margin-bottom:10px;position:relative}.black-history-wrap{position:relative;overflow:hidden}.post-photo-inner{background:#fffefb;border-radius:2px;padding:8px;position:relative;overflow:hidden;box-shadow:0 4px 14px #47321d1a,0 1px 3px #0000000d}.post-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.post-image-grid.single-image{display:block}.post-image-button{all:unset;aspect-ratio:1;cursor:zoom-in;background:#eee7dd;min-width:0;display:block;overflow:hidden}.post-image-grid.single-image .post-image-button{aspect-ratio:auto}.post-image-button img{object-fit:cover;width:100%;height:100%}.post-image-grid.single-image .post-image-button img{object-fit:contain;height:auto}.draft-image-wrap img,.post-photo-inner img{cursor:zoom-in;border-radius:1px;width:100%;height:auto;display:block}.black-history-image{filter:blur(10px)grayscale(.35)brightness(.85);transition:filter .2s,transform .2s;transform:scale(1.06)}.black-history-cover{z-index:5;color:#fffaf5;text-align:center;pointer-events:none;background:#2f2a2557;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.black-history-cover span{background:#7a4f35b8;border-radius:999px;padding:8px 14px;font-weight:700}.black-history-cover small{opacity:.9;margin-top:8px;font-size:12px}.capsule-seal-overlay{z-index:5;color:#fdf3e4;text-align:center;pointer-events:none;background:#3e302073;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.capsule-seal-overlay span{letter-spacing:.05em;font-size:15px;font-weight:600}.capsule-seal-overlay small{opacity:.8;font-size:12px}.capsule-seal-icon{background:#c8643cb3;border:2px solid #dcb48c80;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex;box-shadow:0 3px 12px #28190c4d}.capsule-waiting{pointer-events:auto;cursor:pointer;background:#3e302059;animation:2.4s ease-in-out infinite capsule-pulse}.capsule-waiting:hover{background:#3e302085}.capsule-waiting .capsule-seal-icon{background:#78a064a6;border-color:#b4c8a099}@keyframes capsule-pulse{0%,to{box-shadow:inset 0 0 #dcb48c26}50%{box-shadow:inset 0 0 0 8px #dcb48c40}}.capsule-message-reveal{text-align:center;background:linear-gradient(135deg,#fef9f0,#fdf1dd);border:1px dashed #b4784640;border-radius:6px;margin-top:14px;padding:14px 16px;position:relative}.capsule-message-icon{background:#c88c501f;border-radius:50%;width:28px;height:28px;margin:0 auto 8px;display:block;position:relative}.capsule-message-icon:before{content:"";border:2px solid #b4784666;border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.capsule-message-icon:after{content:"";background:#b4784699;border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.capsule-sealed-note{color:#b09878;font-size:13px;font-style:italic}.capsule-message-label{color:#b09070;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.capsule-message-text{color:var(--color-text);margin:0;font-size:14px;font-style:italic;line-height:1.7}.capsule-toggle-link{all:unset;cursor:pointer;color:#b8956a;text-align:center;letter-spacing:.04em;width:100%;margin-top:14px;padding:8px 0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:12px;transition:color .2s;display:block}.capsule-toggle-link:hover{color:#8b6036}.capsule-section{background:repeating-linear-gradient(0deg,#0000,#0000 28px,#8b603608 28px 29px),#fffdf6b3;border:none;border-radius:2px;margin-top:12px;padding:16px 18px;box-shadow:inset 0 0 0 1px #9e764814,0 2px 8px #47321d0a}.capsule-section-header{color:#a08060;letter-spacing:.06em;border-bottom:1px dotted #9e76481f;margin-bottom:12px;padding-bottom:8px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:13px;font-style:italic;font-weight:400}.capsule-category-picker{flex-wrap:wrap;gap:6px;display:flex}.capsule-cat-chip{all:unset;cursor:pointer;background:var(--color-bg-accent);color:#755439;border-radius:999px;padding:4px 10px;font-size:12px;transition:background .2s,color .2s}.capsule-cat-chip:hover{background:#8b60361a}.capsule-cat-chip.selected{background:var(--color-primary);color:var(--color-bg-card);font-weight:600}.capsule-seal-badge{background:linear-gradient(135deg,#fef7ed,#fdf0db);border:1px solid #b4784633;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;display:flex}.capsule-seal-emoji{color:#fff;background:#b4643ca6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.capsule-seal-text{color:#8b6c50;font-size:13px;line-height:1.4}.capsule-open-date-display{text-align:center;background:linear-gradient(135deg,#fef9f0,#fdf1db);border:1px solid #b478462e;border-radius:3px;margin-top:10px;padding:16px 18px}.capsule-open-date-icon{margin-bottom:6px;font-size:28px;display:block}.capsule-open-date-label{color:#a08060;margin:0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:12px;font-style:italic}.capsule-open-date-value{color:#5e3a22;letter-spacing:.05em;margin:4px 0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:20px;font-weight:700}.black-sticker{z-index:3;max-width:calc(100% - 36px);color:var(--color-accent-orange-dark);pointer-events:none;background:#ffe6d8e6;border:1px solid #8d513938;border-radius:4px;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;top:18px;left:18px;transform:rotate(-5deg);box-shadow:0 6px 13px #533d271f}.tape{z-index:2;background:#f8b2968f;border-radius:3px;width:74px;height:20px;position:absolute;box-shadow:0 3px 8px #533d271f}.tape-left{top:-10px;left:18px;transform:rotate(-8deg)}.tape-right{top:-9px;right:24px;transform:rotate(7deg)}.post-save-button{all:unset;z-index:4;width:32px;height:32px;color:var(--color-bg-card);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3d2a1d9e;border-radius:999px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:18px;right:56px}.post-save-button:hover{background:#3d2a1dd1;transform:translateY(-1px)}.post-image-count{z-index:4;color:var(--color-bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3d2a1d9e;border-radius:999px;padding:4px 8px;font-size:12px;line-height:1.15;position:absolute;top:20px;left:18px}.icon-delete-button,.post-delete-button,.viewer-close{all:unset;z-index:4;width:32px;height:32px;color:var(--color-bg-card);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3d2a1d9e;border-radius:999px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.icon-delete-button,.post-delete-button{top:18px;right:18px}.black-history-wrap .post-save-button,.black-history-wrap .post-delete-button{z-index:6}.tag-picker,.post-tags,.tag-filter,.reaction-row{flex-wrap:wrap;gap:8px;display:flex}.album-hub{background:radial-gradient(circle at 12% 16%,#f6c2a040 0 2px,#0000 2.5px) 0 0/27px 27px,linear-gradient(115deg,#fffdf7fa,#f8edd4c2);border:1px solid #7e58332b;border-radius:14px;margin:18px 0 8px;padding:clamp(22px,4vw,38px);position:relative;overflow:hidden;box-shadow:0 18px 48px #47321d17,inset 0 1px #ffffffd1}.album-hub:before{content:"MEMORY CLUB";color:#7050300f;letter-spacing:.12em;pointer-events:none;font-size:clamp(22px,4vw,44px);font-weight:800;position:absolute;top:30px;right:-12px}.album-hub-heading,.album-detail,.album-form-title,.album-members,.album-actions,.album-discovery,.people-filter,.post-people{align-items:center;display:flex}.album-hub-heading{justify-content:space-between;gap:20px;position:relative}.album-hub-heading h2{margin:4px 0 7px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif}.album-hub-heading p:last-child{color:#786757;max-width:530px;margin:0;line-height:1.7}.album-actions{flex-wrap:wrap;gap:10px}.album-action-button,.album-submit-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.album-action-button span{font-size:17px;line-height:1}.album-create-button,.album-submit-button{color:#fffaf0;background:#795137;box-shadow:0 7px 16px #5c392230}.album-join-button{color:#66452e;background:#fffaefdb;border-color:#8157332e}.album-action-button:hover,.album-submit-button:hover{box-shadow:0 10px 22px #5c39223d}.album-action-button:focus-visible,.album-submit-button:focus-visible,.album-panel-close:focus-visible,.stage-chip:focus-visible,.album-card:focus-visible{outline-offset:3px;outline:3px solid #568b998c}.album-form{background:#fffdf8eb;border:1px solid #8b60362e;border-radius:12px;gap:16px;max-width:760px;margin:24px auto;padding:clamp(20px,4vw,30px);display:grid;position:relative;box-shadow:0 15px 34px #47321d14}.album-form:before{content:"";background:#9ccad299;border-radius:2px;width:112px;height:21px;position:absolute;top:-10px;left:44px;transform:rotate(-2deg);box-shadow:0 3px 7px #4934221f}.album-form-title{color:#4b3525;justify-content:space-between;align-items:flex-start;gap:16px}.album-form-title strong{margin-top:4px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:clamp(21px,3vw,26px);display:block}.album-form-title p{color:#897363;margin:7px 0 0;font-size:13px;line-height:1.65}.album-form-kicker{color:#b0835c;letter-spacing:.16em;font-size:10px;font-weight:800}.album-panel-close{all:unset;color:#805d42;cursor:pointer;background:#f4e7d5;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:grid}.album-panel-close:hover{background:#ecd7bd}.album-form-grid{grid-template-columns:1.35fr .65fr;gap:12px;display:grid}.album-name-field input{font-size:16px;font-weight:700}.stage-picker{border:0;min-width:0;margin:0;padding:0}.stage-picker legend{color:#624b38;margin-bottom:9px;font-size:13px;font-weight:700}.stage-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stage-chip{color:#72523b;cursor:pointer;text-align:left;background:linear-gradient(145deg,#fffdf8,#f9edd9);border:1px solid #8b603624;border-radius:9px;align-content:start;gap:6px;min-height:136px;padding:14px;display:grid}.stage-chip:nth-child(2){background:linear-gradient(145deg,#fffdf8,#f3ead5)}.stage-chip:nth-child(3){background:linear-gradient(145deg,#fffdf8,#eaf3ef)}.stage-chip:hover{transform:translateY(-3px)rotate(-.3deg);box-shadow:0 10px 20px #47321d1a}.stage-card-icon{color:#8a5a3c;background:#b9825426;border-radius:50%;place-items:center;width:29px;height:29px;margin-bottom:3px;font-size:14px;display:grid}.stage-chip strong{color:#513a29;font-size:15px}.stage-chip small{color:#927861;font-size:11px;line-height:1.55}.stage-chip.selected{background:linear-gradient(145deg,#f8ffff,#e7f4f5);border-color:#597a86bf;box-shadow:inset 0 0 0 2px #597a8633,0 8px 18px #3c69721f}.stage-chip.selected .stage-card-icon{color:#fff;background:#668f98}.album-submit-button{justify-self:start;min-width:168px}.album-feedback{margin:0;font-size:13px}.album-join-form{max-width:620px}.invite-entry{background:linear-gradient(110deg,#f8e2cb8c,#fffcf4b3);border:1px solid #7e58331f;border-radius:10px;grid-template-columns:54px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.invite-entry-mark{color:#9b6847;background:#fff9ee;border:1px solid #8b60362b;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;display:grid;box-shadow:0 5px 11px #47321d14}.invite-entry .field{gap:5px}.invite-entry input{color:#5c3c27;letter-spacing:.13em;text-transform:uppercase;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #8a613b40;border-radius:0;padding:8px 2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:700}.invite-entry input:focus{box-shadow:none;border-bottom-color:#6d8f97}.invite-help{color:#94765f;margin:-6px 0 0;font-size:12px;line-height:1.65}.album-list{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.album-card{color:#4b3525;cursor:pointer;text-align:left;background:#fffdf8bf;border:1px solid #8b603621;border-radius:9px;align-items:center;gap:11px;min-width:min(100%,218px);padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.album-card:hover{transform:translateY(-3px)rotate(-.2deg);box-shadow:0 10px 19px #47321d1c}.album-card.active{background:#f5fbfc;border-color:#597a868c;box-shadow:inset 0 0 0 1px #597a8621,0 7px 15px #47321d0f}.album-stage-icon{color:#815a3e;background:#f1d9c7;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.album-card-copy{gap:3px;min-width:0;display:grid}.album-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.album-card-copy small{color:#997e67;font-size:11px}.album-detail{color:#604934;border-top:1px dashed #8b60363d;flex-wrap:wrap;gap:12px 20px;margin-top:21px;padding:16px 0 0}.album-current-book{gap:2px;display:grid}.album-detail-label{color:#ac9074;letter-spacing:.09em;font-size:11px}.album-members{color:#95765d;gap:4px;margin-left:auto;font-size:12px}.member-avatar{background:#edd3bc;border:2px solid #fffaf0;border-radius:50%;width:24px;height:24px;margin-left:-4px;overflow:hidden}.member-avatar img{object-fit:cover;width:100%;height:100%}.album-invite{color:#94745a;grid-template-columns:auto auto;align-items:center;column-gap:8px;font-size:11px;display:grid}.album-invite code{color:#6a452b;letter-spacing:.12em;background:#f5e5ce;border:1px dashed #7e583347;border-radius:5px;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}.album-invite small{color:#ad9075;grid-column:1/-1;margin-top:3px;font-size:10px}.album-discovery{flex-wrap:wrap;align-items:flex-start;gap:11px 16px;margin:-8px 0 22px}.album-search{color:#9b7559;background:#ffffff9e;border:1px solid #8b60362e;border-radius:999px;align-items:center;gap:7px;min-width:min(100%,280px);padding:0 10px;display:flex}.album-search input{min-width:0;height:34px;box-shadow:none;background:0 0;border:0;padding:0;font-size:13px}.album-search input:focus{box-shadow:none}.people-filter{color:#96765e;flex-wrap:wrap;gap:6px;font-size:12px}.person-chip{padding:5px 9px}.person-chip small{opacity:.8;font-size:10px}.post-people{color:#9b7a5f;flex-wrap:wrap;gap:5px;margin:-3px 0 9px;font-size:11px}.post-people button{color:#815c3e;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #bd9774;padding:0;font-size:12px}.post-people button:hover{color:var(--color-primary)}.comment-item.is-reply{background:#f4e7d28c;margin-left:18px}.comment-reply-button{all:unset;color:#a68162;cursor:pointer;margin-top:3px;font-size:11px}.comment-reply-button:hover{color:var(--color-primary)}.comment-input-wrap{min-width:0}.replying-to{color:#a47c5d;align-items:center;gap:5px;margin:0 0 4px 2px;font-size:11px;display:flex}.tag-chip,.filter-chip{all:unset;cursor:pointer;color:#755439;background:#ffffffb3;border-radius:4px;padding:6px 10px;font-size:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #47321d1a,0 0 0 1px #9e764814}.tag-chip:nth-child(2n){transform:rotate(.8deg)}.tag-chip:nth-child(3n+2){transform:rotate(-1.2deg)}.tag-chip:nth-child(5n+4){transform:rotate(1.5deg)}.tag-chip:hover,.filter-chip:hover{transform:rotate(0)translateY(-1px);box-shadow:0 4px 8px #47321d29,0 0 0 1px #9e764824}.tag-chip.selected{color:#5e3a22;background:#fef3e0;font-weight:700;box-shadow:0 3px 8px #623e2326,0 0 0 1.5px #b478464d;transform:rotate(-1.4deg)!important}.filter-chip.active{background:var(--color-primary);color:var(--color-bg-card);font-weight:700;box-shadow:0 7px 16px #597a8633,inset 0 -2px #ffffff94}.filter-chip.active:first-child{background:var(--color-primary);color:var(--color-bg-card);border-color:#8b5e3c99}.timeline{margin-top:30px}.timeline-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.sort-toggle{all:unset;color:#b8a48d;cursor:pointer;white-space:nowrap;border:1px dotted #8b603626;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:color .25s,border-color .25s;display:inline-flex}.sort-toggle:hover{color:var(--color-primary);border-color:#8b603647}.sort-arrow{font-size:11px;display:inline-block}.tag-filter{margin-bottom:22px}.empty{color:#7c6d62;margin:0;line-height:1.8}.post-card{background:#fffcf4eb;border-radius:3px;width:260px;padding:14px 14px 18px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px #47321d14,0 2px 4px #0000000a}.post-card:hover{box-shadow:0 14px 32px #47321d24,0 3px 8px #0000000f;transform:translateY(-3px)!important}.post-meta{padding:0 4px}.post-date-handwritten{color:#8b6c50;letter-spacing:.03em;margin-bottom:3px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:15px;font-style:italic;display:block}.post-date-uploaded{color:#b5a28a;margin-bottom:10px;font-size:11px;display:block}.post-hashtags{flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;display:flex}.post-hashtags span{color:#b89470;letter-spacing:.02em;font-size:12px;font-weight:500}.black-history-toggle{color:#8d6d56;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px 0;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:13px;font-style:italic;display:flex}.black-history-toggle input{width:16px;height:16px;accent-color:var(--color-primary);margin:0}.black-history-toggle strong,.black-history-toggle span{display:inline}.black-history-toggle strong{color:#4b3b31;font-size:13px}.black-history-toggle span{color:#8d6d56;font-size:13px}.post-note{color:#5e5047;margin:0 0 10px;font-size:14px;line-height:1.75}.reaction-row{background:#fff6dd73;border-radius:4px;gap:4px;margin-top:8px;padding:6px 8px}.post-share-button{color:#795137;min-height:28px;font:inherit;cursor:pointer;background:#fffcf4c2;border:1px dashed #7d543152;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;display:inline-flex}.post-share-button:hover{background:#fff8e9;border-style:solid}.post-share-button:focus-visible{outline-offset:2px;outline:3px solid #568b9980}.share-notice{color:#4f7078;background:#e8f7f8b8;border:1px solid #568b993d;border-radius:8px;gap:8px;margin:0 0 18px;padding:10px 12px;font-size:13px;line-height:1.55;display:grid}.share-notice input{color:#45636b;background:#ffffffc2;border:1px solid #568b9947;border-radius:5px;width:100%;min-width:0;padding:7px 8px;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.post-card.shared-post-highlight{outline-offset:5px;outline:3px solid #568b99b8;animation:1.2s ease-in-out 3 shared-post-pulse}@keyframes shared-post-pulse{50%{box-shadow:0 0 0 9px #568b9929,0 16px 32px #47321d2e}}.reaction-button{all:unset;cursor:pointer;color:#8b6c50;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:background .2s,color .2s;display:inline-flex}.reaction-button:hover{color:#5e4030;background:#8b60360f}.reaction-button strong{min-width:16px;color:var(--color-text);text-align:center;background:#ffffffb3;border-radius:999px;padding:1px 4px;font-size:11px}.comment-area{border-top:1px dotted #7e5b3826;margin-top:10px;padding-top:10px}.comment-list{gap:8px;margin-bottom:10px}.comment-item{background:#fff7e273;border-radius:3px;grid-template-columns:28px 1fr;align-items:start;gap:8px;padding:6px 8px;display:grid}.comment-item img{object-fit:cover;border-radius:999px;flex:none;width:28px;height:28px}.comment-meta{align-items:center;gap:6px;margin-bottom:2px;display:flex}.comment-meta strong{color:#4b3b31;font-size:12px}.comment-meta span{color:#b5a28a;font-size:10px}.comment-item p{color:#5e5047;margin:0;font-size:12px}.comment-form{grid-template-columns:1fr auto;gap:6px;display:grid}.comment-form input{height:34px;padding:6px 10px;font-size:13px}.comment-form button{background:var(--color-primary);min-width:48px;color:var(--color-bg-card);border-radius:999px;padding:0 12px;font-size:12px}.image-viewer{z-index:9999;background:#261d16e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.profile-mask{z-index:10002;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2f2a2561;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.profile-dialog{background:radial-gradient(circle at 18px 18px, #815b3714 0 1.5px, transparent 2px), linear-gradient(90deg, #7b5b3a0d 1px, transparent 1px), var(--color-bg-card);background-size:34px 34px,28px 28px,auto;border:1px solid #845c362e;border-radius:10px;width:min(980px,96vw);margin:auto 0;padding:clamp(20px,4vw,34px);position:relative;box-shadow:0 28px 90px #2f231847}.profile-dialog:before{content:"";background:#f9bc92a8;border-radius:3px;width:130px;height:26px;position:absolute;top:-12px;left:56px;transform:rotate(-3deg);box-shadow:0 3px 9px #442f1e1f}.profile-close{all:unset;width:34px;height:34px;color:var(--color-bg-card);cursor:pointer;background:#3d2a1d9e;border-radius:999px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.profile-header{max-width:640px;margin-bottom:22px}.profile-header h2{margin-bottom:8px}.profile-header p:last-child{color:#756554;margin:0;line-height:1.7}.profile-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.profile-preview-card{background:var(--color-bg-photo);text-align:center;border:1px solid #845c3629;border-radius:8px;justify-items:center;gap:10px;padding:22px 18px;display:grid;position:sticky;top:20px;box-shadow:0 18px 42px #5239221f}.profile-preview-card img{border:8px solid var(--color-bg-accent);object-fit:cover;border-radius:999px;width:118px;height:118px;box-shadow:0 12px 22px #4934221f}.profile-preview-card h3{color:#35291f;margin:8px 0 0;font-size:24px}.profile-preview-card p{color:#7b634f;margin:0;line-height:1.6}.profile-preview-tags,.profile-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.profile-preview-tags span{background:var(--color-accent-blue);color:var(--color-accent-blue-dark);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.profile-stats{width:100%;margin-top:8px}.profile-stats div{background:var(--color-bg-accent);border-radius:8px;min-width:100px;padding:10px}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{color:var(--color-primary);font-size:24px}.profile-stats span{color:#7a6958;font-size:12px}.profile-form{gap:16px;display:grid}.password-update{background:#f9ebd96b;border:1px dashed #7f513457;border-radius:10px;gap:12px;padding:18px;display:grid}.password-update h3{color:#4e3425;margin:0 0 4px;font-size:16px}.password-update p{color:#766050;margin:0;font-size:13px;line-height:1.6}.password-update-status{margin:0;font-size:13px}.password-update-status.error{color:#a34135}.password-update-status.success{color:#3c7558}.password-update-button{justify-self:start}.profile-avatar-picker{justify-self:start;margin:0}.profile-display{background:#fff6dd9e;border:1px dashed #845c3638;border-radius:8px;gap:8px;padding:16px;display:grid}.profile-display h3{color:#35291f;margin:0}.profile-display p{color:#5f4e40;margin:0;line-height:1.7}.image-viewer img{object-fit:contain;border-radius:8px;width:auto;max-width:96vw;height:auto;max-height:92vh;box-shadow:0 18px 60px #00000073}.viewer-close{width:42px;height:42px;font-size:24px;position:fixed;top:18px;right:22px}.confirm-mask{z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2f2a2557;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-bg-card);text-align:center;border:1px solid #785b3e2e;border-radius:8px;width:min(420px,92vw);padding:28px 26px 24px;box-shadow:0 24px 80px #49342238}.confirm-icon{color:#7a432f;background:#f8d7c5;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:24px;font-weight:700;display:flex}.confirm-dialog h3{color:#2f2a25;margin-bottom:10px;font-size:22px;line-height:1.45}.confirm-dialog p{color:#7c6d62;font-size:15px;line-height:1.8}.confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.confirm-cancel,.confirm-delete{border-radius:999px;padding:12px 18px;font-size:15px}.confirm-cancel{background:var(--color-bg-accent);color:#7a4f35}.confirm-delete{background:var(--color-primary);color:var(--color-bg-card)}.confirm-dialog.black-history-dialog{background:linear-gradient(135deg, #fffaf0f5, #fff6ddf5), var(--color-bg-card);position:relative}.confirm-dialog.black-history-dialog:before{content:"";background:#a7cbd6a8;border-radius:3px;width:104px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 3px 8px #533d271f}.black-history-dialog .confirm-icon{background:var(--color-accent-orange);color:var(--color-accent-orange-dark)}.black-history-dialog .confirm-delete{background:#7d5636}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-card{background:var(--color-bg-card);text-align:center;border:1px solid #785b3e29;border-radius:8px;width:min(480px,92vw);padding:36px 30px;position:relative;box-shadow:0 24px 80px #49342224}.login-card:after{content:"";background:#f9bc929e;border-radius:3px;width:120px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg)}.login-form{text-align:left;margin-top:24px}.password-input-wrap{display:block;position:relative}.password-input-wrap input{padding-right:48px}.password-visibility-button{all:unset;cursor:pointer;border-radius:999px;place-items:center;width:32px;height:32px;transition:background .16s,transform .16s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-visibility-button:hover,.password-visibility-button:focus-visible{background:#af7b5324;outline:none}.password-visibility-button:active{transform:translateY(-50%)scale(.92)}.auth-mode-switch{border-bottom:1px solid var(--line,#d8c8b4);gap:8px;width:fit-content;margin:20px auto 4px;display:flex}.auth-mode-switch button{color:var(--ink-muted,#7f6e61);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 18px}.auth-mode-switch button.active{border-bottom-color:var(--accent,#b7644d);color:var(--ink,#33241e);font-weight:700}.avatar-picker{background:var(--color-bg-accent);cursor:pointer;border:2px dashed #7a4f3552;border-radius:999px;justify-content:center;align-items:center;width:104px;height:104px;margin:8px auto 10px;display:flex;overflow:hidden}.avatar-picker img{object-fit:cover;width:100%;height:100%}.avatar-picker span{color:#9b6b43;font-size:36px;line-height:1}.avatar-picker input{display:none}.avatar-tip{color:#8a7668;text-align:center;margin:0 0 20px;font-size:13px}.friendship-badge{color:#9b6b43;letter-spacing:.16em;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:32px;font-size:12px;display:flex}.badge-divider{background:currentColor;border-radius:999px;width:5px;height:5px}@media (width<=760px){.app{width:100%;padding:18px 14px 32px}.yearbook-layout{flex-direction:column;gap:0}.yearbook-layout:before{display:none}.yearbook-card{text-align:center;flex-flow:column;flex:none;align-items:center;width:100%;padding:24px 16px 20px}.yearbook-page-label{border-bottom:1px dotted #8b603629;width:auto;margin-bottom:16px;padding-bottom:6px}.yearbook-avatar-frame{width:80px;margin-bottom:14px;padding:6px 6px 22px}.yearbook-name{margin:0 0 4px;font-size:17px}.yearbook-name:after{width:30px;margin:4px auto 0;display:block}.yearbook-identity{width:auto;margin:4px 0 6px}.yearbook-keywords{width:auto;margin-bottom:8px}.yearbook-status{width:auto;margin-bottom:14px}.yearbook-edit,.yearbook-logout{margin:0}.yearbook-tape{width:50px;height:18px;top:30px}.yearbook-content{padding-left:0}.hero{padding:6px 0 0}.hero-cover{border-radius:var(--radius-sm);padding:36px 18px 28px}.hero-tape-tl{left:14px}.hero-tape-tr{right:14px}.hero-tape-bl{left:20px}.hero-year-badge{width:66px;height:66px}.hero-year-num{font-size:24px}.hero-subtitle{font-size:14px;line-height:1.85}.hero-stamps span{padding:4px 10px;font-size:10px}.hero-stamps span:first-child{transform:rotate(-2deg)}.hero-stamps span:last-child{transform:rotate(1deg)}.subtitle{font-size:15px}.hero-footnote{border-radius:8px}.daily-memory{grid-template-columns:1fr;margin-top:0;padding:16px 0}.memory-box-stage{width:100%;margin-top:16px}.memory-photo-paper{width:min(200px,70vw)}.memory-box{width:min(190px,65vw)}.upload-dropzone{min-height:168px;padding:22px 16px}.upload-card:after,.card-stamp{display:none}.draft-card{grid-template-columns:1fr;transform:none}.combined-draft-card{gap:14px}.publish-mode-toggle{width:100%;display:flex}.publish-mode-toggle button{text-align:center;flex:1}.post-card{width:100%;transform:none!important}.draft-image-wrap{width:100%;height:auto;min-height:0;transform:none}.draft-image-wrap img,.post-photo-inner img{height:auto;max-height:60vh}.timeline-header{flex-direction:column;align-items:flex-start}.album-hub{border-radius:11px;margin-top:10px;padding:22px 16px}.album-hub-heading{flex-direction:column;align-items:flex-start}.album-actions{width:100%}.album-action-button{flex:140px}.album-form{margin:21px 0;padding:22px 16px 18px}.album-form-title{gap:10px}.stage-card-grid{grid-template-columns:1fr}.stage-chip{grid-template-columns:32px 72px 1fr;align-items:center;gap:9px;min-height:0;padding:12px}.stage-card-icon{margin:0}.stage-chip small{padding-left:4px}.album-form-grid{grid-template-columns:1fr}.album-card{width:100%}.album-detail{flex-direction:column;align-items:flex-start}.album-members{margin-left:0}.album-invite{grid-template-columns:auto 1fr;width:100%}.album-invite code{text-overflow:ellipsis;min-width:0;overflow:hidden}.invite-entry{grid-template-columns:42px 1fr;gap:10px;padding:12px}.invite-entry-mark{width:38px;height:38px;font-size:16px}.invite-entry input{letter-spacing:.08em;font-size:15px}.album-submit-button{width:100%}.album-discovery{flex-direction:column;align-items:stretch}.album-search{width:100%}.comment-form,.confirm-actions{grid-template-columns:1fr}.comment-form button{justify-self:end;width:fit-content;padding:11px 18px}.profile-mask{padding:12px}.profile-dialog{width:100%;padding:22px 16px}.profile-layout{grid-template-columns:1fr}.profile-preview-card{position:relative;top:auto}.page-mark{font-size:9px;bottom:2px;right:6px}.page-mark.spread-label{font-size:8px}.page-fold{height:8px;margin:0}.on-this-day-card{width:100%;max-width:360px}.on-this-day-card--featured{grid-template-columns:1fr;gap:16px;max-width:420px;padding:16px;transform:none}.on-this-day-card--featured:hover{transform:translateY(-2px)}.on-this-day-card--featured .on-this-day-title{font-size:21px}.on-this-day-more{grid-template-columns:1fr;max-width:420px}.upload-icon{width:46px;height:46px}.share-spread-header{padding:0 8px}.photo-wall{gap:14px}.photo-wall>*{margin-top:0;transform:none!important}.memory-spread,.share-spread,.album-spread{padding-top:4px}}