/* Letters and sky photographs use the site's existing palette and local storage. */
.home-keepsake-count{display:block;margin-top:9px;font-size:10px;color:var(--accent-ink)}
.time-link{background:linear-gradient(120deg,hsl(var(--surface)/var(--card-opacity)),#f0e4f344)}.sky-link{background:linear-gradient(120deg,hsl(var(--surface)/var(--card-opacity)),#dfeef844)}
.time-link .card-symbol{background:#efe7f5;color:#977eac}.sky-link .card-symbol{background:#e6f2f7;color:#729eb2}.daily-card small[lang="ja"]{display:block;margin-top:7px;font-family:"Yu Mincho","MS PMincho",serif;letter-spacing:1px}
.keepsake-section{--paper:hsl(var(--surface)/var(--card-opacity));padding-bottom:12px}.keepsake-banner{position:relative;display:grid;grid-template-columns:1fr 46%;height:235px;margin-bottom:23px;background:var(--paper);isolation:isolate}.keepsake-banner>div{position:relative;z-index:1;padding:36px 36px;align-self:center}.keepsake-number{font:9px Georgia,serif;letter-spacing:2.8px;color:var(--faint)}.keepsake-banner h3{font:500 clamp(24px,2.8vw,34px)/1.7 "Yu Mincho","MS PMincho","SimSun",serif;margin:12px 0;letter-spacing:3px;color:var(--ink)}.keepsake-banner-count{font-size:11px;color:var(--accent-ink)}.keepsake-banner>div>svg{position:absolute;width:85px;height:85px;right:12px;bottom:-25px;opacity:.06;transform:rotate(-15deg)}.keepsake-banner>img{display:block;width:100%;height:235px;object-fit:cover;object-position:50% 25%;mask-image:linear-gradient(90deg,transparent,black 22%)}.time-banner{background:linear-gradient(105deg,var(--paper),#eee8f330)}.sky-banner{background:linear-gradient(105deg,var(--paper),#f7e9ef40)}.sky-banner>img{object-position:50% 34%}
.letter-paper{padding:30px 35px;background:var(--paper);position:relative}.keepsake-form-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px dashed var(--line);padding-bottom:22px;margin-bottom:23px}.keepsake-form-top h3{font:500 21px/1.8 "Yu Mincho","MS PMincho",serif;margin:0;letter-spacing:2px}.keepsake-date{display:grid;gap:8px;color:var(--muted);font-size:12px}.keepsake-date>span{display:flex;gap:10px;align-items:center}.keepsake-date small{font-size:9px;color:var(--faint)}.keepsake-date input{min-height:38px;max-width:175px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;background:transparent;color:var(--ink);font-size:12px}.keepsake-label{display:block;color:var(--muted);font:14px/1.8 "Yu Mincho","MS PMincho",serif;letter-spacing:2px;margin:18px 0 6px}.letter-subject{display:block;width:100%;border:0;border-bottom:1px dashed var(--line);background:transparent;min-height:42px;padding:9px 3px;color:var(--ink);font-size:14px;outline-offset:3px}.letter-body{display:block;width:100%;min-height:255px;border:0;padding:7px 4px;background:repeating-linear-gradient(transparent 0,transparent 33px,var(--line) 34px,transparent 35px);background-position:0 7px;resize:vertical;color:var(--ink);font:15px/35px "Yu Mincho","MS PMincho","SimSun",serif;letter-spacing:.5px;overflow-wrap:anywhere}.letter-subject::placeholder,.letter-body::placeholder,#skyCaption::placeholder{color:var(--faint);opacity:.7}.keepsake-attachments{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:17px;border-top:1px dashed var(--line)}.attachment-picker{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--muted);font-size:12px;overflow:hidden}.attachment-picker small{font-size:9px;color:var(--faint);margin-left:8px}.attachment-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.attachment-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.attachment-limit{font-size:10px;color:var(--faint)}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attachment-chip{display:flex;align-items:center;gap:6px;max-width:100%;border-radius:8px;background:var(--accent-soft);padding:4px 6px 4px 10px;color:var(--muted);font-size:10px}.attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{color:var(--muted);border:0;background:transparent;padding:6px;font-size:16px}.keepsake-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;min-height:43px}.keepsake-form-footer .life-status{margin-right:auto;font-size:11px}.keepsake-form-footer .button{min-height:43px;font-size:12px;padding:11px 18px}.letter-collection{margin-top:30px}.letter-collection>.list-heading h3,.sky-collection-heading h3{font:500 22px/1.8 "Yu Mincho","MS PMincho",serif;letter-spacing:2px;margin:0}.letter-shelf{display:grid;grid-template-columns:1fr 1fr;gap:18px}.envelope{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:205px;border:1px solid var(--line);padding:27px 25px 20px;overflow:hidden;border-radius:6px 6px 16px 16px;color:var(--ink);background:var(--paper);text-align:left;box-shadow:0 6px 20px #67718b08;transition:transform .2s,box-shadow .2s}.envelope::before{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;clip-path:polygon(0 100%,50% 40%,100% 100%);background:var(--accent-soft);opacity:.45;pointer-events:none}.envelope::after{content:"";position:absolute;left:0;right:0;top:0;height:55%;clip-path:polygon(0 0,50% 75%,100% 0);background:#b6a9c408;pointer-events:none}.envelope:hover{transform:translateY(-3px);box-shadow:0 10px 26px #67718b14}.envelope>small,.envelope>strong,.envelope>time,.envelope-state{position:relative;z-index:1}.envelope-to{font:8px Georgia,"Yu Mincho",serif;letter-spacing:1.7px;color:var(--faint);padding-right:40px}.envelope>strong{font:500 18px/1.8 "Yu Mincho","MS PMincho","SimSun",serif;margin:24px 0 8px;max-width:100%;overflow-wrap:anywhere}.envelope>time{font:11px Georgia,"Yu Mincho",serif;color:var(--muted);margin-top:auto}.envelope-state{font-size:10px;margin-top:14px;color:var(--faint)}.envelope.is-ready{border-color:var(--accent-wash)}.envelope.is-ready .envelope-state{color:var(--accent-ink)}.envelope-stamp{position:absolute;right:19px;top:18px;width:38px;height:45px;display:grid;place-items:center;border:3px dotted #d3c4d8;background:#e9ddee63;color:#a387ad;font:11px "SimSun",serif;transform:rotate(7deg);z-index:2}.envelope.is-opened .envelope-stamp{filter:grayscale(.7);opacity:.7}
.sky-composer{display:grid;grid-template-columns:44% minmax(0,1fr);background:var(--paper);padding:28px;gap:27px}.sky-photo-picker{display:grid;place-items:center;position:relative;border:1px dashed var(--line);border-radius:12px;min-height:320px;overflow:hidden;cursor:pointer;background:var(--accent-soft)}.sky-photo-picker>span{display:grid;justify-items:center;gap:14px;color:var(--muted);padding:24px}.sky-photo-picker>span>svg{width:33px;height:33px;opacity:.55}.sky-photo-picker strong{font:500 16px "Yu Mincho","MS PMincho",serif;letter-spacing:1px}.sky-photo-picker small{font:9px Georgia,serif;letter-spacing:1px;color:var(--faint)}.sky-photo-picker>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sky-photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sky-photo-picker:focus-within{outline:3px solid var(--accent);outline-offset:4px}.sky-writing{min-width:0}.sky-writing>.keepsake-date{width:max-content}.weather-field{margin:20px 0 18px;padding:0;border:0}.weather-field legend{font:14px/1.8 "Yu Mincho","MS PMincho",serif;color:var(--muted);letter-spacing:2px;margin-bottom:10px}.weather-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weather-choice{display:grid;justify-items:center;gap:7px;padding:10px 5px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;min-height:65px}.weather-choice>span{font:20px Georgia,serif}.weather-choice small{font:10px "Yu Mincho","MS PMincho",serif}.weather-choice[aria-pressed="true"]{border-color:var(--accent-wash);background:var(--accent-soft);color:var(--accent-ink)}#skyCaption{border:0;border-bottom:1px dashed var(--line);background:transparent;width:100%;padding:6px 2px;resize:vertical;color:var(--ink);font:14px/1.9 "Yu Mincho","MS PMincho","SimSun",serif}.sky-collection{margin-top:30px}.sky-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.sky-collection-heading>div{display:flex;align-items:center;gap:13px}.sky-collection-heading select{border:1px solid var(--line);background:var(--paper);padding:7px 9px;border-radius:8px;color:var(--muted);font-size:11px;max-width:125px}.sky-collection-heading button{font-size:11px}.sky-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sky-print{display:block;width:100%;padding:10px 10px 16px;background:var(--paper);border:1px solid var(--line);border-radius:3px;box-shadow:0 7px 18px #67718b0d;text-align:left;transition:transform .2s;align-self:start;min-width:0}.sky-print:nth-child(3n+1){transform:rotate(-1deg)}.sky-print:nth-child(3n){transform:rotate(1deg)}.sky-print:hover{transform:translateY(-4px) rotate(0)}.sky-print>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.sky-print-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;color:var(--muted)}.sky-print-meta time{font:10px Georgia,"Yu Mincho",serif}.sky-print-meta>span{font:17px Georgia,serif}.sky-print>p{font:13px/1.8 "Yu Mincho","MS PMincho","SimSun",serif;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.keepsake-space-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.keepsake-space-links>a{display:flex;align-items:center;gap:17px;background:var(--paper,hsl(var(--surface)/var(--card-opacity)));padding:24px;color:var(--muted)}.keepsake-space-links h3{font:500 20px/1.8 "SimSun","Songti SC",serif;margin:0;color:var(--ink)}.keepsake-space-links small{font:10px "Yu Mincho","MS PMincho",serif;letter-spacing:1px}.keepsake-space-links strong{font:25px Georgia,serif;margin-left:auto;color:var(--accent-ink)}.keepsake-backup-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin:24px 0 5px}.keepsake-backup-tools button{font-size:10px;min-height:36px}
.keepsake-dialog{width:min(680px,calc(100vw - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:22px;background:hsl(var(--surface));color:var(--ink);padding:0;box-shadow:0 25px 90px #17294326;overscroll-behavior:contain}.keepsake-dialog::backdrop{background:#192c4b66;backdrop-filter:blur(8px)}.keepsake-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px dashed var(--line)}.keepsake-dialog header small{font:9px Georgia,"Yu Mincho",serif;color:var(--faint);letter-spacing:1px}.keepsake-dialog h2{font:500 23px/1.7 "Yu Mincho","MS PMincho","SimSun",serif;margin:8px 0 0;overflow-wrap:anywhere}.keepsake-dialog .icon-button{align-self:flex-start}.keepsake-dialog-body{padding:25px 30px}.read-date{font:12px Georgia,"Yu Mincho",serif;color:var(--faint);margin:0 0 20px}.letter-read-body{font:16px/2.2 "Yu Mincho","MS PMincho","SimSun",serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.letter-read-media{display:grid;gap:16px;margin-top:22px}.letter-read-media>img{display:block;max-width:100%;max-height:500px;object-fit:contain;border-radius:10px;margin:auto}.letter-read-media audio{width:100%}.audio-name{font-size:11px;color:var(--faint);margin:5px 0 0;overflow-wrap:anywhere}.letter-lock{display:grid;justify-items:center;gap:12px;padding:10px 0;color:var(--faint);font:14px "Yu Mincho",serif}.letter-lock>svg{width:28px;height:28px}.letter-lock img{width:135px;height:135px;border-radius:50%;object-fit:cover;opacity:.85;margin-top:7px}.keepsake-dialog>footer{padding:10px 30px 23px;display:flex;justify-content:flex-end}.keepsake-dialog footer button{font-size:11px}.sky-dialog{width:min(880px,calc(100vw - 32px))}.sky-dialog h2{font-size:17px}.sky-dialog .keepsake-dialog-body{padding:18px 25px}.sky-dialog #skyReadImage{display:block;width:100%;max-height:60dvh;object-fit:contain;background:var(--page)}.sky-dialog #skyReadCaption{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/2 "Yu Mincho","MS PMincho","SimSun",serif;margin:19px 3px 0}.keepsake-notice{position:fixed;z-index:2147483647;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);background:var(--ink);color:var(--page);border-radius:14px;box-shadow:var(--shadow);font-size:12px;padding:13px 18px;line-height:1.8}.keepsake-notice button{border:0;background:none;color:inherit;text-decoration:underline;padding:4px 8px;margin-left:7px;font-size:12px}
:root[data-mode="dark"] .time-link,:root[data-mode="dark"] .sky-link{background:hsl(var(--surface)/var(--card-opacity))}:root[data-mode="dark"] .time-link .card-symbol,:root[data-mode="dark"] .sky-link .card-symbol{background:var(--accent-soft);color:var(--accent-ink)}:root[data-mode="dark"] .time-banner,:root[data-mode="dark"] .sky-banner{background:hsl(var(--surface)/var(--card-opacity))}:root[data-mode="dark"] .envelope-stamp{background:#74617a45;border-color:#806b89;color:#c0a8cc}
@media(min-width:1001px) and (max-width:1300px){.main-nav{gap:14px}.main-nav a>small{font-size:11px}.site-header{padding-inline:24px;gap:14px}.brand-caption{display:none}.appearance-trigger>span{display:none}.sky-composer{gap:20px;padding:25px}.letter-paper{padding-inline:28px}}
@media(min-width:601px) and (max-width:1000px){.menu-toggle{display:grid;margin-left:auto}.main-nav{display:none;position:absolute;top:85px;left:20px;right:20px;height:auto;margin:0;padding:15px;background:hsl(var(--surface)/.98);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:3px;box-shadow:var(--shadow)}.main-nav.open{display:grid}.main-nav a{text-align:center;padding:14px 7px;min-height:44px}.main-nav a>span{display:none}.main-nav a>small{font-size:12px}.main-nav a.active{background:var(--accent-soft);border-radius:10px}.main-nav a::after{display:none}}
@media(max-width:760px){.keepsake-banner{height:205px}.keepsake-banner>img{height:205px}.keepsake-banner>div{padding:27px}.keepsake-banner h3{font-size:27px}.letter-paper{padding:26px}.sky-composer{padding:24px;gap:21px}.sky-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-choices{gap:5px}.letter-shelf{gap:14px}.envelope{padding:24px 20px}.keepsake-space-links{gap:15px}.keepsake-space-links>a{padding:22px;gap:12px}}
@media(max-width:600px){.keepsake-banner{height:175px;grid-template-columns:1fr 44%;margin-bottom:17px}.keepsake-banner>img{height:175px}.keepsake-banner>div{padding:23px}.keepsake-banner h3{font-size:23px;letter-spacing:1px;margin:11px 0}.keepsake-number{font-size:8px;letter-spacing:1.5px}.keepsake-banner-count{font-size:9px}.keepsake-banner>div>svg{width:60px;height:60px;right:-7px;bottom:-5px}.letter-paper{padding:23px 20px}.keepsake-form-top{gap:12px;padding-bottom:20px;margin-bottom:19px;align-items:flex-start}.keepsake-form-top h3{font-size:19px;letter-spacing:1px;margin-top:4px}.keepsake-date{font-size:11px}.keepsake-date>span{gap:6px}.keepsake-date small{font-size:8px}.keepsake-date input{font-size:11px;max-width:146px}.letter-body{font-size:14px;min-height:260px}.attachment-picker{padding:9px;font-size:11px;gap:7px}.attachment-picker small{display:none}.attachment-limit{font-size:9px}.keepsake-form-footer{gap:10px;align-items:flex-end}.keepsake-form-footer .life-status{font-size:10px}.letter-collection,.sky-collection{margin-top:23px}.letter-collection>.list-heading h3,.sky-collection-heading h3{font-size:20px}.letter-shelf{grid-template-columns:1fr}.envelope{min-height:190px;padding:25px}.sky-composer{grid-template-columns:1fr;padding:20px;gap:23px}.sky-photo-picker{min-height:240px;aspect-ratio:4/3}.weather-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.weather-choice{padding-inline:2px}.weather-choice small{font-size:9px}.sky-collection-heading{align-items:flex-start;flex-direction:column;gap:12px}.sky-collection-heading>div{width:100%;justify-content:space-between}.sky-gallery{gap:12px}.sky-print{padding:8px 8px 13px}.sky-print-meta time{font-size:9px}.sky-print>p{font-size:12px}.keepsake-space-links{gap:12px;margin-top:16px}.keepsake-space-links>a{padding:18px 14px;gap:10px}.keepsake-space-links svg{width:18px;height:18px}.keepsake-space-links h3{font-size:17px}.keepsake-space-links strong{font-size:21px}.keepsake-space-links small{font-size:9px}.keepsake-backup-tools{gap:12px;justify-content:flex-start;margin-top:18px}.keepsake-backup-tools button{font-size:9px}.keepsake-dialog>header{padding:21px}.keepsake-dialog h2{font-size:21px}.keepsake-dialog-body{padding:21px}.keepsake-dialog>footer{padding:8px 21px 20px}.letter-read-body{font-size:15px}.sky-dialog h2{font-size:15px}.sky-dialog .keepsake-dialog-body{padding:15px}.sky-dialog #skyReadCaption{font-size:14px}.keepsake-notice{bottom:18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.envelope:hover,.sky-print,.sky-print:hover,.sky-print:nth-child(n){transform:none;transition:none}}
.keepsake-attachments{justify-content:flex-start;gap:16px}.attachment-limit{font-size:9px;line-height:1.8;color:var(--faint);opacity:.75;font-weight:400;letter-spacing:.2px;max-width:120px}