:root{color-scheme:dark;--background: #000;--foreground: #fff;--rule: rgba(255, 255, 255, .3)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;background:var(--background);color:var(--foreground);font-family:Libre Caslon Condensed,Georgia,serif;-webkit-font-smoothing:antialiased}.page{max-width:40rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.photo{margin:0}.photo img{display:block;width:100%;height:auto}.story{margin-top:1.5rem;font-family:Libre Caslon Condensed,Georgia,serif;font-size:clamp(1.0625rem,4.75vw,1.1875rem);line-height:1.65;overflow-wrap:break-word}.story p{margin:0 0 1.25rem}.story p:first-child:first-letter{font-size:2.8em;float:left;line-height:.85;padding:.3rem .5rem 0 0;color:var(--foreground);font-weight:600}.story .quote{font-style:italic;font-size:1.15em;padding-left:.75rem;border-left:3px solid var(--rule)}.story .closing{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-weight:600}.story-section{margin-top:2.5rem}.story-section h2{margin:0 0 1.25rem;font-size:1.7em;line-height:1.2;font-weight:600}@media(min-width:768px){.page{padding:2.5rem 1.25rem 4rem}.story{margin-top:2rem;font-size:1.3rem}}.note-wrap{margin-top:3rem;padding:.5rem .25rem 0;overflow-x:clip}.note{color-scheme:light;position:relative;background:#f3e9a8;color:#1a1a14;padding:1.5rem 1.25rem;transform:rotate(-1.2deg);box-shadow:0 14px 18px -10px #ffffff1f,0 2px #0003;font-family:Caveat,cursive;font-size:1.375rem;line-height:1.35}.note h2{margin:0 0 .25rem;font-size:2rem;line-height:1.2;font-weight:600}.note-hint{margin:0 0 1.25rem}.note label{display:block;font-weight:600;margin:1rem 0 .35rem}.note input[type=tel],.note textarea{display:block;width:100%;min-height:2.75rem;font:inherit;color:#1a1a14;background:#ffffff73;border:0;border-bottom:2px solid #1a1a14;border-radius:0;padding:.6rem .5rem}.note textarea{resize:vertical;min-height:8rem}.note input:focus-visible,.note textarea:focus-visible,.note button:focus-visible{outline:3px solid #1a1a14;outline-offset:2px}.note button{display:block;width:100%;min-height:3rem;margin-top:1.25rem;font:inherit;font-weight:600;background:#1a1a14;color:#f3e9a8;border:0;cursor:pointer}.note button:disabled{opacity:.6;cursor:progress}.note-err{margin:.4rem 0 0;font-weight:600;color:#8a1c10}.note-ok{margin:1rem 0 0;font-weight:600}.note-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(prefers-reduced-motion:no-preference){.note{transition:transform .3s ease}.note:focus-within{transform:rotate(0)}}.hl{background-repeat:repeat-x;background-position:0 100%;background-size:36px .3em;padding-bottom:.12em}.hl-green{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8' viewBox='0 0 36 8'%3E%3Cpath d='M0 4 Q4.5 0 9 4 T18 4 T27 4 T36 4' fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.hl-blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8' viewBox='0 0 36 8'%3E%3Cpath d='M0 4 Q4.5 0 9 4 T18 4 T27 4 T36 4' fill='none' stroke='%231fd8ff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.hl-yellow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8' viewBox='0 0 36 8'%3E%3Cpath d='M0 4 Q4.5 0 9 4 T18 4 T27 4 T36 4' fill='none' stroke='%23fff200' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.hl-pink{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='8' viewBox='0 0 36 8'%3E%3Cpath d='M0 4 Q4.5 0 9 4 T18 4 T27 4 T36 4' fill='none' stroke='%23ff2bd6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.doodle{display:inline-block;width:1.1em;height:1.1em;margin-left:.2em;vertical-align:-.2em;pointer-events:none;transform:rotate(-8deg)}.eq-wrap{margin:2rem 0 .5rem;text-align:center}.eq{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:5.5rem;padding:0 .25rem;border-bottom:2px dashed var(--rule);pointer-events:none}.eq-bar{flex:1 1 0;max-width:1.4rem;height:100%;border-radius:4px 4px 1px 1px;transform-origin:bottom;transform:scaleY(.55);animation:eq-bump .76s ease-in-out infinite alternate}.eq-pink{background:#ff2bd6}.eq-blue{background:#1fd8ff}.eq-yellow{background:#fff200}.eq-green{background:#39ff14}.eq-paused .eq-bar{animation-play-state:paused}@keyframes eq-bump{0%{transform:scaleY(.12)}60%{transform:scaleY(1)}to{transform:scaleY(.4)}}.eq-btn{min-height:2.75rem;min-width:2.75rem;margin-top:.9rem;padding:.5rem 1.1rem;font:inherit;color:var(--foreground);background:transparent;cursor:pointer;border:2px solid #39ff14;border-radius:999px 40px 999px 30px}.eq-btn:focus-visible{outline:3px solid #fff200;outline-offset:3px}@media(prefers-reduced-motion:reduce){.eq-bar{animation:none}.eq-bar:nth-child(3n){transform:scaleY(.9)}.eq-bar:nth-child(3n+1){transform:scaleY(.4)}.eq-bar:nth-child(3n+2){transform:scaleY(.7)}}