:root{font-family:"DM Sans",sans-serif;color:#27201e;background:#f4eee7;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#27201e;--muted:#847a73;--rose:#a6535c;--paper:#f4eee7;--line:rgba(59,40,34,.14);--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font:600 18px var(--serif);letter-spacing:.07em;color:var(--ink);text-decoration:none}.wordmark span{color:var(--rose);font:12px sans-serif;margin:0 3px}.top-right{display:flex;align-items:center;gap:28px}.chapter-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.sound-toggle{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);font:500 11px "DM Sans";cursor:pointer}.sound-icon{color:var(--rose);font-size:17px}.sound-bars{height:15px;display:flex;align-items:center;gap:2px}.sound-bars i{display:block;width:2px;height:5px;background:var(--rose);border-radius:5px}.is-playing .sound-bars i{animation:bars .7s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:.2s}.sound-bars i:nth-child(3){animation-delay:.4s}.sound-bars i:nth-child(4){animation-delay:.1s}@keyframes bars{to{height:14px}}main{min-height:calc(100vh - 76px)}.page{min-height:calc(100vh - 76px);padding:54px 6vw 70px;animation:arrive .8s cubic-bezier(.2,.7,.2,1) both}.page-inner{width:min(1080px,100%);margin:0 auto}.center-page{display:flex;align-items:center}.center-page .page-inner{text-align:center}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);font-weight:700;margin:0 0 19px}.serif{font:500 clamp(37px,6vw,76px)/1.1 var(--serif);letter-spacing:-.035em;margin:0;color:var(--ink)}.subhead{font:italic 500 clamp(24px,3.1vw,39px)/1.25 var(--serif);margin:18px 0;color:var(--rose)}.lead{font-size:14px;line-height:1.9;color:var(--muted);max-width:470px;margin:22px auto}.rule{height:1px;width:47px;background:var(--rose);margin:26px auto}.message-card{width:min(630px,100%);padding:38px 42px;margin:35px auto 24px;text-align:left;background:#fffaf4;border:1px solid rgba(134,93,77,.19);box-shadow:0 15px 50px rgba(66,41,32,.06);position:relative}.message-card:before{content:"INSTAGRAM · 2019";position:absolute;top:15px;left:20px;font-size:8px;letter-spacing:.17em;color:#a99c91}.message-copy{font:500 16px/1.9 var(--serif);white-space:pre-line;margin:12px 0 0}.message-from{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);margin-top:18px}.reply-label{font:italic 500 16px var(--serif);color:var(--muted);margin:24px 0 12px}.reply-input{width:min(630px,100%);min-height:105px;border:1px solid var(--line);background:rgba(255,250,244,.7);padding:17px 19px;font:14px/1.75 "DM Sans";color:var(--ink);resize:vertical;outline:none}.reply-input:focus{border-color:#b87a7e}.hint{font-size:11px;color:var(--muted);margin:9px auto 18px}.primary-btn,.text-btn{border:0;cursor:pointer;font:600 11px "DM Sans";letter-spacing:.1em;text-transform:uppercase;transition:transform .2s,background .2s}.primary-btn{color:#fffaf4;background:var(--rose);padding:15px 23px}.primary-btn:hover{background:#884249;transform:translateY(-2px)}.primary-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.text-btn{color:var(--rose);background:transparent;padding:12px 0}.intro-copy{font:500 clamp(24px,3.3vw,40px)/1.55 var(--serif);white-space:pre-line;margin:0 auto 30px;max-width:710px}.intro-copy .accent{color:var(--rose);font-style:italic}.progress{display:flex;align-items:center;gap:13px;margin-bottom:34px;color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.progress-line{height:1px;background:var(--line);flex:1;max-width:180px}.progress-fill{height:1px;background:var(--rose);transition:width .5s}.puzzle-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(360px,1.22fr);gap:7vw;align-items:center}.puzzle-copy .serif{font-size:clamp(37px,5vw,62px)}.puzzle-copy .lead{margin:19px 0 23px}.answer-word{font:italic 500 24px var(--serif);color:var(--rose);margin:14px 0 27px}.gallery-wrap{min-width:0}.gallery-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-height:500px;overflow:auto;padding:2px 5px 5px 2px;scrollbar-color:#c8afa3 transparent;scrollbar-width:thin}.photo{aspect-ratio:1;border:0;padding:0;cursor:pointer;position:relative;background:#e9dfd6;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s,filter .25s}.photo:hover img{transform:scale(1.06)}.photo.selected{outline:3px solid var(--rose);outline-offset:-3px}.photo.selected:after{content:"✓";position:absolute;right:7px;top:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--rose);color:white;font-size:13px}.photo-name{display:none}.gallery-empty{grid-column:1/-1;padding:35px 15px;border:1px dashed var(--line);font-size:12px;color:var(--muted);line-height:1.7;text-align:center}.gallery-empty code{color:var(--rose)}.choice-note{min-height:18px;font-size:11px;color:var(--muted);margin:12px 0}.gallery-action{display:flex;align-items:center;gap:20px}.finale-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.mosaic-frame{background:#fffaf4;padding:12px;box-shadow:0 15px 50px rgba(66,41,32,.08)}.mosaic-frame img{width:100%;display:block}.mosaic-placeholder{aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:28px;background:#e8ddd4;color:var(--muted);font-size:12px;line-height:1.8}.lightbox{display:none;position:fixed;inset:0;z-index:10;background:rgba(20,16,15,.93);align-items:center;justify-content:center;flex-direction:column;padding:50px 20px}.lightbox.open{display:flex}.lightbox img{max-height:80vh;max-width:min(90vw,1100px);object-fit:contain}.lightbox p{color:#fff;font-size:12px;letter-spacing:.05em}.lightbox-close{position:absolute;right:30px;top:18px;border:0;background:none;color:#fff;font-size:39px;font-weight:200;cursor:pointer}.footer-note{text-align:center;color:#a1978f;font:italic 14px var(--serif);margin-top:36px}@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){.topbar{height:64px;padding:0 5vw}.top-right{gap:13px}.chapter-label{display:none}main{min-height:calc(100vh - 64px)}.page{min-height:calc(100vh - 64px);padding:38px 6vw 56px}.puzzle-layout,.finale-grid{grid-template-columns:1fr;gap:30px}.puzzle-copy .serif{font-size:48px}.puzzle-copy .lead{max-width:unset}.gallery{grid-template-columns:repeat(4,1fr);max-height:55vh}.gallery-action{justify-content:space-between}.message-card{padding:36px 24px}.message-copy{font-size:15px}.finale-grid{gap:24px}.finale-grid .serif{font-size:48px}.gallery-top{font-size:9px}}
.short-answer{min-height:0;height:54px;max-width:440px;display:block;margin:12px 0 5px}.answer-feedback{animation:answer-shake .42s ease both}.answer-correct{animation:answer-glow .65s ease both}.answer-incorrect{animation:answer-shake .42s ease both}.answer-incorrect input,.answer-incorrect .photo.selected{outline:2px solid #b34e56!important;outline-offset:2px}.answer-correct .primary-btn{animation:answer-pulse .65s ease both}@keyframes answer-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}@keyframes answer-glow{50%{filter:drop-shadow(0 0 15px rgba(166,83,92,.35))}}@keyframes answer-pulse{50%{box-shadow:0 0 0 8px rgba(166,83,92,.18);transform:scale(1.025)}}.interlude{position:fixed;inset:0;z-index:8;background:#211c1a;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;overflow:hidden}.interlude.active{opacity:1;visibility:visible}.interlude-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 4s ease}.interlude-photo.visible{opacity:.77;transform:scale(1)}.interlude-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,13,12,.74),rgba(17,13,12,.05) 65%,rgba(17,13,12,.2))}.interlude-caption{position:absolute;left:8vw;bottom:9vh;color:#fff;max-width:520px}.interlude-caption .eyebrow{color:#f2c9c5}.interlude-caption p{font:italic 500 clamp(32px,5vw,58px)/1.1 var(--serif);margin:0 0 24px}.interlude-progress{height:1px;background:rgba(255,255,255,.3);width:min(380px,75vw);overflow:hidden}.interlude-progress i{height:100%;display:block;width:0;background:#f2c9c5}.interlude.active .interlude-progress i{animation:interlude-progress var(--interlude-duration,16s) linear both}@keyframes interlude-progress{to{width:100%}}.feedback-hint{min-height:18px}
.instagram-page{display:grid;place-items:center;background:#000;color:#f5f5f5;padding:0;min-height:calc(100vh - 76px)}.ig-gate{width:min(100%,500px);height:min(100%,760px);min-height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;transition:opacity .4s ease,transform .4s ease}.ig-gate.opening{opacity:0;transform:scale(1.04)}.ig-gate-logo{font:700 39px/1 "Playfair Display",Georgia,serif;font-style:italic;letter-spacing:-.08em}.ig-gate-avatar,.ig-avatar{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f9bd4d,#de3075 48%,#7758c8);color:white;font-weight:700}.ig-gate-avatar{height:74px;width:74px;margin:44px 0 18px;font-size:26px;border:2px solid white}.ig-gate p{margin:0 0 24px;font-size:15px}.ig-open{border:0;border-radius:8px;background:#0095f6;color:#fff;font:700 15px "DM Sans";padding:9px 29px;cursor:pointer}.ig-message-shell{width:min(100%,500px);height:min(100%,760px);min-height:calc(100vh - 76px);background:#000;display:flex;flex-direction:column}.ig-message-shell[hidden]{display:none}.ig-header{height:65px;border-bottom:1px solid #262626;display:flex;align-items:center;gap:11px;padding:0 14px}.ig-header button{border:0;background:transparent;color:#fff;font-size:29px;cursor:pointer}.ig-header .ig-info{margin-left:auto;font-size:20px}.ig-back{line-height:1}.ig-avatar{height:34px;width:34px;font-size:13px;flex:none}.ig-header strong{display:block;font:600 14px "DM Sans"}.ig-header span{display:block;font:12px "DM Sans";color:#a8a8a8;margin-top:2px}.ig-conversation{flex:1;overflow:auto;padding:20px 14px}.ig-date{text-align:center;color:#a8a8a8;font-size:11px;margin:0 0 22px}.ig-bubble{max-width:80%;font:14px/1.42 "DM Sans";padding:11px 14px;border-radius:20px}.ig-bubble.received{background:#262626;border-bottom-left-radius:4px}.ig-reply{border-top:1px solid #262626;padding:10px 13px;display:flex;gap:10px;align-items:end}.ig-reply textarea{resize:none;min-height:42px;max-height:140px;flex:1;border:1px solid #444;border-radius:21px;background:#000;color:white;padding:11px 15px;font:14px/1.35 "DM Sans";outline:0}.ig-reply button{border:0;background:transparent;color:#0095f6;font-size:20px;padding:7px;cursor:pointer}.ig-reply button:disabled{color:#565656;cursor:not-allowed}.ig-hint{padding:0 15px 14px;margin:0;color:#a8a8a8;text-align:left}.instagram-page .answer-correct{filter:drop-shadow(0 0 15px rgba(0,149,246,.35))}
.ig-bubble.sent{margin:8px 0 0 auto;background:#0095f6;border-bottom-right-radius:4px}.ig-reply textarea[aria-invalid="true"]{border-color:#ed4956;box-shadow:0 0 0 1px #ed4956}.ig-conversation.answer-incorrect{animation:answer-shake .42s ease both}