.meadow{--spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--glass:#0e0e106b;aspect-ratio:16/9;border:1px solid var(--border);isolation:isolate;color:#fff;background:#7cb1e8;border-radius:1.25rem;width:100%;max-height:22rem;margin-top:1.25rem;position:relative;overflow:hidden}@media (min-width:40rem){.meadow{aspect-ratio:1000/330}}.meadow-fallback,.meadow-stage,.meadow-canvas{width:100%;height:100%;position:absolute;inset:0}.meadow-canvas{opacity:0;transition:opacity .6s}.meadow-stage[data-ready] .meadow-canvas{opacity:1}.meadow-canvas{touch-action:pan-y}.meadow-controls{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex;position:absolute;inset:auto .75rem .75rem}.meadow-controls>*{pointer-events:auto}.meadow-time{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);font-variant-numeric:tabular-nums;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-height:2.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:500;line-height:1.3;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24,0 6px 24px #0000002e}.meadow-time svg{flex-shrink:0;width:.875rem;height:.875rem}.meadow-tip{opacity:.68}.meadow-link{color:#fff;text-underline-offset:.2em;min-height:1.5rem;font-weight:600;text-decoration:underline}.meadow-link:focus-visible{outline-offset:2px;border-radius:.2rem;outline:2px solid #fff}@media (max-width:30rem){.meadow{border-radius:1rem}.meadow-controls{inset:auto .5rem .5rem}.meadow-tip,.meadow-time-name{display:none}}.island{z-index:5;color:#fff;width:8.25rem;height:2.25rem;transition:width .62s var(--spring), height .62s var(--spring), border-radius .62s var(--spring), opacity .2s ease, transform .3s ease;background:#000;border-radius:1.4rem;position:absolute;top:.6rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #00000047,inset 0 0 0 1px #ffffff0f}.island.is-open{border-radius:2.4rem;width:min(21.5rem,100% - 1.5rem);height:9.25rem}.island-toggle{border-radius:inherit;position:absolute;inset:0}.island-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.island-compact{justify-content:space-between;align-items:center;padding:0 .55rem 0 .4rem;transition:opacity .18s,transform .3s;display:flex;position:absolute;inset:0}.island.is-open .island-compact{opacity:0;transform:scale(.85)}.island-thumb{background:#222;border-radius:50%;width:1.45rem;height:1.45rem;animation:6s linear infinite island-spin;position:relative;overflow:hidden}.island-thumb img,.island-vinyl img{object-fit:cover;width:100%;height:100%}.island-wave,.island-spectrum{align-items:center;gap:2px;display:flex}.island-wave span,.island-spectrum span{background:var(--island-accent);transform-origin:50%;border-radius:2px;width:3px;height:100%;animation:1.1s ease-in-out infinite alternate island-eq}.island-wave{height:.9rem}.island-wave span:nth-child(2),.island-spectrum span:nth-child(3n+2){animation-duration:.8s;animation-delay:-.4s}.island-wave span:nth-child(3),.island-spectrum span:nth-child(3n){animation-duration:.95s;animation-delay:-.2s}.island-wave span:nth-child(4),.island-spectrum span:nth-child(4n+1){animation-duration:.7s;animation-delay:-.6s}.island-spectrum span:nth-child(5n){animation-duration:1.25s}.island-panel{opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.9rem 1.1rem .9rem .9rem;transition:opacity .16s,visibility 0s linear .16s;display:grid;position:absolute;inset:0}.island.is-open .island-panel{opacity:1;visibility:visible;transition:opacity .28s .14s,visibility}.island-record{width:5.5rem;height:5.5rem;position:relative}.island-vinyl{background:conic-gradient(from 30deg,#ffffff1a,#0000 18%,#ffffff14 50%,#0000 68%,#ffffff1a),repeating-radial-gradient(circle,#0c0c0d 0 1.5px,#1c1c1f 1.5px 3px);border-radius:50%;place-items:center;animation:3.2s linear infinite island-spin;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.island-vinyl img{border-radius:50%;width:44%;height:44%;box-shadow:0 0 0 2px #0c0c0d}.island-arm{transform-origin:100%;width:2.1rem;height:.18rem;transition:transform .6s var(--spring) .2s;background:linear-gradient(90deg,#c9c9cc,#8d8d92);border-radius:1px;position:absolute;top:-.15rem;right:-.15rem;transform:rotate(-38deg)}.island:not(.is-open) .island-arm{transform:rotate(-70deg)}.island-copy{justify-items:start;gap:.15rem;min-width:0;display:grid}.island-label{color:#ffffff9e;letter-spacing:.02em;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:500;display:inline-flex}.island-dot{background:var(--island-accent);width:.4rem;height:.4rem;box-shadow:0 0 0 0 var(--island-accent);border-radius:50%;animation:2s ease-out infinite island-pulse}.island-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9375rem;font-weight:600;overflow:hidden}.island-artist{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem;overflow:hidden}.island-spectrum{height:1rem;margin-top:.3rem}.island-link{pointer-events:auto;color:#fff;background:#ffffff1f;border-radius:999px;margin-top:.35rem;padding:.25rem .65rem;font-size:.6875rem;font-weight:600;transition:background-color .16s,transform .16s}.island-link:hover{background:#fff3}.island-link:active{transform:scale(.96)}.island-link:focus-visible{outline-offset:2px;outline:2px solid #fff}@keyframes island-spin{to{transform:rotate(360deg)}}@keyframes island-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes island-pulse{70%{box-shadow:0 0 0 .35rem #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.island,.island-arm,.meadow-card{transition-duration:1ms;animation:none}.island-thumb,.island-vinyl,.island-dot{animation:none}.island-wave span,.island-spectrum span{animation:none;transform:scaleY(.6)}.island-wave span:nth-child(odd),.island-spectrum span:nth-child(odd){transform:scaleY(.9)}.meadow-hint{animation:none}.meadow-button{transition:none}}@media print{.meadow{display:none}}
.reveal-host{position:relative}.reveal-card{--spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001)}.reveal-word{color:var(--foreground);font:inherit;text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 55%, transparent);background:0 0;border:0;padding:0;font-weight:500;transition:color .2s,text-decoration-color .2s;display:inline}.reveal-word:hover,.reveal-word[aria-describedby]{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.reveal-word:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:.2rem}.reveal-card{z-index:20;pointer-events:none;opacity:0;will-change:transform;width:13.5rem;transition:opacity .2s;position:absolute;top:0;left:0}.reveal-card[data-active]{opacity:1}.reveal-card-inner{transform-origin:18% 100%;transition:transform .46s var(--spring);background:#fbfaf7;border-radius:.5rem;padding:.5rem .5rem .7rem;transform:scale(.86);box-shadow:0 1px 2px #00000014,0 22px 44px -14px #00000061}.reveal-card[data-active] .reveal-card-inner{transform:scale(1)}.reveal-card figure{margin:0}.reveal-card img{object-fit:cover;border-radius:.25rem;width:100%;height:auto;max-height:15.5rem;display:block}.reveal-card figcaption{color:#3a3732;font-family:var(--font-serif);text-align:center;margin-top:.5rem;font-size:.8125rem;font-style:italic}@media (max-width:40rem){.reveal-card{width:11rem}}@media (prefers-reduced-motion:reduce){.reveal-card-inner{transition:none}}
.nb-dialog{--page-w:min(23.5rem, 44vw, calc((100dvh - 9rem) / 1.36));--page-h:calc(var(--page-w) * 1.36);--ink:#2b2620;--pencil:#6e6559;--accent:#b5532a;width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.nb-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14120f8c}.nb-dialog[open]{animation:.26s cubic-bezier(.23,1,.32,1) nb-in}@keyframes nb-in{0%{opacity:0;transform:translateY(.75rem)scale(.98)}}.nb-stage{align-content:center;place-items:center;gap:1rem;width:100%;height:100%;padding:3.5rem 1rem 1.5rem;display:grid}.nb-close{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;transition:background .16s;display:grid;position:absolute;top:1rem;right:1rem}.nb-close:hover{background:#ffffff38}.nb-close svg{width:1.1rem;height:1.1rem}.nb-book{grid-template-columns:var(--page-w) var(--page-w);height:var(--page-h);perspective:2200px;transition:translate .7s cubic-bezier(.45,.05,.25,1);display:grid;position:relative}.nb-book.is-closed{translate:calc(var(--page-w) / -2) 0}.nb-book.is-single{grid-template-columns:var(--page-w)}.nb-half{width:var(--page-w);height:var(--page-h);position:relative}.nb-half:empty{visibility:hidden}.nb-page,.nb-endpaper{background:radial-gradient(circle,#78685438 .75px,#0000 1.15px) 0 0/14px 14px,linear-gradient(#fbf8f1,#f6f1e6);flex-direction:column;width:100%;height:100%;padding:1.75rem 1.75rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #0009}.nb-left .nb-page,.nb-left .nb-endpaper,.nb-backface .nb-page{border-radius:.75rem .15rem .15rem .75rem}.nb-left .nb-page:after,.nb-backface .nb-page:after{content:"";pointer-events:none;background:linear-gradient(270deg,#3c2d1929,#0000);width:2.5rem;position:absolute;inset:0 0 0 auto}.nb-right .nb-page,.nb-face:not(.nb-backface) .nb-page,.is-single .nb-page{border-radius:.15rem .75rem .75rem .15rem}.nb-right .nb-page:after,.nb-leaf:not(.nb-backface)>.nb-face:first-child .nb-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#3c2d1929,#0000);width:2.5rem;position:absolute;inset:0 auto 0 0}.nb-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font:600 .75rem/1 ui-monospace,SF Mono,Menlo,monospace}.nb-title{color:var(--ink);font-family:var(--font-hand), "Bradley Hand", cursive;margin-top:.4rem;font-size:2.1rem;font-weight:700;line-height:1.05}.nb-body{color:var(--ink);font-family:var(--font-hand), "Bradley Hand", cursive;align-content:start;gap:.7rem;margin-top:1rem;font-size:1.32rem;line-height:1.32;display:grid}.nb-body mark{color:inherit;background:linear-gradient(#0000 55%,#f26f2147 55%);padding:0 .15em}.nb-stack{font-weight:600}.nb-big{font-size:1.65rem;line-height:1.25}.nb-list{color:var(--pencil);gap:.1rem;padding-left:1.1rem;list-style:"–  ";display:grid}.nb-sign{color:var(--accent);justify-self:end;font-size:1.6rem;rotate:-4deg}.nb-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.nb-doodle{width:7.5rem;height:auto;color:var(--pencil)}.nb-num{color:var(--pencil);text-align:center;font:.7rem ui-monospace,Menlo,monospace;position:absolute;bottom:.85rem;left:0;right:0}.nb-polaroid{background:#fff;justify-self:center;width:min(11rem,70%);margin:.2rem 0 .4rem;padding:.45rem .45rem .2rem;position:relative;box-shadow:0 10px 22px -12px #00000080}.nb-photo{aspect-ratio:1;background:#e9e4da;display:block;position:relative;overflow:hidden}.nb-polaroid figcaption{color:var(--pencil);font-family:var(--font-hand), cursive;text-align:center;padding:.3rem 0 .15rem;font-size:1.05rem}.nb-tape{z-index:1;background:#f26f2152;width:4.5rem;height:1.2rem;position:absolute;top:-.6rem;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #00000014}.nb-cover{color:#efe7da;background:linear-gradient(90deg,#00000059,#0000 7%),radial-gradient(120% 90% at 30% 20%,#3a342d,#221e1a 70%);border-radius:.2rem .85rem .85rem .2rem;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;width:100%;height:100%;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 30px 60px -30px #000c}.nb-band{background:linear-gradient(90deg,#c2551f,#f26f21 45%,#b84a12);width:.6rem;position:absolute;top:0;bottom:0;right:14%;box-shadow:0 0 6px #0006}.nb-cover-title{font-family:var(--font-hand), cursive;color:#d9cbb4;text-shadow:0 1px #0009,0 -1px #ffffff0f;font-size:3rem;font-weight:700}.nb-label{color:var(--ink);text-align:center;background:#f4efe4;border-radius:.2rem;gap:.2rem;padding:.8rem 1.4rem;display:grid;rotate:-2deg;box-shadow:0 6px 14px -8px #000000b3}.nb-label b{font-family:var(--font-hand), cursive;font-size:1.7rem;line-height:1}.nb-label span{color:var(--pencil);letter-spacing:.04em;font:.68rem ui-monospace,Menlo,monospace}.nb-sticker{background:#f4efe4;border-radius:1rem;width:9.5rem;padding:.3rem .45rem .1rem;display:block;rotate:-5deg;box-shadow:0 8px 16px -8px #000000b3}.nb-sticker svg{width:100%;height:auto;display:block}.nb-endpaper{background:linear-gradient(#efe7d8,#e7ddca);justify-content:center;align-items:center}.nb-endpaper span{color:#78644659;font-family:var(--font-serif), Georgia, serif;font-size:2.5rem}.nb-leaf{z-index:2;width:var(--page-w);height:var(--page-h);transform-style:preserve-3d;position:absolute;top:0}.nb-leaf.is-forward{left:var(--page-w);transform-origin:0;animation:.76s cubic-bezier(.45,.05,.25,1) forwards nb-forward}.nb-leaf.is-back{transform-origin:100%;animation:.76s cubic-bezier(.45,.05,.25,1) forwards nb-back;left:0}.nb-face{backface-visibility:hidden;position:absolute;inset:0}.nb-backface{transform:rotateY(180deg)}.nb-face:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(270deg,#0000002e,#0000 60%);animation:.76s forwards nb-shade;position:absolute;inset:0}@keyframes nb-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes nb-back{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes nb-shade{50%{opacity:1}}.is-single .nb-leaf{transform-origin:0;left:0}.is-single .nb-leaf.is-forward{animation-name:nb-away}.is-single .nb-leaf.is-back{animation-name:nb-return}@keyframes nb-away{0%{opacity:1;transform:rotateY(0)}80%{opacity:1}to{opacity:0;transform:rotateY(-105deg)}}@keyframes nb-return{0%{opacity:0;transform:rotateY(-105deg)}20%{opacity:1}to{opacity:1;transform:rotateY(0)}}.nb-controls{color:#f4efe6;background:#ffffff1a;border-radius:999px;align-items:center;gap:.75rem;padding:.3rem;font:.75rem ui-monospace,Menlo,monospace;display:flex}.nb-controls span{text-align:center;min-width:5.5rem}.nb-controls button{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;transition:background .16s,opacity .16s;display:grid}.nb-controls button:hover:not(:disabled){background:#ffffff42}.nb-controls button:disabled{opacity:.35;cursor:default}.nb-controls svg{width:1rem;height:1rem}.nb-close:focus-visible,.nb-controls button:focus-visible,.nb-link:focus-visible{outline-offset:2px;outline:2px solid #f8b48c}.nb-hint{color:#ffffff8c;font:.7rem ui-monospace,Menlo,monospace}.nb-hint kbd{border:1px solid #ffffff40;border-radius:.25rem;margin:0 .15rem;padding:.1rem .35rem}@media (max-width:45rem){.nb-dialog{--page-w:min(22rem, calc(100vw - 2.5rem), calc((100dvh - 9rem) / 1.36))}.nb-hint{display:none}}@media (prefers-reduced-motion:reduce){.nb-leaf,.nb-face:before{animation-duration:1ms!important}.nb-book{transition:none}.nb-dialog[open]{animation:none}}.nb-dialog:focus,.nb-dialog:focus-visible{outline:none}.nb-trigger{border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--card);color:var(--foreground);cursor:pointer;text-align:left;border-radius:.85rem;align-items:center;gap:.65rem;margin-left:auto;padding:.4rem .75rem .4rem .45rem;transition:border-color .2s,translate .3s cubic-bezier(.23,1,.32,1),rotate .3s cubic-bezier(.23,1,.32,1);display:inline-flex}.nb-trigger:hover{border-style:solid;border-color:var(--primary);translate:0 -1px;rotate:-1.2deg}.nb-trigger:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}.nb-trigger-book{background:radial-gradient(120% 90% at 30% 20%,#3a342d,#221e1a 70%);border-radius:.15rem .35rem .35rem .15rem;flex-shrink:0;width:1.6rem;height:2.1rem;transition:rotate .3s cubic-bezier(.23,1,.32,1);position:relative;rotate:-6deg;box-shadow:0 4px 8px -3px #00000080}.nb-trigger-book span{background:#f26f21;width:.18rem;position:absolute;top:0;bottom:0;right:22%}.nb-trigger:hover .nb-trigger-book{rotate:-14deg}.nb-trigger-text{line-height:1.1;display:grid}.nb-trigger-text b{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;font-size:1.0625rem;font-weight:500}.nb-trigger-text small{color:var(--muted-foreground);letter-spacing:.02em;font:.65rem ui-monospace,Menlo,monospace}@media (prefers-reduced-motion:no-preference){.nb-trigger-book{animation:9s ease-in-out 3s infinite nb-nudge}}@keyframes nb-nudge{0%,92%,to{rotate:-6deg}95%{rotate:-16deg}98%{rotate:2deg}}
