.ala-name{font:italic 300 calc(22 * var(--ut)) / 1 var(--font-display);letter-spacing:-.01em;align-items:center;gap:.42em;display:inline-flex}.hero-scene{opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s;position:absolute;inset:0}.hero-scene.on{opacity:1;visibility:visible;transition:opacity .28s,visibility}.stage{--stage-unit:max(var(--u), .8px);--card-unit:var(--ut)}.stage .mini{width:calc(400 * var(--stage-unit,1px));max-width:none;padding:calc(18 * var(--card-unit,1px)) calc(20 * var(--card-unit,1px)) calc(6 * var(--card-unit,1px));margin:0;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.stage .mini .line{font-size:calc(14 * var(--card-unit,1px));padding:calc(11 * var(--card-unit,1px)) 0}.stage .mini .check{width:calc(26 * var(--card-unit,1px));height:calc(26 * var(--card-unit,1px))}.stage .mini .kicker{color:var(--ink-3)}.hero-talk{width:calc(410 * var(--stage-unit,1px));gap:calc(14 * var(--card-unit,1px));flex-direction:column;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.hero-talk .bubble{font-size:calc(15 * var(--card-unit,1px));padding:calc(12 * var(--card-unit,1px)) calc(16 * var(--card-unit,1px));line-height:1.45}.hero-talk .bubble.me{max-width:86%}.hero-talk .bubble.al{max-width:none;color:var(--ink);box-shadow:0 30px 70px -30px #000000a6}.hero-from,.talk-from{align-items:center;gap:calc(12 * var(--ut));margin-bottom:calc(9 * var(--ut));display:flex}.hero-from{color:var(--royal-deep)}.untyped{visibility:hidden}.hero-marker{left:0;right:0;bottom:calc(4 * var(--u));z-index:3;justify-content:center;gap:calc(30 * var(--uh));display:flex;position:absolute}.hero-mark{appearance:none;color:inherit;font:500 14.5px / 1 var(--font-text);opacity:.56;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:10px 2px 12px;transition:opacity .2s;position:relative}.hero-mark .ala-name{font:inherit;letter-spacing:inherit}.hero-mark:after{content:"";background:var(--glow);transform-origin:0;height:2px;transition:scale .32s var(--ease-out);border-radius:2px;position:absolute;bottom:3px;left:2px;right:2px;scale:0 1}.hero-mark.on{opacity:1}.hero-mark.on:after{scale:1}@media (hover:hover){.hero-mark:hover{opacity:1}}.hero-mark:active{opacity:.75}@keyframes arrive-from-right{0%{opacity:0;translate:calc(44 * var(--u)) 0}}@keyframes arrive-rise{0%{opacity:0;translate:0 calc(20 * var(--u))}}@keyframes pill-drop{0%{opacity:0;translate:0 calc(-16 * var(--u))}}@keyframes tick-fill{0%{border-color:var(--paper-3);background-color:#0000}55%{scale:1.14}}@keyframes tick-pop{50%{scale:1.14}}.hero-scene.play .strip{animation:arrive-from-right .8s var(--ease-out) .3s both}.hero-scene.play .pill{animation:pill-drop .42s var(--ease-out) both;animation-delay:calc(1s + var(--sachet,0) * .3s + var(--pill,0) * 90ms)}.sachet:first-child{--sachet:0}.sachet:nth-child(2){--sachet:1}.sachet:nth-child(3){--sachet:2}.sachet:nth-child(4){--sachet:3}.sachet:nth-child(5){--sachet:4}.sachet:nth-child(6){--sachet:5}.pill:first-child{--pill:0}.pill:nth-child(2){--pill:1}.pill:nth-child(3){--pill:2}.pill:nth-child(4){--pill:3}.hero-scene.play .mini{animation:arrive-rise .7s var(--ease-out) .3s both}.hero-scene.play .check.ticking{animation:.38s 1.7s both tick-fill}.hero-scene.play .check.ticking:after{animation:.3s 1.86s both tick-draw}.hero-scene.play .hero-talk .bubble.me{animation:arrive-rise .5s var(--ease-out) .3s both}.hero-scene.play .hero-said{animation:arrive-rise .5s var(--ease-out) .8s both}.pack-side{min-width:0}.pack-side .sachet{transition:opacity .32s}.pack-side.shows-morning .sachet:nth-child(2n),.pack-side.shows-evening .sachet:nth-child(odd){opacity:.4}.pack-inside{padding-left:calc(20 * var(--ut));position:relative}.pack-switch{gap:calc(10 * var(--ut));display:flex}.pack-lists{margin-top:calc(24 * var(--ut));display:grid}.pack-list{gap:calc(18 * var(--ut)) calc(40 * var(--u));opacity:0;visibility:hidden;translate:0 calc(8 * var(--u));grid-area:1/1;grid-template-columns:1fr 1fr;align-content:start;margin:0;padding:0;list-style:none;transition:opacity .18s,translate .18s,visibility 0s linear .18s;display:grid}.pack-list.on{opacity:1;visibility:visible;transition:opacity .28s ease .12s, translate .28s var(--ease-out) .12s, visibility 0s linear .12s;translate:0}.pack-name{color:#f7f0ffbd;font-size:15px;line-height:1.35;display:block}.pack-name strong{color:var(--on-night);margin-right:calc(4 * var(--ut));font-weight:700}.pack-why{margin-top:calc(4 * var(--ut));color:#f7f0ff9e;font-size:14px;line-height:1.45;display:block}.example-note{margin-top:calc(20 * var(--ut));color:#f7f0ff80;font-size:13px;line-height:1.5}label.line{cursor:pointer;position:relative}.check-box{width:calc(26 * var(--ut));height:calc(26 * var(--ut));margin:calc(-13 * var(--ut)) 0 0;opacity:0;cursor:pointer;position:absolute;top:50%;left:0}.three .mini .check{transition:background-color .18s,border-color .18s}.three .mini .tag{transition:background-color .22s,color .22s}@media (hover:hover){label.line:hover .check{border-color:var(--royal)}}.check-box:focus-visible+.check{outline:2px solid var(--royal);outline-offset:2px}.mini.live .check.on{animation:.3s tick-pop}.mini.live .check.on:after{animation:.26s both tick-draw}.ala-talks{margin-top:calc(38 * var(--ut));max-width:calc(450 * var(--ut));display:grid}.ala-talks .talk{opacity:0;visibility:hidden;grid-area:1/1;align-self:start;max-width:none;margin-top:0;transition:opacity .16s,visibility 0s linear .16s}.ala-talks .talk.on{opacity:1;visibility:visible;transition:opacity .24s .12s,visibility 0s linear .12s}.talk-said{max-width:94%}.talk .talk-said .bubble.al{max-width:none}.ala-talks .talk.asked .bubble.me{animation:arrive-rise .32s var(--ease-out) .12s both}.ala-ask{gap:calc(8 * var(--ut));margin-top:calc(22 * var(--ut));max-width:calc(450 * var(--ut));flex-wrap:wrap;display:flex}.ala-exchange .example-note{margin-top:calc(16 * var(--ut))}.will-arrive{opacity:0;translate:0 calc(18 * var(--u))}.will-arrive.arrived{opacity:1;transition:opacity .7s ease, translate .7s var(--ease-out);translate:0}@media (max-width:700px){.stage .mini,.hero-talk{width:calc(100% - 44 * var(--ut))}.hero-marker{bottom:calc(12 * var(--u));gap:calc(24 * var(--u))}.pack-inside{margin-top:calc(6 * var(--ut));padding-left:0}.pack-list{gap:calc(14 * var(--ut));grid-template-columns:1fr}.ala-talks{margin-top:calc(28 * var(--ut));max-width:none}.ala-ask{max-width:none}}@media (prefers-reduced-motion:reduce){.hero-scene.play .strip,.hero-scene.play .pill,.hero-scene.play .mini,.hero-scene.play .check.ticking,.hero-scene.play .check.ticking:after,.hero-scene.play .hero-talk .bubble.me,.hero-scene.play .hero-said,.mini.live .check.on,.mini.live .check.on:after,.ala-talks .talk.asked .bubble.me{animation:none}.stage.solo .hero-scene{opacity:1;visibility:visible;transition:none}.stage.solo .hero-marker{display:none}.stage.solo{--card-unit:var(--stage-unit,1px);height:calc(620 * var(--stage-unit,1px))}.stage.solo .hero-scene.pack .strip{top:calc(30 * var(--stage-unit,1px))}.stage.solo .mini{left:calc(-6 * var(--stage-unit,1px));top:calc(300 * var(--stage-unit,1px));width:calc(316 * var(--stage-unit,1px));transform:none}.stage.solo .hero-talk{left:calc(176 * var(--stage-unit,1px));top:calc(508 * var(--stage-unit,1px));width:calc(356 * var(--stage-unit,1px));transform:none}.stage.solo .hero-talk .bubble.me{display:none}.hero-mark:after,.pack-side .sachet,.pack-list,.pack-list.on,.ala-talks .talk,.ala-talks .talk.on{transition:none;translate:none}.hero-mark,.three .mini .check,.three .mini .tag{transition:none}}@media (prefers-reduced-motion:reduce) and (max-width:700px){.stage.solo{height:calc(690 * var(--u))}.stage.solo .hero-scene.pack .strip{top:calc(52 * var(--u))}.stage.solo .mini{left:calc(22 * var(--ut));top:calc(262 * var(--u));width:calc(100% - 44 * var(--ut))}.stage.solo .hero-talk{left:calc(22 * var(--ut));top:calc(476 * var(--u));width:calc(100% - 44 * var(--ut))}}