/* ABOUTME: A friendly scrapbook with soft color fields and an irregular photo collage. */
/* ABOUTME: Notes keep their reading order while feeling individually contributed. */
:root{--paper:#fff9ef;--surface:#fffdf7;--ink:#344b48;--muted:#66736b;--line:#d3d7c9;--accent:#365d6b;--soft:#e4eeec;--warm:#946047}
.site-header{border-bottom:0}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#e5ebd7;border-radius:40% 60% 50% 50%}.button{border-radius:28px}.hero{display:grid;grid-template-columns:1fr 48%;gap:6%;align-items:center;min-height:480px;padding:45px 0}.dream-copy{position:relative}.hero-kicker{letter-spacing:.05em}.hero h1{font:600 clamp(33px,4cqw,57px)/1.4 var(--serif)}.hero-description{font-size:14px;max-width:380px}.dream-doodle{display:block;font-size:65px;color:#975f46;position:absolute;right:15px;top:0;transform:rotate(12deg)}.dream-collage{position:relative;min-height:360px}.dream-photo-a{width:75%;height:270px;transform:rotate(-5deg);border-radius:44% 38% 43% 27%;overflow:hidden;position:absolute;left:0;top:0}.dream-photo-b{position:absolute;right:0;bottom:0;width:49%;height:210px;padding:10px 10px 27px;background:#fff;transform:rotate(7deg);box-shadow:0 5px 15px #38443b15}.dream-photo-b:before{content:'';width:60px;height:21px;background:#e9d9a3b8;position:absolute;top:-10px;left:37%;transform:rotate(-10deg)}.dream-collage figcaption{display:none}.dream-sticker{position:absolute;right:3%;top:-5px;width:105px;height:105px;border-radius:50%;background:#f4d6a5;display:grid;place-content:center;text-align:center;font:600 20px/1.45 var(--serif);transform:rotate(12deg)}.together-strip{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.main-tabs{border-bottom:0;justify-content:center;gap:12px;padding:20px 0;min-height:0}.main-tabs button{border:1px solid var(--line);border-radius:40px;padding:10px 25px}.main-tabs button[aria-current]{background:#dce9e8;border:1px solid #92a8a4}.main-tabs button span{display:none}.content-layout{display:block;padding-top:16px}.trip-sidebar{max-width:840px;margin:0 auto 32px}.sidebar-heading,.sidebar-note{display:none}.day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.day-button{border:1px solid var(--line);border-radius:10px;background:transparent;padding:16px;grid-template-columns:32px 1fr}.day-button.selected{background:#f5e4b3;border-color:#c6b783}.day-button svg{display:none}.day-number{font:italic 29px Georgia,serif}.section-heading{max-width:840px;margin:0 auto 28px}.section-heading h2{font-size:33px}.day-counter{font:italic 22px Georgia,serif}.day-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start;max-width:1000px;margin:auto}.slot{padding:24px;background:#e8efdf;border-radius:3px 20px 4px 6px;position:relative;margin:0;box-shadow:0 3px 0 #344b4807;min-width:0}.slot:nth-child(3n + 2){background:#f4e0d8;border-radius:18px 3px 8px 3px}.slot:nth-child(3n){background:#e2ecef;border-radius:4px 6px 18px 5px}.slot:nth-child(even){margin-top:25px}.slot-label{padding:0 0 14px;border-bottom:1px dashed #9ca995;font:600 17px var(--serif)}.slot-index{margin-left:auto;order:3;font:italic 16px Georgia,serif}.entry{border:0;border-bottom:1px dashed #a9b4a1;background:none;padding:20px 0;margin:0}.entry h3{font:600 20px/1.6 var(--serif)}.entry-time{font-size:12px;padding-right:20px}.entry-time svg{display:none}.entry-description{color:#526359;font-size:13px}.entry-edit{top:12px;right:-10px}.add-entry{border:0;padding:11px 0;min-height:44px;color:#526359}.readiness{border-radius:15px}.check-table-scroll{border-radius:12px}.site-footer{border-top-style:dashed}
@container experience (max-width:900px){.dream-doodle{display:none}.dream-collage{min-height:330px}.dream-photo-a{height:250px}.dream-photo-b{height:185px}.dream-sticker{width:85px;height:85px;font-size:17px}.main-tabs button{padding:10px 20px}.slot{padding:22px}.day-button{padding:14px 10px}}
@container experience (max-width:700px){.hero{display:flex;flex-direction:column;gap:25px;min-height:0;padding:22px 0}.dream-copy{width:100%}.hero h1{font-size:35px}.dream-collage{width:100%;min-height:310px;margin-top:15px}.dream-photo-a{height:235px}.dream-photo-b{height:180px;width:48%;right:8px}.dream-sticker{right:2%;top:0}.main-tabs{gap:6px;justify-content:space-between}.main-tabs button{padding:10px 13px;font-size:12px}.day-nav{gap:7px;margin:0}.day-button{display:block;text-align:center;padding:12px 3px}.day-number{display:block;font-size:25px}.day-button small{font-size:10px}.trip-sidebar{margin-bottom:28px}.section-heading h2{font-size:27px}.day-counter{font-size:18px}.day-slots{grid-template-columns:1fr;gap:22px}.slot:nth-child(even){margin-top:0}.slot{padding:23px}.slot-label{font-size:16px}.entry h3{font-size:20px}}