.scrapbook{--journey-paper:#f9f3e5;padding:30px var(--gutter) 24px;color:var(--ink);scroll-margin-top:var(--header);background:#f3f0e8;position:relative}.scrapbook button{color:inherit;cursor:pointer}.scrapbook button:focus-visible,.scrapbook a:focus-visible{outline-offset:5px;outline:2px solid}.scrapbook-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.scrapbook-heading .eyebrow{margin:0 0 12px}.scrapbook-heading h2{letter-spacing:-.035em;font-family:inherit;font-size:clamp(26px,2.7vw,42px);font-weight:600;line-height:1.1}.scrapbook-heading h2 em{font-family:var(--font-serif);margin-left:.08em;font-weight:400}.scrapbook-summary{margin-top:8px;font-size:12px}.scrapbook-selection{border-top:1px solid #17191425;align-items:center;gap:18px;margin-top:18px;padding-top:14px;font-size:10px;display:flex}.scrapbook-selection>span:first-child{letter-spacing:.05em;font-size:9px}.scrapbook-selection strong{font-weight:650}.scrapbook-calendar-toggle{background:0 0;border:0;border-bottom:1px solid #17191465;flex-shrink:0;align-items:center;gap:16px;padding:12px 0;font-size:12px;display:flex}.scrapbook-calendar-toggle .icon{width:16px;height:16px}.scrapbook-chapters{border-top:1px solid #17191433;gap:0;margin:14px 0 0;display:flex}.chapter-label{flex-direction:column;gap:4px;display:flex}.chapter-label strong{font-weight:550}.chapter-label small{font-size:10px;font-weight:400}.scrapbook-chapters button{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.chapter-dot{border:1px solid #17191444;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;transition:background .2s;display:grid}.scrapbook-chapters [aria-pressed=true] .chapter-dot{background:var(--ink);color:var(--lime);border-color:var(--ink)}.scrapbook-chapters [aria-pressed=true]{font-weight:700}.scrapbook-scene{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(25px,5vw,90px);min-width:0;display:grid}.scrapbook-art{isolation:isolate;width:100%;height:100%;min-height:340px;position:relative}.scrapbook-word{font-family:var(--font-display);letter-spacing:-.06em;color:#8b8977;opacity:.28;white-space:nowrap;font-size:clamp(80px,10vw,165px);line-height:1;position:absolute;top:0;left:3%}.scrapbook-photo{background:var(--journey-paper);width:79%;height:77%;padding:9px 9px 30px;position:absolute;top:12%;left:2%;transform:rotate(-5deg);box-shadow:1px 9px 16px #342b2514}.scrapbook-photo:before{content:"";z-index:2;background:#dce6bacc;width:88px;height:26px;position:absolute;top:-12px;left:38%;transform:rotate(5deg)}.scrapbook-photo img{object-fit:cover;width:100%;height:100%}.scrapbook-photo figcaption{font-size:9px;line-height:1.1;position:absolute;bottom:8px;left:12px;right:10px}.scene-meet .scrapbook-photo,.scene-shape .scrapbook-photo,.scene-carry .scrapbook-photo{box-shadow:none;background:0 0;padding:0 0 28px;transform:rotate(-3deg)}.scene-meet .scrapbook-photo:before,.scene-shape .scrapbook-photo:before,.scene-carry .scrapbook-photo:before{display:none}.scene-meet .scrapbook-photo img,.scene-shape .scrapbook-photo img,.scene-carry .scrapbook-photo img{object-fit:contain;object-position:bottom}.scene-meet .scrapbook-photo{width:83%;height:93%;top:2%;left:-2%}.scene-shape .scrapbook-photo{width:75%;height:93%;top:3%;left:-3%}.scene-carry .scrapbook-photo{width:100%;height:72%;top:28%;left:-2%}.scene-carry .scrapbook-word{font-size:clamp(90px,12vw,190px)}.scrapbook-annotation{font:24px/1.1 var(--font-handwriting);z-index:3;position:absolute;top:6%;right:3%;transform:rotate(5deg)}.scrapbook-notebook{z-index:4;background:var(--journey-paper);border-top:5px solid #b7bcaa;width:43%;max-width:300px;padding:19px 18px 15px;position:absolute;bottom:4%;right:-1%;transform:rotate(6deg);box-shadow:1px 5px 10px #342b251a}.notebook-label{letter-spacing:.07em;border-bottom:1px solid #17191425;justify-content:space-between;padding-bottom:11px;font-size:8px;display:flex}.scrapbook-notebook p{font:24px/1.1 var(--font-handwriting);margin:12px 0}.scrapbook-notebook ul{margin:0;padding:0;list-style:none}.scrapbook-notebook li{border-bottom:1px solid #17191417;gap:8px;padding:9px 0;font-size:11px;display:flex}.scrapbook-notebook li>span{color:#466c37}.notebook-footer{margin-top:15px;font-size:8px;display:block}.scrapbook-stamp{z-index:5;background:var(--lime);letter-spacing:.02em;padding:10px 14px;font-size:10px;font-weight:750;position:absolute;bottom:15%;left:1%;transform:rotate(-8deg)}.scene-reconnect .scrapbook-notebook{transform:rotate(4deg)}.scene-shape .scrapbook-notebook{width:46%;bottom:10%;transform:rotate(-5deg)}.scene-carry .scrapbook-notebook{z-index:0;width:37%;top:12%;bottom:auto;transform:rotate(7deg)}.scene-carry .scrapbook-photo{z-index:2}.scene-carry .scrapbook-annotation{top:4%}.scrapbook-copy{padding-bottom:10px}.scrapbook-date{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;font-size:12px;font-weight:650;display:flex}.scrapbook-date strong{border:1px solid #17191455;padding:7px 10px;font-weight:600}.scrapbook-sprint{margin-top:14px;font-size:11px;line-height:1.4}.scrapbook-sprint strong,.scrapbook-sprint span{display:block}.scrapbook-sprint span{margin-top:3px}.scrapbook-copy h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(35px,min(4.3vw,7svh),72px);font-weight:400;line-height:1.03}.scrapbook-copy h3 em{color:#466048;font-style:normal}.scrapbook-description{max-width:41ch;margin-top:24px;font-size:clamp(14px,1.1vw,17px);line-height:1.6}.scrapbook-takeaway{font:27px/1.1 var(--font-handwriting);margin-top:20px}.scrapbook-turn{border-top:1px solid #17191435;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:14px;display:flex}.scrapbook-turn>span{letter-spacing:.07em;font-size:9px}.scrapbook-turn button,.scrapbook-turn a{background:0 0;border:0;align-items:center;gap:15px;padding:8px 0;font-size:12px;display:flex}.scrapbook-turn .icon{width:18px;height:18px}.scrapbook-footer{letter-spacing:.06em;border-top:1px solid #17191433;justify-content:space-between;margin-top:12px;padding-top:14px;font-size:8px;display:flex}.scrapbook-footer>span:last-child{align-items:center;gap:12px;display:flex}.scrapbook-footer .icon{width:13px;height:13px}.scrapbook[data-calendar=true] .scrapbook-scenes{display:none}@media (min-width:1000px) and (min-height:650px){.scrapbook{height:var(--screen-h);flex-direction:column;min-height:0;padding-block:clamp(20px,3.5svh,36px) 20px;display:flex}.scrapbook-scenes{flex:1;min-height:0;position:relative}.scrapbook-scene{--ease:cubic-bezier(.22,1,.36,1);visibility:hidden;opacity:0;pointer-events:none;transition:none;position:absolute;inset:0}.scrapbook-scene.is-active{visibility:visible;opacity:1;pointer-events:auto;transition:none}.scrapbook-scene :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook,.scrapbook-copy>*){opacity:0;transition:opacity .3s,translate .35s;translate:0 14px}.scrapbook-scene .scrapbook-photo{transition:opacity .3s,translate .35s,scale .35s;translate:0 28px;scale:.97}.scrapbook-scene .scrapbook-notebook{translate:16px 18px}.scrapbook-scene.is-active :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook,.scrapbook-copy>*){opacity:1;transition:opacity .22s ease var(--d,0s), translate .36s var(--ease) var(--d,0s), scale .36s var(--ease) var(--d,0s);translate:0;scale:1}.scrapbook-scene.is-active .scrapbook-word{--d:0s}.scrapbook-scene.is-active .scrapbook-photo{--d:30ms}.scrapbook-scene.is-active .scrapbook-notebook{--d:60ms}.scrapbook-art{min-height:0}.scrapbook[data-calendar=true] .scrapbook-scenes{visibility:hidden}.scrapbook-copy{padding-block:6px}.scrapbook-date{margin-bottom:clamp(12px,2svh,22px)}.scrapbook-description{margin-top:clamp(12px,2.5svh,24px)}.scrapbook-turn{margin-top:clamp(14px,3svh,28px)}.scene-reconnect .scrapbook-copy h3{font-size:clamp(32px,min(3.8vw,6svh),62px)}.scene-reconnect .scrapbook-takeaway{margin-top:12px}}@media (min-width:1000px) and (min-height:650px) and (max-height:800px){.scrapbook{padding-top:20px}.scrapbook-heading h2{font-size:30px}.scrapbook-heading .eyebrow{margin-bottom:8px}.scrapbook-summary{margin-top:5px;font-size:11px}.scrapbook-selection{margin-top:12px;padding-top:10px}.scrapbook-chapters{margin-top:10px}.scrapbook-chapters button{padding-block:10px}.scrapbook-copy h3{font-size:clamp(34px,5.7svh,45px)}.scene-reconnect .scrapbook-copy h3{font-size:clamp(32px,5.5svh,43px)}.scrapbook-description{margin-top:13px;font-size:14px;line-height:1.45}.scrapbook-date{margin-bottom:12px;font-size:11px}.scrapbook-takeaway{margin-top:12px;font-size:23px}.scrapbook-turn{margin-top:14px;padding-top:8px}.scrapbook-sprint{margin-top:10px}.scrapbook-notebook{padding:14px 13px 12px;bottom:8%}.scrapbook-notebook p{margin-block:9px;font-size:21px}.scrapbook-notebook li{padding-block:7px}}@media (max-width:999px),(max-height:649px){.scrapbook{padding-bottom:30px}.scrapbook-heading{align-items:start}.scrapbook-heading h2{max-width:330px}.scrapbook-scenes{gap:45px;display:grid}.scrapbook[data-calendar=true] .scrapbook-scenes{display:none}.scrapbook-scene{min-height:var(--screen-h);scroll-margin-top:var(--header);border-top:1px solid #17191426;padding-block:25px}.scrapbook-art{height:390px}.scrapbook-chapters{margin-bottom:10px}.scrapbook-turn button,.scrapbook-footer>span:last-child{display:none}}@media (max-width:600px){.scrapbook{padding-top:24px}.scrapbook-heading{display:block}.scrapbook-heading h2{max-width:270px;font-size:30px}.scrapbook-calendar-toggle{margin-top:14px;padding:8px 0;font-size:11px}.scrapbook-selection{flex-wrap:wrap;gap:6px 14px;line-height:1.5}.scrapbook-selection>span:last-child{flex-basis:100%}.scrapbook-chapters{gap:0;margin-top:18px;padding-bottom:6px;overflow-x:auto}.scrapbook-chapters button{flex-direction:row;flex:0 0 130px;align-items:start;gap:8px;padding-block:12px;font-size:10px}.chapter-label{padding-top:3px}.chapter-dot{flex-shrink:0;width:23px;height:23px}.chapter-label small{font-size:9px}.scrapbook-scene{min-height:var(--screen-h);grid-template-columns:1fr;align-content:center;gap:20px;padding-block:28px}.scrapbook-art{height:clamp(265px,40svh,345px);min-height:0}.scrapbook-word{font-size:80px}.scene-carry .scrapbook-word{font-size:97px}.scrapbook-annotation{font-size:19px;right:0}.scrapbook-notebook{width:46%;padding:12px 10px;bottom:1%;right:0}.notebook-label{padding-bottom:7px;font-size:6px}.scrapbook-notebook p{margin-block:9px;font-size:19px}.scrapbook-notebook li{gap:5px;padding:6px 0;font-size:9px}.notebook-footer{margin-top:10px;font-size:7px}.scrapbook-stamp{padding:8px 10px;font-size:8px}.scrapbook-photo figcaption{font-size:7px}.scrapbook-date{margin-bottom:12px;font-size:10px}.scrapbook-date span{display:inline}.scrapbook-copy h3{font-size:clamp(35px,10vw,43px)}.scrapbook-description{margin-top:15px;font-size:13px;line-height:1.55}.scrapbook-takeaway{margin-top:14px;font-size:23px}.scrapbook-turn{margin-top:18px;padding-top:12px}}@media (prefers-reduced-motion:reduce){.scrapbook *,.scrapbook :before{transition:none!important;animation:none!important}}.scrapbook-chapters{margin-top:22px}.scrapbook-chapters button{gap:8px}.chapter-label strong{font-size:11px}.scrapbook-chapters [aria-pressed=true] .chapter-label strong{text-underline-offset:5px;text-decoration:underline}.scrapbook-date{margin-bottom:15px;font-size:clamp(15px,1.3vw,19px)}.scrapbook-date span{font-weight:600}.scrapbook-copy h3,.scene-reconnect .scrapbook-copy h3{max-width:8ch;font-size:clamp(48px,min(5.6vw,9svh),90px)}.scrapbook-description{max-width:35ch;font-size:clamp(15px,1.2vw,18px)}.scrapbook-word,.scene-carry .scrapbook-word{color:#8b8977;opacity:.16;font-size:clamp(110px,15vw,220px)}.scrapbook-notebook,.scene-shape .scrapbook-notebook,.scene-carry .scrapbook-notebook{z-index:4;background:#dcf5b3;border-top:0;width:auto;max-width:75%;padding:18px 23px;top:auto;bottom:7%}.scrapbook-notebook p{white-space:nowrap;margin:0;font-size:clamp(25px,2.8vw,38px)}.scene-carry .scrapbook-photo{height:90%;top:8%}@media (max-width:999px),(max-height:649px){.scrapbook-copy{order:-1}.scrapbook-copy h3,.scene-reconnect .scrapbook-copy h3{max-width:none;font-size:clamp(42px,7vw,70px)}.scrapbook-scene{align-content:center}.scrapbook-turn{display:none}}@media (max-width:600px){.scrapbook-scene{gap:20px}.scrapbook-copy h3,.scene-reconnect .scrapbook-copy h3{font-size:46px}.scrapbook-description{margin-top:13px;font-size:14px}.scrapbook-date{margin-bottom:10px;font-size:15px}.scrapbook-art{height:clamp(230px,35svh,300px)}.scrapbook-notebook,.scene-shape .scrapbook-notebook,.scene-carry .scrapbook-notebook{padding:12px 16px}.scrapbook-notebook p{font-size:26px}.scrapbook-word,.scene-carry .scrapbook-word{font-size:110px}.scrapbook-chapters button{flex-basis:148px}}.scrapbook-footer>span.scrapbook-swipe{display:none}.scrapbook-footer>span:nth-child(2){align-items:center;gap:12px;display:flex}@media (max-width:999px),(max-height:649px){.scrapbook{min-height:var(--screen-h);flex-direction:column;padding-block:clamp(14px,2.5svh,24px) clamp(12px,2svh,20px);display:flex}.scrapbook-chapters{margin:clamp(8px,1.6svh,18px) 0 0}.scrapbook-chapters button{padding-block:clamp(8px,1.3svh,12px)}.scrapbook-scenes,.scrapbook[data-calendar=false] .scrapbook-scenes{min-height:0;margin-inline:calc(var(--gutter) * -1);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;gap:0;display:flex;overflow-x:auto}.scrapbook-scenes::-webkit-scrollbar{display:none}.scrapbook-scene{min-height:0;padding:clamp(8px, 1.5svh, 16px) var(--gutter) 0;scroll-snap-align:start;scroll-snap-stop:always;border-top:0;flex-direction:column;flex:0 0 100%;justify-content:center;gap:clamp(10px,2svh,20px);display:flex}.scrapbook-art{flex:auto;height:auto;min-height:150px;max-height:340px}.scrapbook-copy{padding-bottom:0}.scrapbook-copy h3,.scene-reconnect .scrapbook-copy h3{font-size:clamp(34px,min(11vw,5.8svh),56px)}.scrapbook-description{margin-top:clamp(6px,1.2svh,13px);font-size:clamp(13px,1.8svh,15px)}.scrapbook-date{margin-bottom:clamp(4px,1svh,10px);font-size:clamp(13px,1.9svh,16px)}.scrapbook-sprint{margin-top:8px}.scrapbook-word,.scene-carry .scrapbook-word{font-size:clamp(80px,14svh,120px)}.scrapbook-notebook p{font-size:clamp(20px,3svh,26px)}.scrapbook-footer{margin-top:clamp(8px,1.5svh,12px);padding-top:10px}.scrapbook-footer>span:nth-child(2){display:none}.scrapbook-footer>span.scrapbook-swipe{align-items:center;gap:10px;display:flex}.scrapbook-scene{--ease:cubic-bezier(.22,1,.36,1)}.scrapbook-scene :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook,.scrapbook-copy>*){opacity:0;transition:opacity .25s,translate .3s;translate:24px}.scrapbook-scene .scrapbook-photo{transition:opacity .25s,translate .3s,scale .3s;translate:40px 10px;scale:.96}.scrapbook-scene.is-active :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook,.scrapbook-copy>*){opacity:1;transition:opacity .22s ease var(--d,0s), translate .36s var(--ease) var(--d,0s), scale .36s var(--ease) var(--d,0s);translate:0;scale:1}.scrapbook-scene.is-active .scrapbook-word{--d:0s}.scrapbook-scene.is-active .scrapbook-photo{--d:30ms}.scrapbook-scene.is-active .scrapbook-notebook{--d:60ms}.scrapbook.is-waiting .scrapbook-scene.is-active :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook){opacity:0;transition:none;translate:24px}}.scrapbook-scene.is-active .scrapbook-copy>*{opacity:1;transition:none;translate:none;scale:none}@media ((max-width:999px) or (max-height:649px)) and (min-height:551px){.scrapbook{height:var(--screen-h)}}@media (prefers-reduced-motion:reduce){.scrapbook-scene :is(.scrapbook-word,.scrapbook-photo,.scrapbook-notebook,.scrapbook-copy>*){opacity:1!important;translate:none!important;scale:none!important}}@media (max-width:999px),(max-height:649px){.scrapbook-chapters button{position:relative}.scrapbook[data-autoplay=true] .scrapbook-chapters [aria-pressed=true]:after{content:"";background:var(--ink);transform-origin:0;height:2px;animation:chapter-timer var(--autoplay-ms) linear both;position:absolute;bottom:0;left:0;right:14px}}@keyframes chapter-timer{0%{transform:scaleX(0)}}.scrapbook-calendar{isolation:isolate;z-index:10;flex:1;width:min(850px,94%);min-height:0;margin:28px auto 12px;padding:34px 12% 36px 9%;position:relative}.scrapbook-calendar:not([hidden]){flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.scrapbook[data-calendar-transition=closing] .scrapbook-calendar{pointer-events:none;animation:.16s cubic-bezier(.23,1,.32,1) both calendar-dismiss}.scrapbook[data-calendar-transition=returning]>:is(.scrapbook-chapters,.scrapbook-scenes,.scrapbook-footer){animation:.18s ease-out both calendar-story-return}}@keyframes calendar-dismiss{to{opacity:0;transform:translateY(-8px)}}@keyframes calendar-story-return{0%{opacity:0}}.scrapbook-calendar:focus-visible{outline:2px dashed var(--ink);outline-offset:6px}.calendar-frame{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.calendar-rings{pointer-events:none;justify-content:space-between;height:38px;display:flex;position:absolute;top:calc(5% - 13px);left:7%;right:13%;transform:translateY(-35%)}.calendar-rings svg{flex:none;width:22px;height:38px}.scrapbook-calendar-head{border-bottom:2px solid var(--ink);border-radius:0;flex:none;justify-content:space-between;align-items:flex-start;min-height:86px;margin-bottom:16px;padding:4px 0 14px;display:flex;position:relative}.scrapbook-calendar-head>div>span{font-family:var(--font-handwriting);font-size:23px;line-height:1.2;position:relative;top:8px}.scrapbook-calendar-peek{pointer-events:none;align-items:flex-end;gap:8px;height:68px;display:flex;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.scrapbook-calendar-peek img{width:75px;height:auto;margin-bottom:-25px;rotate:-8deg}.scrapbook-calendar-peek img:last-child{width:66px;margin-bottom:-12px;rotate:7deg}.scrapbook-calendar-rows{overscroll-behavior:auto;scrollbar-width:thin;flex:1;min-height:0;padding:0 6px 8px;position:relative;overflow:auto}.scrapbook-calendar-rows:focus-visible{outline:2px dashed var(--ink);outline-offset:-2px}.scrapbook-calendar-rows>div{grid-template-columns:minmax(135px,.8fr) minmax(0,1.2fr);align-items:baseline;gap:24px;padding:clamp(3px,.55svh,7px) 0;display:grid}.scrapbook-calendar time,.scrapbook-calendar-rows h3{font-family:var(--font-handwriting);letter-spacing:-.035em;font-size:clamp(19px,2.5svh,25px);font-weight:400;line-height:1.25}.scrapbook-calendar time{white-space:nowrap}.scrapbook[data-calendar=true]>.section-sticker{visibility:hidden}@media (max-width:600px){.scrapbook-calendar{width:100%;margin:28px auto 8px;padding:30px 14% 28px 11%}.calendar-rings{height:29px;top:calc(5% - 9px);left:9%}.calendar-rings svg{width:17px;height:29px}.calendar-rings svg:nth-child(2n){display:none}.scrapbook-calendar-head{min-height:80px;margin-bottom:12px}.scrapbook-calendar-head>div>span{font-size:18px}.scrapbook-calendar-peek{height:50px}.scrapbook-calendar-peek img{width:55px;margin-bottom:-18px}.scrapbook-calendar-peek img:last-child{width:48px;margin-bottom:-9px}.scrapbook-calendar-rows{padding-inline:0}.scrapbook-calendar-rows>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding-block:5px}.scrapbook-calendar time,.scrapbook-calendar-rows h3{font-size:clamp(15px,4.3vw,20px)}}
.music-dock{z-index:90;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:var(--paper);background:var(--ink);border:1px solid #faf2de55;border-radius:24px 24px 4px;align-items:center;display:flex;position:fixed;box-shadow:0 3px 12px #17191420}.music-toggle{border-radius:inherit;min-height:44px;color:inherit;font:600 12px var(--font-sans);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.music-dock[data-dragging=true] .music-toggle{cursor:grabbing}.music-warning{border-radius:inherit;background:var(--ink);width:max-content;color:var(--paper);font:400 10px/1.4 var(--font-sans);white-space:nowrap;text-align:center;border:1px solid #faf2de55;justify-content:center;align-items:center;gap:4px;padding:3px 4px 3px 12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.music-warning-close{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.music-warning-close:hover{color:var(--lime)}.music-warning-close:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.screen.why{isolation:isolate;position:relative}.screen.why:before,.screen.why:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s ease-out;position:absolute;inset:0}.screen.why:before{background:var(--lime)}.screen.why:after{background:var(--pink)}.music-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.music-toggle .icon{filter:invert(94%);width:14px;height:14px}.music-toggle:hover{color:var(--lime)}.music-meter{height:18px;color:var(--lime);align-items:center;gap:3px;display:flex}.music-meter i{background:currentColor;border-radius:2px;width:3px;height:5px}.music-meter i:nth-child(2){height:12px}.music-meter i:nth-child(3){height:8px}.music-volume{align-items:center;min-height:44px;padding:0 14px 0 2px;display:flex}.music-volume input{width:58px;height:28px;accent-color:var(--lime);cursor:pointer}.music-volume input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.footer-panel .social-bottom{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.footer-equalizer{aspect-ratio:10;pointer-events:none;width:100%;height:auto;margin:0 auto 12px;display:block}.activity-meter-label{display:none}@media (min-width:761px) and (prefers-reduced-motion:no-preference){.site-root[data-music-playing=true] .activity-list .activity-links:not(:hover):not(:has(:focus-visible)) .activity-row .activity-link{color:var(--paper)}.site-root[data-music-playing=true] .activity-list .activity-links:not(:hover):not(:has(:focus-visible)) .activity-row .activity-link:before{transform:scaleX(var(--activity-level,0));background:var(--pink);opacity:1;transition:none}.site-root[data-music-playing=true] .activity-list .activity-links:not(:hover):not(:has(:focus-visible)) .activity-meter-label{align-items:center;gap:inherit;padding:inherit;color:var(--ink);clip-path:inset(0 calc((1 - var(--activity-level,0)) * 100%) 0 0);pointer-events:none;display:flex;position:absolute;inset:0}.activity-meter-label>.icon{filter:none;opacity:.5;width:20px;height:20px;margin-left:auto}.site-root[data-music-playing=true] .activity-list .activity-links:not(:hover):not(:has(:focus-visible)) .activity-row .activity-link>.icon{filter:invert(94%)}.site-root[data-music-playing=true] .activity-list .activity-links:not(:hover):not(:has(:focus-visible)) .activity-row.is-active .activity-link{box-shadow:inset 3px 0 var(--lime)}}@media (prefers-reduced-motion:no-preference){.site-root[data-music-playing=true] .screen.why:before{opacity:max(0, calc(.5 - var(--music-wash,0)));transition:none}.site-root[data-music-playing=true] .screen.why:after{opacity:min(.65, calc(var(--music-wash,0) * 1.3));transition:none}.team-faces .team-card-slot{--card-beat:var(--team-beat-0,0);--card-wiggle:var(--team-wiggle-0,0)}.team-faces .team-card-slot:nth-child(3n+2){--card-beat:var(--team-beat-1,0);--card-wiggle:var(--team-wiggle-1,0)}.team-faces .team-card-slot:nth-child(3n){--card-beat:var(--team-beat-2,0);--card-wiggle:var(--team-wiggle-2,0)}.site-root[data-music-playing=true] .team-section:not([data-turning]) .team-faces>.team-face:not([inert]) .team-card-slot:not(.is-active) .team-card:not(:hover):not(:focus-visible){translate:calc(var(--card-wiggle) * 4px) calc(var(--card-beat) * -9px);rotate:calc(var(--card-wiggle) * 2deg);scale:calc(1 + var(--card-beat) * .018)}.site-root[data-music-phase=intro]{--sticker-beat-scale:.018}.site-root[data-music-phase=live]{--sticker-beat-scale:.13}.site-root[data-music-phase=intro] .hero-buddy:not([data-reacting=true]) .hero-buddy-art{animation-duration:14s}.site-root[data-music-playing=true] :is(.hero-buddy:not([data-moving=false]):not([data-dragging=true]) .hero-buddy-art,.ambition-sticker img){scale:calc(1 + var(--music-pulse,0) * var(--sticker-beat-scale,.09))}.site-root[data-music-phase=intro] :is(.hero-buddy:not([data-music-introduced]):not([data-reacting=true]) .hero-buddy-art,.ambition-sticker:not([data-music-introduced]):not([data-reacting=true]) img){animation-play-state:paused;scale:1}.site-root[data-music-playing=true] :is(.film-stars svg,.hero-stars svg,.glyph-core){scale:calc(1 + var(--music-pulse,0) * .16)}.site-root[data-music-playing=true] :is(.hero-title-motion h1,.film-beat){scale:calc(1 + var(--music-pulse,0) * .018)}.site-root[data-music-playing=true] .hero-vector{scale:calc(1 + var(--music-pulse,0) * .008)}.site-root[data-music-playing=true] .ambition-number{scale:calc(1 + var(--music-pulse,0) * .055)}.site-root[data-music-playing=true] .closing-lettering>span{transform-origin:50%;scale:calc(1 + var(--music-pulse,0) * .055)!important;translate:0 calc(var(--music-pulse,0) * -6px)!important;rotate:calc(var(--music-pulse,0) * -.6deg)!important}.site-root[data-music-playing=true] .closing-lettering>span:nth-child(2){scale:calc(1 + var(--music-pulse,0) * .075)!important;translate:0 calc(var(--music-pulse,0) * 4px)!important;rotate:calc(var(--music-pulse,0) * .5deg)!important}.site-root[data-music-playing=true] :is(.film-photo:not(.film-photo-community) img,.scrapbook-photo img){scale:calc(1 + var(--music-pulse,0) * .025);transform-origin:bottom}.site-root[data-music-playing=true] .scrapbook-notebook p{scale:calc(1 + var(--music-pulse,0) * .035);rotate:calc(var(--music-pulse,0) * -1.5deg)}.site-root[data-music-playing=true] .scrapbook-calendar-peek img{scale:calc(1 + var(--music-pulse,0) * .12);transform-origin:bottom}.site-root[data-music-playing=true] .ribbon-star{scale:calc(1 + var(--music-pulse,0) * .22);rotate:calc(var(--music-pulse,0) * 12deg)}.site-root[data-music-playing=true] .action .icon{translate:calc(var(--music-pulse,0) * 2px) calc(var(--music-pulse,0) * -2px)}.music-dock[data-playing=true] .music-meter i{scale:1 calc(1 + var(--music-pulse,0) * 1.5)}}@media (max-width:600px){.music-dock{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.music-toggle{gap:8px;padding-inline:12px}.music-volume{padding-right:10px}.music-volume input{width:48px}}
