.week-intro{padding:22px 0 13px}.week-intro h1{margin:14px 0 13px;font-size:clamp(33px,8vw,48px)}.week-intro p{font-size:13px;color:var(--muted)}.chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chest{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:17px;background:#dfeccd;border:1px solid #bcd0b6;border-radius:21px;min-width:0}.chest.blue{background:#dcebed;border-color:#b9d2d5}.chest.peach{background:#f6e2ce;border-color:#dfc6ac}.chest-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.chest-date{font-size:9px;letter-spacing:1px;font-weight:750}.chest-seen{font-size:9px;color:var(--muted);white-space:nowrap}.chest-drawing{position:relative;display:flex;align-items:center;justify-content:center;width:90px;height:83px;margin:16px auto 12px;transform:rotate(-5deg)}.chest-drawing i{width:80px;height:52px;border:2px solid #729688;border-radius:9px;background:#f2f6df;position:relative;box-shadow:0 5px 0 #70958738}.chest-drawing i:before{content:"";position:absolute;top:11px;left:0;right:0;border-top:2px solid #729688}.chest-drawing i:after{content:"";position:absolute;top:6px;left:32px;width:12px;height:17px;border-radius:4px;background:var(--teal);border:2px solid #f7faf0}.chest-drawing b{position:absolute;right:-6px;top:-9px;font-size:27px;font-weight:400;color:var(--teal)}.blue .chest-drawing i{background:#f1f8fa}.peach .chest-drawing i{background:#fff1dc}.chest-name{font-size:18px;font-weight:750;letter-spacing:-.03em;margin-bottom:7px;line-height:1.4}.chest-theme{font-size:11px;color:var(--muted);line-height:1.5}.chest:last-child{grid-column:2}.letter-placeholder{padding:18px;background:#e5eee2;border-radius:18px;text-align:center;margin:20px 0}.letter-placeholder>img{display:block;height:220px;width:auto;border-radius:12px;margin:16px auto}.letter-placeholder>.small-note{margin:10px 0 0}.letter-placeholder .secondary-button{font-size:12px}.site-dialog>.primary-button{display:flex}.site-dialog>p{font-size:14px;color:var(--muted)}#extra-links{margin-top:10px}#extra-links a{flex:1;font-size:12px}.materials-title{margin-top:25px;margin-bottom:8px}#materials{padding-left:21px;color:var(--muted);font-size:12px;line-height:2}.sample-audio{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}audio{display:block;width:100%;margin-top:10px;height:42px;max-width:100%}
@media(max-width:600px){.chest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chest{padding:13px}.chest:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.chest:last-child .chest-top{grid-column:1/-1}.chest:last-child .chest-drawing{grid-row:2/4;margin:12px auto 5px}.chest:last-child .chest-name{margin-top:13px}.chest:last-child .chest-theme{align-self:start}.chest-name{font-size:16px}.chest-date{font-size:8px;letter-spacing:.3px}.chest-seen{font-size:8px}.chest-theme{font-size:10px}.chest-drawing{margin:13px auto 9px}}@media(max-width:360px){.chest{padding:11px}.chest-name{font-size:14px}.chest-drawing{height:75px}.chest-top{gap:3px}.chest-date{font-size:7px}}
.story-background{margin:21px 0 24px;border:1px solid #bfd2c2;border-radius:20px;background:#f4f7ed;overflow:hidden}.story-background>summary{position:relative;display:grid;gap:10px;padding:21px;cursor:pointer;list-style:none;min-height:44px}.story-background>summary::-webkit-details-marker{display:none}.story-background>summary:after{content:'＋';position:absolute;right:20px;top:22px;font-size:23px;color:var(--teal)}.story-background[open]>summary:after{content:'−'}.story-background>summary strong{font-size:20px;line-height:1.45;padding-right:20px}.story-background>summary .eyebrow{font-size:9px}.story-background>summary .small-note{font-size:11px}.story-background>.story-prose{padding:0 21px 13px}.story-prose{font-size:14px;line-height:1.95;color:#34564f;overflow-wrap:anywhere}.story-prose p{line-height:1.95;margin:0 0 17px}.story-letter{border-top:1px solid var(--line);margin-top:18px;padding-top:22px}.story-mission{background:#e5eedc;border-left:3px solid var(--teal);padding:15px 16px;border-radius:0 13px 13px 0;margin:24px 0}.story-mission>.eyebrow{font-size:9px}.story-mission p{font-size:13px;line-height:1.8;margin:9px 0 0}.letter-placeholder{padding:15px}.letter-placeholder>summary{font-size:12px;font-weight:650;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px}.letter-placeholder>summary:after{content:'＋'}.letter-placeholder[open]>summary:after{content:'−'}.letter-placeholder>summary::-webkit-details-marker{display:none}.letter-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}#chest-title{line-height:1.55;font-size:23px;margin:16px 0}#chest-note{font-size:12px}.chest-name{min-height:2.8em}.chest:last-child .chest-name{min-height:0}@media(max-width:360px){#chest-title{font-size:20px}.story-prose{font-size:13px}.story-background>summary{padding:18px}.story-background>.story-prose{padding:0 18px 10px}.story-background>summary strong{font-size:18px}}
#chest-dialog>.dialog-head{position:sticky;top:-20px;z-index:2;background:var(--paper);padding:6px 0;border-bottom:1px solid var(--line);margin-bottom:14px}
.story-prose{font-size:15px}@media(max-width:360px){.story-prose{font-size:14px}}