.year-record-page{color:#111;background:#f4f4f5;width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:94px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;box-shadow:0 0 60px #0000000f}.year-record-page *{box-sizing:border-box}.year-record-page .site-header{max-width:520px}.year-record-page .bottom-nav{max-width:520px;display:grid!important}.year-record-intro{padding:16px 14px 52px}.year-record-cover{color:#111;background:#fff;border:1px solid #cacacd;border-radius:2px;padding:11px 11px 0;position:relative;box-shadow:0 18px 36px #0000002e,0 2px 3px #0000001f}.year-record-cover-exposure{color:#fff;background:#050505;flex-direction:column;justify-content:space-between;min-height:430px;padding:27px;display:flex}.year-record-cover-top,.year-record-cover-bottom{justify-content:space-between;align-items:center;display:flex}.year-record-cover-top b{letter-spacing:-.08em;font-size:20px;font-weight:950;line-height:1}.year-record-cover-top span,.year-record-cover-title>span{color:#8e8e93;letter-spacing:.2em;font-size:8px;font-weight:800}.year-record-cover-title{padding:34px 0 18px}.year-record-cover-title h1{letter-spacing:-.09em;margin:13px 0 24px;font-size:68px;font-weight:900;line-height:.9}.year-record-cover-title p{word-break:keep-all;gap:12px;margin:0;display:grid}.year-record-cover-title p strong{color:#f2f2f4;letter-spacing:-.035em;font-size:17px;font-weight:750;line-height:1.55}.year-record-cover-title p small{color:#8e8e93;letter-spacing:-.015em;font-size:10px;font-weight:650;line-height:1.7}.year-record-cover-bottom{align-items:flex-start;min-height:112px;padding:17px 4px 30px;position:relative}.year-record-cover-bottom>span{letter-spacing:-.035em;max-width:62%;font-family:Noto Serif KR,Georgia,serif;font-size:15px;font-weight:750;line-height:1.45}.year-record-cover-bottom>b{align-items:baseline;gap:7px;font-size:31px;font-weight:900;line-height:1;display:flex}.year-record-cover-bottom>b small{color:#777;letter-spacing:.12em;font-size:6px;font-weight:850}.year-record-cover-mark{color:#a0a0a4;letter-spacing:.12em;font-size:6px;font-weight:850;position:absolute;bottom:10px;right:4px}.year-record-state{text-align:center;background:#fff;border:1px solid #e4e4e7;border-radius:24px;place-content:center;gap:8px;min-height:240px;margin-top:14px;padding:38px;display:grid}.year-record-state b{font-size:16px}.year-record-state span{color:#777;font-size:11px}.year-record-state.error{color:#9e2f25}.year-record-save-error{color:#8d2c24;background:#fff2f0;border:1px solid #ecc8c4;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:11px;font-weight:800}.year-record-album{margin-top:16px}.year-record-spread,.year-record-colophon{background:#fff;border:1px solid #d7d7da;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 8px 26px #00000009}.year-record-colophon{border-radius:4px}.year-record-spread{background:#e5e5e8;border-radius:4px;padding:23px 23px 31px}.year-record-spread>header{border-bottom:1px solid #c9c9cd;grid-template-columns:34px 1fr auto;align-items:baseline;padding-bottom:14px;display:grid}.year-record-spread>header span{color:#6f6f75;font-size:9px;font-weight:800}.year-record-spread>header b{letter-spacing:-.055em;font-size:29px;font-weight:900}.year-record-spread>header em{color:#6f6f75;letter-spacing:.13em;font-size:6px;font-style:normal;font-weight:900}.year-record-mount{transform-origin:50%;background:#fff;border:1px solid #cacacd;border-radius:2px;max-width:390px;margin:31px auto 24px;padding:11px 11px 0;position:relative;box-shadow:0 18px 32px #0000002e,0 2px 3px #0000001f}.year-record-mount.tilt-left{transform:rotate(-.65deg)}.year-record-mount.tilt-right{transform:rotate(.65deg)}.year-record-photo{aspect-ratio:3/4;background:#dcdcdf;border-radius:0;place-items:center;width:100%;display:grid;overflow:hidden}.year-record-photo img{object-fit:cover;image-orientation:from-image;width:100%;height:100%}.year-record-photo.rotate-to-portrait img{width:133.333%;max-width:none;height:75%;transform:rotate(-90deg)}.year-record-polaroid-caption{color:#111;justify-content:space-between;align-items:flex-start;gap:14px;min-height:112px;padding:15px 4px 29px;display:flex;position:relative}.year-record-polaroid-caption>div{gap:7px;min-width:0;display:grid}.year-record-polaroid-caption span{color:#777;letter-spacing:.08em;font-size:8px;font-weight:750}.year-record-polaroid-caption b{letter-spacing:-.035em;word-break:keep-all;font-family:Noto Serif KR,Georgia,serif;font-size:14px;font-weight:700;line-height:1.55}.year-record-polaroid-caption em{color:#666;font-size:8px;font-style:normal;font-weight:750}.year-record-polaroid-caption button{color:#fff;white-space:nowrap;background:#111;border:1px solid #111;border-radius:2px;min-height:34px;padding:0 12px;font-size:8px;font-weight:900}.year-record-polaroid-caption>small{color:#a0a0a4;letter-spacing:.12em;font-size:6px;font-weight:850;position:absolute;bottom:10px;right:4px}.year-record-spread.waiting{color:#fff;min-height:310px;box-shadow:none;background:#18181a}.year-record-spread.waiting>header{border-bottom-color:#3b3b3e}.year-record-spread.waiting>header span,.year-record-spread.waiting>header em{color:#8e8e93}.year-record-spread.waiting .year-record-mount{background:#fff;border-color:#d7d7da;max-width:360px;margin:31px auto 18px;box-shadow:0 18px 36px #00000061}.year-record-spread.waiting .year-record-photo{aspect-ratio:3/4;background:#efeff1}.year-record-spread.waiting .year-record-photo>a{color:#111;text-align:center;place-content:center;gap:6px;width:100%;height:100%;padding:24px;display:grid}.year-record-spread.waiting .year-record-photo>a b{letter-spacing:-.055em;font-size:22px;font-weight:950}.year-record-spread.waiting .year-record-photo>a span{letter-spacing:-.045em;font-size:17px;font-weight:850}.year-record-spread.waiting .year-record-photo>a em{color:#fff;letter-spacing:.05em;background:#111;border:1px solid #111;border-radius:2px;margin-top:12px;padding:12px 14px;font-size:8px;font-style:normal;font-weight:900}.year-record-spread.waiting .year-record-polaroid-caption{color:#111}.year-record-colophon{padding:25px 27px}.year-record-colophon p{color:#8e8e93;word-break:keep-all;margin:0;font-size:9px;font-weight:500;line-height:1.75}.year-record-colophon p+p{margin-top:10px}.year-record-colophon small{color:#777;letter-spacing:.02em;margin-top:18px;font-size:9px;font-weight:700;display:block}.year-record-editor-backdrop{z-index:49;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000094;place-items:end center;padding:14px;display:grid;position:fixed;inset:0}.year-record-editor{z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:24px;width:100%;max-width:470px;padding:22px;box-shadow:0 20px 60px #00000047}.year-record-editor header span{color:#777;letter-spacing:.15em;font-size:7px;font-weight:900}.year-record-editor h3{letter-spacing:-.045em;margin:7px 0 4px;font-size:22px}.year-record-editor header p{color:#777;font-size:10px}.year-record-editor-warning{color:#fff;background:#111;border-radius:10px;gap:4px;margin-top:16px;padding:13px 14px;display:grid}.year-record-editor-warning b{font-size:12px}.year-record-editor-warning span{color:#c7c7cc;font-size:9px;line-height:1.5}.year-record-editor label{color:#555;gap:6px;margin-top:15px;font-size:9px;font-weight:850;display:grid}.year-record-editor label small{color:#999;font-size:8px}.year-record-editor :is(select,input){color:#111;width:100%;font:inherit;background:#fff;border:1px solid #d4d4d7;border-radius:10px}.year-record-editor select{height:42px;padding:0 10px;font-size:11px}.year-record-editor .year-record-letter-field{color:#111;font-size:11px}.year-record-editor .year-record-letter-field input{letter-spacing:-.02em;height:48px;padding:0 12px;font-size:13px}.year-record-editor>div:last-child{grid-template-columns:1fr 1.4fr;gap:7px;margin-top:15px;display:grid}.year-record-editor button{color:#111;background:#fff;border:1px solid #111;border-radius:999px;min-height:42px;font-size:10px;font-weight:900}.year-record-editor button:last-child{color:#fff;background:#111}.year-record-editor button:disabled{opacity:.45}@media (width>=700px){.year-record-page{border-radius:28px;margin:28px auto;overflow:hidden}.year-record-page .bottom-nav{border-radius:18px;bottom:18px}.year-record-intro{padding:20px 18px 64px}}@media (width<=420px){.year-record-cover{padding:9px 9px 0}.year-record-cover-exposure{min-height:400px;padding:24px}.year-record-cover-title h1{font-size:59px}.year-record-cover-bottom{min-height:106px;padding-inline:3px}.year-record-cover-bottom>span{font-size:14px}.year-record-spread{padding:20px 18px 27px}.year-record-spread>header{grid-template-columns:30px 1fr auto}.year-record-spread>header b{font-size:26px}.year-record-mount{margin:27px auto 20px;padding:9px 9px 0}.year-record-polaroid-caption{min-height:106px;padding-inline:3px}.year-record-polaroid-caption b{font-size:13px}.year-record-polaroid-caption button{padding-inline:9px}}