:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8f4ff;--muted:#c9c0dd;--surface:#231b42db;--line:#dbc9ff2e;--accent:#ffe48a;--accent-2:#a997ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.recipient-note,.recipient-experience,.experience-gift-layer{width:100%;height:100%}.recipient-note{max-width:none;margin:0;display:block;position:relative}.recipient-experience{isolation:isolate;background:#080612;position:relative;overflow:hidden}.recipient-experience-live{width:100dvw;height:100dvh}.recipient-experience-preview{width:390px;height:844px}.experience-gift-layer{position:relative}.recipient-experience .note-player{aspect-ratio:auto;width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.note-player[data-typography=modern] .note-layer-text p{letter-spacing:-.04em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:650}.note-player[data-typography=rounded] .note-layer-text p{letter-spacing:-.025em;font-family:ui-rounded,Arial Rounded MT Bold,Inter,system-ui,sans-serif;font-weight:700}.note-player[data-typography=mono] .note-layer-text p{letter-spacing:-.045em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.3rem,5.8vw,2.25rem);font-weight:700}.note-player .note-layer.note-layer-effect{z-index:2;pointer-events:none;width:100%;height:100%;inset:0;transform:none}.note-effect-canvas,.note-particle-canvas,.note-particle-canvas canvas{inset:0;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important}.note-chrome button,.note-chrome a{border:1px solid color-mix(in srgb, currentColor 30%, transparent);min-width:3.2rem;min-height:2.75rem;color:inherit;letter-spacing:.025em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08071094;border-radius:999px;place-items:center;padding:.45rem .7rem;font-size:.75rem;font-weight:750;text-decoration:none;display:inline-grid}.note-chrome .note-home-control{width:2.75rem;min-width:2.75rem;padding:0}.note-home-control svg{fill:currentColor;width:1.05rem}.signature-line.placement-s{right:auto;bottom:max(4.75rem, calc(env(safe-area-inset-bottom) + 4rem));overflow-wrap:anywhere;width:min(82%,100% - 2rem);max-width:32rem;padding-inline:.25rem;line-height:1.35;top:auto;left:50%;transform:translate(-50%)}.finale-completion-actions{z-index:30;right:50%;bottom:max(1rem, env(safe-area-inset-bottom));gap:.55rem;width:max-content;max-width:calc(100% - 1.5rem);display:flex;position:absolute;transform:translate(50%)}.finale-completion-actions button,.finale-completion-actions a,.story-chapter-toolbar button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080710c2;border:1px solid #ffffff3d;border-radius:999px;place-items:center;padding:.65rem 1rem;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-grid}.story-chapter{z-index:40;background:radial-gradient(circle at 80% 4%,#a997ff33,#0000 16rem),#100c21;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.story-chapter>.note-chrome{color:#f8f4ff}.story-chapter-toolbar{z-index:21;justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:4.3rem;left:.85rem;right:.85rem}.story-chapter .recipient-story{width:100%;height:100%;min-height:0;padding:8rem clamp(.75rem, 3vw, 1.5rem) max(.75rem, env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem}.story-chapter .recipient-story-copy h2{margin-bottom:.25rem;font-size:clamp(1.45rem,6vw,2.25rem)}.story-chapter .recipient-story-copy>p:last-child{font-size:clamp(.75rem,2.8vw,.9rem);line-height:1.4}.story-chapter .story-frame-shell{aspect-ratio:auto;border-radius:1rem;min-height:0}.story-chapter .story-reader-link{flex-shrink:0;min-height:2.75rem}.experience-completion{background:radial-gradient(circle at 15% 12%,#ffe48a29,#0000 18rem),radial-gradient(circle at 88% 76%,#a997ff33,#0000 22rem),#100c21;width:100%;height:100%;overflow:auto}.completion-scroll{width:min(100%,48rem);min-height:100%;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));align-content:center;gap:1.25rem;margin:0 auto;display:grid}.completion-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d1734d1;border-radius:clamp(1.25rem,5vw,2rem);padding:clamp(1.35rem,6vw,3.5rem);box-shadow:0 2rem 6rem #00000052}.completion-card h1{max-width:11ch;font-size:clamp(2.75rem,11vw,5.5rem)}.completion-card h1:focus,.story-chapter h2:focus{outline:none}.completion-card>p:not(.eyebrow){max-width:38rem;color:var(--muted);margin:1.25rem 0 1.5rem;line-height:1.6}.completion-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.5rem;display:grid}.completion-primary-actions>*{border:1px solid var(--line);min-height:3.2rem;color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:#0a081894;border-radius:.9rem;place-items:center;padding:.65rem;font-size:.84rem;font-weight:750;text-decoration:none;display:grid}.completion-action-disabled{cursor:not-allowed;opacity:.5;gap:.15rem}.completion-action-disabled small{opacity:.85;font-size:.68rem;font-weight:600}.report-feedback{z-index:90;pointer-events:none;min-height:0;margin:0;position:fixed;bottom:1rem;left:1rem;right:1rem}.preview-state-controls{flex-wrap:wrap;gap:.35rem;display:flex}.preview-state-controls button{border:1px solid var(--line);min-height:2rem;color:var(--muted);font:inherit;cursor:pointer;background:#2b2250b8;border-radius:999px;padding:.35rem .6rem;font-size:.68rem;font-weight:700}.preview-state-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.device-frame{padding:.5rem;overflow:hidden}.preview-scale-shell{border-radius:1.95rem;width:100%;position:relative;overflow:hidden}.preview-logical-viewport{transform-origin:0 0;width:390px;height:844px;position:absolute;top:0;left:0}.gallery-section-heading{max-width:42rem}.gallery-section-heading .eyebrow,.gallery-section-heading h2,.gallery-section-heading p{margin-top:0}.gallery-section-heading h2{letter-spacing:-.04em;margin-bottom:.55rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:500}.gallery-section-heading>p:last-child{color:var(--muted);line-height:1.55}.template-section-heading{margin-top:1rem}.featured-grid,.style-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.featured-card,.style-pack-button{--card-deep:#161226;--card-glow:#b79df2;border:1px solid color-mix(in srgb, var(--card-glow) 42%, transparent);background:radial-gradient(circle at 80% 14%, color-mix(in srgb, var(--card-glow) 32%, transparent), transparent 5rem), var(--card-deep);color:#fff;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.featured-card{border-radius:1.2rem;justify-content:flex-end;gap:.3rem;min-height:10.5rem;padding:1rem}.featured-card strong{max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.08}.featured-card>span:last-child,.style-pack-button small{color:#ffffffad;font-size:.72rem}.featured-card-spark{color:var(--card-glow);position:absolute;top:.9rem;right:.9rem}.style-pack-intro{max-width:62ch;color:var(--muted);margin:.5rem 0 1rem;font-size:.83rem;line-height:1.5}.gallery-section-heading>p:last-child,.timeline-header>p:last-child{max-width:62ch}.style-pack-button{border-radius:.9rem;justify-content:flex-end;gap:.2rem;min-height:7.5rem;padding:.8rem}.style-pack-button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.style-pack-swatch{background:var(--card-glow);width:1.5rem;height:1.5rem;box-shadow:0 0 1.2rem var(--card-glow);border:2px solid #ffffff73;border-radius:50%;position:absolute;top:.65rem;left:.65rem}.fine-tune-heading{letter-spacing:.08em;text-transform:uppercase;margin:1.35rem 0 .75rem;font-size:.8rem}.effect-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.effect-reseed{width:fit-content}.palette-card-midnight-spectrum{--card-deep:#07091c;--card-glow:#ffd166}.palette-card-electric-neon{--card-deep:#050510;--card-glow:#36f1cd}.palette-card-party-pop{--card-deep:#24102c;--card-glow:#ffd166}.palette-card-spotlight-gold{--card-deep:#070706;--card-glow:#ffe14a}.palette-card-paper-bloom{--card-deep:#172019;--card-glow:#f1a7b8}.palette-card-deep-cosmos{--card-deep:#01051a;--card-glow:#00e5ff}.palette-card-pixel-night{--card-deep:#08131b;--card-glow:#a8ff60}.palette-card-candy-bright{--card-deep:#2b1235;--card-glow:#ff9ed2}@media (max-width:1050px){.featured-grid,.style-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.completion-primary-actions,.effect-control-grid,.add-layer-actions{grid-template-columns:1fr}.story-chapter .recipient-story-copy>p:last-child{display:none}.featured-grid{grid-template-columns:1fr 1fr}.featured-card{min-height:9rem}.style-pack-grid{grid-template-columns:1fr 1fr}}@media (max-width:340px),(max-height:620px){.note-chrome{padding:.55rem}.note-chrome button,.note-chrome a{min-height:2.75rem;padding-inline:.55rem}.story-chapter-toolbar{top:3.8rem}.story-chapter .recipient-story{padding-top:7.3rem}.signature-line.placement-s{bottom:4.5rem}}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 12%,#9c7fff38,#0000 32rem),radial-gradient(circle at 82% 78%,#ffbe801f,#0000 30rem),#100c21;margin:0}a{color:var(--accent);text-underline-offset:.25rem}button,a,input,select,textarea,summary{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,filter .16s,transform .16s}summary{cursor:pointer}@media (hover:hover){button:not(:disabled):hover,summary:hover{filter:brightness(1.1)}a:hover{color:#fff2b6}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--accent-2) 58%, var(--line))}}button:not(:disabled):not(.tap-surface-control):active,summary:active{transform:translateY(1px)}.foundation-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.foundation-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:2rem;width:min(100%,46rem);padding:clamp(2rem,7vw,5rem);box-shadow:0 2rem 6rem #00000052}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,10vw,6.5rem);font-weight:500;line-height:.9}.lede{max-width:38rem;color:var(--muted);margin:2rem 0;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.status-card{border:1px solid var(--line);border-radius:1rem;margin:0 0 1.75rem;padding:1rem}.status-card span{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.status-card p{color:var(--muted);margin:.45rem 0 0;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.note-player{--note-soft:#1c2547;--note-glow:#9db8ff;--note-particle:#c3d0f7;isolation:isolate;aspect-ratio:9/16;border:1px solid color-mix(in srgb, var(--note-glow) 34%, transparent);width:min(100%,26.25rem);box-shadow:0 2.2rem 7rem #0000007a, inset 0 0 5rem color-mix(in srgb, var(--note-soft) 40%, transparent);border-radius:clamp(1.4rem,5vw,2.1rem);font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.note-player:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#00000047,#0000 18% 74%,#00000057),radial-gradient(circle at 50% 46%,#0000 28%,#00000029 100%);position:absolute;inset:0}.note-player button{border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;font:inherit;cursor:pointer}.note-player button:focus-visible,.player-harness-editor button:focus-visible,.player-harness-editor textarea:focus-visible{outline:3px solid var(--note-glow,#ffe48a);outline-offset:3px}.note-chrome{z-index:20;pointer-events:none;justify-content:flex-end;gap:.4rem;padding:.9rem;display:flex;position:absolute;top:0;left:0;right:0}.note-chrome button,.note-chrome a{pointer-events:auto}.note-chrome button{letter-spacing:.025em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08071080;border-radius:999px;min-width:3.2rem;min-height:2.75rem;padding:.45rem .7rem;font-size:.75rem;font-weight:700}.note-background,.note-stage,.note-segment{position:absolute;inset:0}.note-background{z-index:-1;opacity:.66;transform:scale(1.08)}.note-stage{z-index:1}.note-segment{animation:segment-focus var(--segment-enter-ms,.7s) var(--segment-ease,ease-out) both}.note-segment[data-entry=pop]{animation-name:segment-pop}.note-segment[data-entry=rise]{animation-name:segment-rise}.note-segment[data-entry=tilt]{animation-name:segment-tilt}.note-segment[data-entry=soft]{animation-name:segment-soft}.note-segment[data-entry=cosmic]{animation-name:segment-cosmic}.note-segment[data-entry=steps]{animation-name:segment-steps}.note-segment[data-entry=heart]{animation-name:segment-heart}.note-segment[data-phase=exit]{animation:segment-exit-fade var(--segment-exit-ms,.4s) var(--segment-ease,ease-out) both}.note-segment[data-phase=exit][data-exit=lift]{animation-name:segment-exit-lift}.note-segment[data-phase=exit][data-exit=rise]{animation-name:segment-exit-rise}.note-segment[data-phase=exit][data-exit=tilt]{animation-name:segment-exit-tilt}.note-segment[data-phase=exit][data-exit=dissolve]{animation-name:segment-exit-dissolve}.note-segment[data-phase=exit][data-exit=steps]{animation-name:segment-exit-steps}.note-segment[data-phase=exit][data-exit=scale]{animation-name:segment-exit-scale}.note-player[data-choreography=legacy] .note-segment[data-phase=exit]{animation:none}.note-photo-background{z-index:0;animation:photo-profile-motion var(--photo-duration,6s) linear both;position:absolute;inset:-3%;overflow:hidden}.note-photo-background img{object-fit:cover;object-position:var(--photo-center-x,50%) var(--photo-center-y,50%);width:100%;height:100%;transform:scale(var(--photo-zoom,1))}.note-photo-blend{opacity:.82;mix-blend-mode:soft-light}.note-layer-text:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#000000e6,#00000057 58%,#0000 76%);border-radius:50%;position:absolute;inset:-35% -16%}.lottie-layer,.lottie-layer svg{display:block;width:100%!important;height:100%!important}.ambient-background{position:absolute;inset:0;overflow:hidden}.ambient-background>span{top:var(--ambient-y);left:var(--ambient-x);width:var(--ambient-size);height:var(--ambient-size);background:var(--note-particle);animation-delay:var(--ambient-delay);animation-duration:var(--ambient-duration);box-shadow:0 0 12px var(--note-glow);opacity:.62;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;display:block;position:absolute}.ambient-background[data-playing=true]>span{animation-play-state:running}.ambient-background:before,.ambient-background:after{pointer-events:none;animation-play-state:paused}.ambient-background[data-playing=true]:before,.ambient-background[data-playing=true]:after{animation-play-state:running}.ambient-drifting-stars>span{animation-name:ambient-star-drift}.ambient-fireflies>span{background:var(--note-glow);opacity:.72;animation-name:ambient-firefly-drift}.ambient-petal-fall>span{height:calc(var(--ambient-size) * .68);background:color-mix(in srgb, var(--note-glow) 68%, var(--note-particle));box-shadow:0 0 .55rem color-mix(in srgb, var(--note-glow) 42%, transparent);opacity:.76;transform-origin:40% 70%;border-radius:78% 22% 72% 28%;animation-name:ambient-petal-fall;animation-timing-function:linear}.ambient-petal-fall>span:nth-child(3n){background:color-mix(in srgb, var(--note-particle) 72%, var(--note-glow))}.ambient-neon-grid:before{background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--note-glow) 48%, transparent) 0 1px, transparent 1px 2rem), repeating-linear-gradient(0deg, color-mix(in srgb, var(--note-particle) 34%, transparent) 0 1px, transparent 1px 2rem);content:"";filter:drop-shadow(0 0 .3rem color-mix(in srgb, var(--note-glow) 48%, transparent));opacity:.82;transform-origin:50% 0;animation:ambient-grid-scroll var(--ambient-grid-duration,6s) linear infinite;position:absolute;inset:53% -42% -25%;transform:perspective(20rem)rotateX(61deg);-webkit-mask-image:linear-gradient(#000,#000 78%,#0000);mask-image:linear-gradient(#000,#000 78%,#0000)}.ambient-neon-grid:after{background:var(--note-glow);height:2px;box-shadow:0 0 1.4rem .35rem var(--note-glow);content:"";opacity:.58;animation:ambient-horizon-pulse calc(var(--ambient-grid-duration,6s) * .7) ease-in-out infinite alternate;position:absolute;bottom:47%;left:8%;right:8%}.ambient-neon-grid>span{border:1px solid var(--note-particle);box-shadow:0 0 .7rem var(--note-glow);opacity:.72;background:0 0;border-radius:.15rem;animation-name:ambient-neon-pulse}.ambient-projector-dust:before{background:linear-gradient(100deg, transparent 5%, color-mix(in srgb, var(--note-glow) 9%, transparent) 28%, color-mix(in srgb, var(--note-glow) 26%, transparent) 58%, transparent 86%);clip-path:polygon(0 42%,100% 4%,100% 96%,0 58%);content:"";filter:blur(.35rem);opacity:.8;transform-origin:0;width:88%;animation:ambient-projector-sweep var(--ambient-projector-duration,14s) ease-in-out infinite alternate;position:absolute;top:-12%;bottom:-12%;left:-20%;transform:rotate(-5deg)}.ambient-projector-dust:after{background:radial-gradient(ellipse at 58% 48%, transparent 20%, color-mix(in srgb, var(--note-soft) 25%, transparent) 66%, #00000047);content:"";position:absolute;inset:0}.ambient-projector-dust>span{background:color-mix(in srgb, var(--note-particle) 76%, #fff);box-shadow:0 0 .35rem var(--note-glow);opacity:.58;animation-name:ambient-projector-dust;animation-timing-function:linear}.ambient-nebula-drift:before,.ambient-nebula-drift:after{content:"";filter:blur(2.4rem);mix-blend-mode:screen;opacity:.2;width:78%;height:58%;animation:ambient-nebula-cloud var(--ambient-nebula-duration,20s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.ambient-nebula-drift:before{background:var(--note-glow);top:4%;left:-22%}.ambient-nebula-drift:after{background:var(--note-particle);animation-direction:alternate-reverse;bottom:2%;right:-26%}.ambient-nebula-drift>span{background:radial-gradient(circle, color-mix(in srgb, var(--note-glow) 44%, transparent), color-mix(in srgb, var(--note-particle) 18%, transparent) 52%, transparent 72%);box-shadow:none;filter:blur(1.1rem);mix-blend-mode:screen;opacity:.28;animation-name:ambient-nebula-drift}.ambient-candy-bubbles>span{border:2px solid color-mix(in srgb, var(--note-glow) 78%, #fff);background:color-mix(in srgb, var(--note-soft) 34%, transparent);box-shadow:inset -.3rem -.35rem .8rem color-mix(in srgb, var(--note-particle) 28%, transparent), 0 0 .9rem color-mix(in srgb, var(--note-glow) 34%, transparent);opacity:.72;animation-name:ambient-candy-float;animation-timing-function:ease-in-out}.ambient-candy-bubbles>span:nth-child(3n+2){border-color:var(--note-particle)}.ambient-candy-bubbles>span:nth-child(3n){border-style:dashed}.ambient-gentle-rain>span{width:1px;height:calc(var(--ambient-size) * 12);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--note-glow) 55%, transparent) 45%, color-mix(in srgb, var(--note-particle) 70%, transparent));box-shadow:none;opacity:.5;border-radius:1px;animation-name:ambient-rain-fall;animation-timing-function:linear}.ambient-gentle-rain:after{background:linear-gradient(to bottom, transparent 62%, color-mix(in srgb, var(--note-soft) 22%, transparent));content:"";position:absolute;inset:0}.ambient-snow-drift>span{background:color-mix(in srgb, var(--note-glow) 55%, #fff);box-shadow:0 0 .45rem color-mix(in srgb, var(--note-glow) 45%, transparent);filter:blur(.4px);opacity:.7;animation-name:ambient-snow-fall;animation-timing-function:linear}.ambient-snow-drift>span:nth-child(3n){filter:blur(1.1px);opacity:.45}.ambient-soft-waves>span{height:calc(var(--ambient-size) * .32);background:radial-gradient(ellipse, color-mix(in srgb, var(--note-glow) 30%, transparent), color-mix(in srgb, var(--note-particle) 14%, transparent) 55%, transparent 75%);box-shadow:none;filter:blur(1.3rem);mix-blend-mode:screen;opacity:.3;border-radius:50%;animation-name:ambient-wave-drift}.ambient-soft-waves:before,.ambient-soft-waves:after{content:"";filter:blur(2.2rem);mix-blend-mode:screen;opacity:.18;height:34%;animation:ambient-wave-swell var(--ambient-wave-duration,18s) ease-in-out infinite alternate;border-radius:50%;position:absolute;left:-18%;right:-18%}.ambient-soft-waves:before{background:var(--note-glow);top:46%}.ambient-soft-waves:after{background:var(--note-particle);animation-direction:alternate-reverse;top:66%}.ambient-background[data-playing=false]:before,.ambient-background[data-playing=false]:after{animation-play-state:paused}.ambient-background[data-static=true]>span,.ambient-background[data-static=true]:before,.ambient-background[data-static=true]:after{animation:none}@keyframes ambient-star-drift{0%,to{opacity:.34;transform:translate(0,0)scale(.78)}48%{opacity:.94;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) scale(1.16)}}@keyframes ambient-firefly-drift{0%,to{opacity:.25;transform:translate(0,0)scale(.72)}35%{opacity:1}62%{opacity:.56;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) scale(1.18)}}@keyframes ambient-petal-fall{0%{opacity:0;transform:translate3d(0, -14vh, 0) rotate(var(--ambient-rotation))}18%{opacity:.82}to{opacity:0;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) rotate(calc(var(--ambient-rotation) + 260deg))}}@keyframes ambient-grid-scroll{0%{background-position:0 0}to{background-position:0 2rem}}@keyframes ambient-horizon-pulse{0%{opacity:.38;transform:scaleX(.88)}to{opacity:.78;transform:scaleX(1.04)}}@keyframes ambient-neon-pulse{0%,to{opacity:.25;transform:translate(0,0)rotate(0)scale(.72)}50%{opacity:.96;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) rotate(45deg) scale(1.18)}}@keyframes ambient-projector-sweep{0%{opacity:.48;transform:rotate(-8deg)scaleX(.92)}to{opacity:.88;transform:rotate(7deg)scaleX(1.08)}}@keyframes ambient-projector-dust{0%,to{opacity:.16;transform:translate(0,0)scale(.7)}48%{opacity:.74;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) scale(1.2)}}@keyframes ambient-nebula-cloud{0%{transform:translate(-4%,-2%)scale(.9)}to{transform:translate(10%,7%)scale(1.12)}}@keyframes ambient-nebula-drift{0%,to{opacity:.14;transform:translate(0,0)scale(.86)}55%{opacity:.36;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) scale(1.12)}}@keyframes ambient-rain-fall{0%{opacity:0;transform:translateY(-18vh)}12%{opacity:.5}88%{opacity:.4}to{opacity:0;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0)}}@keyframes ambient-snow-fall{0%{opacity:0;transform:translateY(-12vh)}14%{opacity:.7}50%{transform:translate3d(calc(var(--ambient-drift-x) * .5), calc(var(--ambient-drift-y) * .5), 0) translateX(calc(var(--ambient-drift-x) * -.4))}92%{opacity:.5}to{opacity:0;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0)}}@keyframes ambient-wave-drift{0%,to{opacity:.16;transform:translate(0,0)scale(.92)}50%{opacity:.34;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) scale(1.08)}}@keyframes ambient-wave-swell{0%{opacity:.12;transform:translate(-3%,1%)scaleY(.9)}to{opacity:.26;transform:translate(4%,-1.5%)scaleY(1.08)}}@keyframes ambient-candy-float{0%{opacity:0;transform:translate3d(0, 4rem, 0) rotate(var(--ambient-rotation)) scale(.72)}20%,72%{opacity:.78}to{opacity:0;transform:translate3d(var(--ambient-drift-x), var(--ambient-drift-y), 0) rotate(calc(var(--ambient-rotation) + 90deg)) scale(1.08)}}.note-layer{z-index:4;place-items:center;width:78%;height:30%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.note-layer-scene,.note-layer-accent{z-index:1;opacity:.92;width:82%;height:52%}.note-layer-accent{z-index:3;pointer-events:none}.note-layer-scene.placement-c,.note-layer-accent.placement-c{width:100%;height:100%}.note-layer-text{z-index:5;width:min(78%,100% - 2rem)}.note-layer-text p,.signature-line{color:inherit;letter-spacing:-.028em;overflow-wrap:anywhere;text-align:center;text-wrap:balance;text-shadow:0 0 1.3rem color-mix(in srgb, var(--note-glow) 45%, transparent);animation:copy-reveal var(--copy-reveal-ms,.9s) ease-out both;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,6.7vw,2.45rem);font-weight:500;line-height:1.18}.note-segment[data-archetype=floating-words] .note-layer-text p span{opacity:0;animation:word-float var(--word-reveal-ms,.65s) cubic-bezier(.22, .85, .3, 1) forwards;animation-delay:calc(var(--word-index) * var(--word-stagger-ms,55ms));margin-inline:.11em;display:inline-block;transform:translateY(.75rem)}.note-segment[data-archetype=particle-burst] .note-layer-text p{animation:burst-copy var(--copy-reveal-ms,.85s) cubic-bezier(.16, 1, .3, 1) both}.note-segment[data-archetype=hold] .note-layer-text p{font-size:clamp(1.25rem,5vw,1.75rem);animation:2.4s ease-in-out infinite alternate hold-breathe}.note-segment[data-archetype=finale] .note-layer-text p{font-size:clamp(1.8rem,7vw,2.7rem)}.note-layer-text .typewriter{width:100%;animation:1.4s steps(24,end) both type-reveal;overflow:hidden}.placement-nw{top:18%;left:16%}.placement-n{top:18%;left:50%}.placement-ne{top:18%;left:84%}.placement-w{top:50%;left:16%}.placement-c{top:50%;left:50%}.placement-e{top:50%;left:84%}.placement-sw{top:82%;left:16%}.placement-s{top:82%;left:50%}.placement-se{top:82%;left:84%}.note-layer-text:is(.placement-nw,.placement-w,.placement-sw){left:max(1rem,5%);transform:translateY(-50%)}.note-layer-text:is(.placement-ne,.placement-e,.placement-se){left:auto;right:max(1rem,5%);transform:translateY(-50%)}.note-layer-text:is(.placement-nw,.placement-w,.placement-sw) p{text-align:left}.note-layer-text:is(.placement-ne,.placement-e,.placement-se) p{text-align:right}.signature-line{z-index:8;letter-spacing:.035em;width:80%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.85rem,3.4vw,1.05rem);font-weight:500;position:absolute}.tap-surface-control{z-index:19;appearance:none;border-radius:inherit;touch-action:manipulation;background:0 0;width:100%;height:100%;padding:0;position:absolute;inset:0;border:0!important}.tap-surface-control:focus-visible{outline-offset:-5px!important}.tap-next{z-index:20;letter-spacing:.025em;pointer-events:none;text-shadow:0 0 1rem color-mix(in srgb, var(--note-glow) 62%, transparent);white-space:nowrap;margin:0;animation:.5s ease-out both tap-arrive;position:absolute;bottom:1.2rem;right:50%;transform:translate(50%);font-size:.78rem!important;font-weight:700!important}.note-player-closed{background-image:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--note-glow) 20%, transparent), transparent 34%), linear-gradient(150deg, transparent, color-mix(in srgb, var(--note-soft) 58%, transparent));place-items:center;display:grid}.open-gift{z-index:8;background:color-mix(in srgb, var(--note-soft) 70%, #0003);text-align:center;border-radius:1.4rem;place-items:center;gap:.6rem;width:min(78%,17rem);min-height:9rem;padding:1.5rem;line-height:1.3;display:grid;position:relative;box-shadow:0 1.5rem 4rem #00000047;font-family:Georgia,Times New Roman,serif!important;font-size:1.25rem!important}.open-gift span{color:var(--note-glow);font-size:2.2rem;animation:1.8s ease-in-out infinite alternate gift-glow}.note-player-static{aspect-ratio:auto;min-height:min(46.7rem,100dvh - 2rem);overflow-y:auto}.static-note-copy{z-index:5;flex-direction:column;justify-content:center;gap:1.1rem;min-height:100%;padding:5.5rem 2rem 3rem;display:flex;position:relative}.static-note-copy p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.12rem,4.4vw,1.45rem);line-height:1.45}.static-note-copy .signature-line{text-align:left;width:auto;margin-top:.8rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;animation:none;position:static}.static-note-beat{gap:.65rem;display:grid}.static-note-beat figure{margin:0}.static-note-photo-frame{background:#06050d;border-radius:1rem;height:clamp(10rem,48vw,18rem);overflow:hidden}.static-note-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.static-note-beat figcaption{margin-top:.4rem;font-size:.85rem;line-height:1.4}.note-player[data-static-frame=true] *,.note-player[data-static-frame=true] :before,.note-player[data-static-frame=true] :after{opacity:1;animation-duration:0s!important;animation-delay:0s!important}.player-harness-shell{width:min(100%,90rem);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,4vw,3.5rem)}.player-harness-header{max-width:46rem;margin:0 auto 2rem}.player-harness-header h1{font-size:clamp(2.5rem,7vw,5rem)}.player-harness-header>p:last-child{color:var(--muted);line-height:1.6}.player-harness-grid{grid-template-columns:minmax(20rem,1fr) minmax(20rem,26.25rem);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.player-harness-editor{border:1px solid var(--line);background:var(--surface);border-radius:1.3rem;gap:.8rem;min-width:0;padding:1.2rem;display:grid}.player-harness-editor label{font-weight:700}.player-harness-editor textarea{resize:vertical;border:1px solid var(--line);color:#f8f4ff;background:#0a0813;border-radius:.8rem;width:100%;min-height:34rem;padding:1rem;font:.78rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.player-harness-editor [role=alert]{color:#ffb8c4;margin:0}.player-harness-actions{flex-wrap:wrap;gap:.7rem;display:flex}.player-harness-actions button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#2b2250;border-radius:999px;padding:.65rem 1rem;font-weight:700}.player-harness-preview{place-items:start center;display:grid}.player-harness-preview-only{place-items:center}@keyframes segment-focus{0%{opacity:0;transform:scale(1.025)}}@keyframes segment-pop{0%{opacity:0;transform:rotate(calc(-1deg * var(--motion-amplitude,1))) scale(.76)}70%{transform:rotate(calc(.3deg * var(--motion-amplitude,1))) scale(1.055)}}@keyframes segment-rise{0%{opacity:0;transform:translateY(calc(2rem * var(--motion-amplitude,1))) scale(.98)}}@keyframes segment-tilt{0%{opacity:0;transform:rotate(calc(-2deg * var(--motion-amplitude,1))) translateY(calc(.7rem * var(--motion-amplitude,1))) scale(.92)}}@keyframes segment-soft{0%{opacity:0;transform:translateY(calc(.7rem * var(--motion-amplitude,1))) scale(.97)}}@keyframes segment-cosmic{0%{opacity:0;filter:blur(.6rem);transform:translateY(calc(-.45rem * var(--motion-amplitude,1))) scale(1.06)}}@keyframes segment-steps{0%{opacity:0;transform:translateY(calc(1rem * var(--motion-amplitude,1)))}}@keyframes segment-heart{0%{opacity:0;transform:translateY(calc(.5rem * var(--motion-amplitude,1))) scale(.96)}62%{transform:translateY(0)scale(1.025)}}@keyframes segment-exit-fade{to{opacity:0}}@keyframes segment-exit-lift{to{opacity:0;transform:translateY(calc(-.45rem * var(--motion-amplitude,1))) scale(1.08)}}@keyframes segment-exit-rise{to{opacity:0;transform:translateY(calc(-2rem * var(--motion-amplitude,1))) scale(.98)}}@keyframes segment-exit-tilt{to{opacity:0;transform:rotate(calc(2deg * var(--motion-amplitude,1))) scale(1.04)}}@keyframes segment-exit-dissolve{to{opacity:0;filter:blur(.5rem);transform:scale(.98)}}@keyframes segment-exit-steps{to{opacity:0;transform:translateY(calc(-.75rem * var(--motion-amplitude,1)))}}@keyframes segment-exit-scale{to{opacity:0;transform:scale(1.05)}}@keyframes photo-profile-motion{0%{transform:var(--photo-from,scale(1))}to{transform:var(--photo-to,scale(1.04))}}@keyframes copy-reveal{0%{opacity:0;filter:blur(.4rem);transform:translateY(.8rem)}}@keyframes word-float{to{opacity:1;transform:translateY(0)}}@keyframes burst-copy{0%{opacity:0;transform:scale(.8)}}@keyframes hold-breathe{0%{opacity:.68;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}@keyframes type-reveal{0%{max-width:0}to{max-width:100%}}@keyframes tap-arrive{0%{opacity:0;transform:translate(50%,.4rem)}}@keyframes gift-glow{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@media (max-width:760px){.player-harness-grid{grid-template-columns:1fr}.player-harness-editor textarea{min-height:22rem}}@media (prefers-reduced-motion:reduce){:root:not([data-user-motion=full]) button,:root:not([data-user-motion=full]) a,:root:not([data-user-motion=full]) input,:root:not([data-user-motion=full]) select,:root:not([data-user-motion=full]) textarea,:root:not([data-user-motion=full]) summary{transition-duration:.01ms!important}:root:not([data-user-motion=full]) .note-player *,:root:not([data-user-motion=full]) .note-player :before,:root:not([data-user-motion=full]) .note-player :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.recipient-shell{min-height:100vh;padding:clamp(.75rem,3vw,2rem)}.recipient-note{place-items:center;gap:2rem;width:min(100%,47rem);margin:0 auto;display:grid}.recipient-actions{border:1px solid var(--line);background:var(--surface);border-radius:1.5rem;width:min(100%,42rem);padding:clamp(1.35rem,5vw,2.5rem);box-shadow:0 1.5rem 5rem #00000040}.recipient-story{border:1px solid color-mix(in srgb, var(--accent-2) 42%, var(--line));background:radial-gradient(circle at 86% 8%, #a997ff2e, transparent 12rem), var(--surface);border-radius:1.5rem;gap:1rem;width:min(100%,42rem);padding:clamp(1rem,4vw,2rem);display:grid;box-shadow:0 1.5rem 5rem #00000040}.recipient-story-copy .eyebrow,.recipient-story-copy>p:last-child{margin:0}.recipient-story-copy h2{letter-spacing:-.035em;margin:0 0 .65rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:500}.recipient-story-copy>p:last-child{color:var(--muted);line-height:1.6}.story-frame-shell{border:1px solid var(--line);aspect-ratio:4/5;background:#090712;border-radius:1rem;overflow:hidden}.story-frame-shell iframe{border:0;width:100%;height:100%;display:block}.story-reader-link{border:1px solid var(--line);min-height:3rem;color:var(--accent);background:#2b2250;border-radius:999px;place-items:center;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:grid}.recipient-actions h1{margin:0 0 1.5rem;font-size:clamp(2rem,7vw,3.6rem);line-height:1}.share-actions,.funnel-actions{flex-wrap:wrap;gap:.7rem;display:flex}.share-actions button,.share-actions a{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#2b2250;border-radius:999px;place-items:center;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-grid}.funnel-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem;display:grid}.funnel-card{border:1px solid var(--line);min-height:8.5rem;color:var(--ink);background:radial-gradient(circle at 80% 18%,#ffe48a38,#0000 5rem),#0a081885;border-radius:1rem;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.1rem;text-decoration:none;display:flex}.funnel-card span{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.funnel-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.2}.report-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05040cc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.report-card{border:1px solid var(--line);background:#1d1734;border-radius:1.3rem;width:min(100%,28rem);padding:1.5rem;box-shadow:0 2rem 6rem #00000080}.report-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem}.report-card p{color:var(--muted);line-height:1.6}.report-card>div{justify-content:flex-end;gap:.7rem;display:flex}.report-card button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#34285d;border-radius:999px;padding:.65rem 1rem;font-weight:700}.report-card button:disabled{cursor:wait;opacity:.58}.report-feedback{min-height:1.5rem;color:var(--muted);text-align:center;margin:-1rem 0 0}.legal-footer{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;padding:.5rem;font-size:.8rem;display:flex}.legal-footer a{color:inherit}.note-status-shell,.legal-shell{place-items:center;min-height:100vh;padding:clamp(1rem,5vw,3rem);display:grid}.note-status-card,.legal-card{border:1px solid var(--line);background:var(--surface);border-radius:1.7rem;width:min(100%,46rem);padding:clamp(1.5rem,6vw,4rem);box-shadow:0 2rem 6rem #00000052}.note-status-card{text-align:center}.note-status-card>span{color:var(--accent);margin-bottom:1rem;font-size:2.5rem;display:block}.note-status-card h1,.legal-card h1{font-size:clamp(2.6rem,9vw,5.2rem)}.note-status-card>p,.legal-card>p{color:var(--muted);font-size:1.05rem;line-height:1.7}.note-status-card .legal-footer,.legal-card .legal-footer{margin-top:2rem}.legal-card h2{margin:2rem 0 .4rem;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.legal-card address{color:var(--muted);gap:.35rem;font-style:normal;line-height:1.6;display:grid}.fixture-warning{color:#ffe3bd;text-align:center;background:#86460e47;border:1px solid #ffbd72;border-radius:.8rem;margin-bottom:1.5rem;padding:.8rem;display:block}@media (max-width:600px){.funnel-actions{grid-template-columns:1fr}.share-actions>*{width:100%}}.composer-shell{width:min(100%,94rem);min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,3rem)}.composer-gallery{flex-direction:column;gap:2rem;width:min(100%,80rem);display:flex}.composer-hero{max-width:54rem;padding:clamp(1.5rem,5vw,4rem) 0 1rem}.composer-hero .site-mark{color:var(--muted);letter-spacing:.08em;margin:0 0 1.8rem;font-size:.82rem;font-weight:700}.composer-hero h1,.composer-panel h1,.share-card h1{font-size:clamp(3rem,8vw,6.3rem)}.composer-hero .lede,.composer-panel .lede,.share-card .lede{margin-bottom:0}.resume-card{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:radial-gradient(circle at 6% 30%, #ffe48a29, transparent 10rem), var(--surface);border-radius:1.4rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.2rem,3vw,1.8rem);display:flex}.resume-card h2,.style-card h2,.beats-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:500}.resume-card p,.beats-heading p{color:var(--muted);margin:.35rem 0 0;line-height:1.5}.inline-actions,.share-button-grid{flex-wrap:wrap;gap:.65rem;display:flex}.primary-button,.quiet-button,.text-button,.add-beat-button,.play-beat,.beat-actions button{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.65rem 1rem;font-weight:700;text-decoration:none}.primary-button{border-color:color-mix(in srgb, var(--accent) 46%, var(--line));background:var(--accent);color:#1b1429;box-shadow:0 .8rem 2rem #ffe48a21}.quiet-button,.add-beat-button,.play-beat,.beat-actions button{background:#2b2250}.text-button{min-height:2.75rem;color:var(--muted);background:0 0;border:0;padding-block:.5rem;padding-inline:0}.primary-button:focus-visible,.quiet-button:focus-visible,.text-button:focus-visible,.add-beat-button:focus-visible,.template-card:focus-visible,.scratch-card:focus-visible,.composer-panel input:focus-visible,.composer-panel select:focus-visible,.composer-panel textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.46}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.template-card{--card-deep:#161226;--card-glow:#b79df2;border:1px solid color-mix(in srgb, var(--card-glow) 40%, transparent);background:radial-gradient(circle at 75% 18%, color-mix(in srgb, var(--card-glow) 32%, transparent), transparent 7rem), linear-gradient(150deg, color-mix(in srgb, var(--card-glow) 10%, var(--card-deep)), var(--card-deep));color:#f8f4ff;text-align:left;cursor:pointer;border-radius:1.5rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.35rem;min-height:15.5rem;padding:1.35rem;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 3rem #ffffff06}.template-card:hover{border-color:color-mix(in srgb, var(--card-glow) 72%, transparent);transform:translateY(-.25rem)}.template-card:after{color:var(--card-glow);content:"✦";text-shadow:0 0 1.2rem var(--card-glow);font-size:1.4rem;position:absolute;top:1.2rem;right:1.2rem}.template-number{color:color-mix(in srgb, var(--card-glow) 76%, white);letter-spacing:.14em;font-size:.72rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.template-card strong{max-width:15rem;margin-bottom:.35rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.7vw,2rem);font-weight:500;line-height:1.08}.template-card>span:not(.template-number){color:#f8f4ffad;font-size:.78rem}.palette-card-candlelight{--card-deep:#1a120b;--card-glow:#f2a65a}.palette-card-starlight{--card-deep:#0b1026;--card-glow:#9db8ff}.palette-card-aurora{--card-deep:#07131c;--card-glow:#4fd6a5}.palette-card-rose-dusk{--card-deep:#231320;--card-glow:#e58fb1}.palette-card-firefly{--card-deep:#0d150c;--card-glow:#d9e06b}.palette-card-lavender-haze{--card-deep:#3a0348;--card-glow:#ff8cff}.palette-card-golden-hour{--card-deep:#4a0709;--card-glow:#ffc400}.scratch-card{border:1px dashed color-mix(in srgb, var(--accent-2) 56%, transparent);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#15102aa8;border-radius:1.3rem;align-items:center;gap:1rem;padding:1.2rem 1.4rem;display:flex}.scratch-card:hover{border-color:color-mix(in srgb, var(--accent-2) 78%, transparent);background:#2b2250b8}.scratch-card>span:first-child{width:2.8rem;height:2.8rem;color:var(--accent);background:#2b2250;border-radius:50%;flex:none;place-items:center;font-size:1.4rem;display:grid}.scratch-card strong,.scratch-card small{display:block}.scratch-card strong{margin-bottom:.25rem;font-size:1rem}.scratch-card small{color:var(--muted);font-size:.82rem}.composer-workspace{grid-template-columns:minmax(32rem,1fr) minmax(19rem,26.25rem);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.composer-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, #100c21);border-radius:1.8rem;min-width:0;padding:clamp(1.1rem,4vw,3rem);box-shadow:0 2rem 6rem #00000040}.composer-panel h1{max-width:44rem;margin-bottom:2rem}.composer-heading{display:block}.composer-toolbar{justify-content:space-between;align-items:center;gap:1rem;min-height:2.8rem;margin-bottom:2rem;display:flex}.save-status{color:#90dfb6;font-size:.76rem;font-weight:700}.style-card,.beat-card,.send-form>fieldset,.story-attach-disclosure,.send-errors{border:1px solid var(--line);background:#0a081880;border-radius:1.2rem;padding:1.15rem}.style-grid,.send-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;margin-top:1.2rem;display:grid}.style-grid>label{align-self:start}.style-grid>label>select{align-self:start;height:2.9rem}.custom-audio-editor{border:1px solid var(--line);background:#09071673;border-radius:1rem;grid-column:1/-1;gap:.65rem;padding:.9rem;display:grid}.custom-audio-editor>p,.custom-audio-preview small{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.audio-upload-button{cursor:pointer;place-items:center;width:fit-content;min-height:2.75rem;display:inline-grid!important}.composer-panel .audio-upload-button input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.audio-upload-button:focus-within{outline:3px solid var(--accent-2);outline-offset:3px}.custom-audio-preview{gap:.55rem;display:grid}.custom-audio-preview audio{width:min(100%,28rem)}.custom-audio-preview .text-button{width:fit-content}.composer-panel label,.send-form,.beat-copy{gap:.45rem;display:grid}.composer-panel label>span,.send-form legend,.share-card label{color:color-mix(in srgb, var(--muted) 82%, white);letter-spacing:.025em;font-size:.78rem;font-weight:700}.composer-panel input:not([type=radio]):not([type=checkbox]),.composer-panel select,.composer-panel textarea,.share-card input{border:1px solid var(--line);width:100%;min-height:2.9rem;color:var(--ink);font:inherit;background:#0d0a1b;border-radius:.72rem;padding:.72rem .8rem}.composer-panel input::placeholder,.composer-panel textarea::placeholder,.share-card input::placeholder{color:#aca2c4;opacity:1}.composer-panel textarea{resize:vertical;min-height:7.4rem;line-height:1.5}.composer-panel small,.send-form small{color:var(--muted);font-size:.75rem;line-height:1.4}.beats-heading{justify-content:space-between;align-items:end;gap:1rem;margin:2.5rem 0 1rem;display:flex}.beats-heading>span{color:var(--accent-2);flex:none;font-size:.78rem;font-weight:700}.beat-list,.beat-card{gap:1rem;display:grid}.beat-card.selected{border-color:color-mix(in srgb, var(--accent-2) 62%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-2) 18%, transparent)}.beat-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.beat-card>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.beat-card>header>div{gap:.22rem;display:grid}.beat-card>header span{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.beat-card>header strong{font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.play-beat{min-height:2.75rem;padding:.45rem .75rem;font-size:.75rem}.prompt-copy{border-left:2px solid var(--accent-2);color:var(--muted);margin:0;padding:.35rem 0 .35rem .75rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.4}.prompt-copy span{color:var(--accent-2);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.18rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:block}.character-count{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:.25rem .75rem;font-size:.75rem;display:flex}.character-count strong,.over-limit{color:#ffb8c4}.choice-row{align-items:flex-start;gap:.65rem!important;display:flex!important}.choice-row input{width:1.5rem;height:1.5rem;accent-color:var(--accent-2);flex:none;margin:.12rem 0 0}.free-toggle{margin-top:.25rem}.beat-photo-editor{border:1px solid var(--line);background:#09071673;border-radius:1rem;gap:.8rem;padding:.9rem;display:grid}.beat-photo-heading{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.photo-upload-button{cursor:pointer;place-items:center;min-height:2.75rem;display:inline-grid}.composer-panel .photo-upload-button input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.photo-upload-button:focus-within{outline:3px solid var(--accent-2);outline-offset:3px}.photo-controls{gap:.75rem;display:grid}.photo-crop-preview{background:#06050d;border-radius:.85rem;height:13rem;overflow:hidden}.photo-crop-preview img{object-fit:cover;width:100%;height:100%}.photo-controls input[type=range]{accent-color:var(--accent-2);padding:0}.photo-missing{color:#ffcfda;margin:0;font-size:.82rem;line-height:1.45}.global-writing-toggle>span,.compliance-row>span{line-height:1.45;font-size:.82rem!important}.global-writing-toggle{border:1px solid var(--line);background:#0a081880;border-radius:.85rem;width:fit-content;margin:-.35rem 0 1rem;padding:.8rem .9rem}.beat-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:.45rem;padding-top:.8rem;display:flex}.beat-actions button{width:2.75rem;min-height:2.75rem;padding:0}.beat-actions .add-after-beat{width:auto;margin-right:auto;padding-inline:.85rem;font-size:.75rem}.finale-lock{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.add-beat-button,.continue-button{width:100%;margin-top:1rem}.continue-button{min-height:3.35rem;font-size:1rem}.composer-mode-toggle{border:1px solid var(--line);background:#0d0a1b;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:-.8rem 0 1.5rem;padding:.3rem;display:grid}.composer-mode-toggle button{min-height:2.75rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:700}.composer-mode-toggle button[aria-pressed=true]{color:var(--ink);background:#382b68;box-shadow:0 .5rem 1.5rem #00000040}.custom-beat-notice{border:1px solid color-mix(in srgb, var(--accent-2) 42%, var(--line));background:#46357e40;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.custom-beat-notice p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.custom-beat-notice .quiet-button{flex:none;min-height:2.75rem;padding:.45rem .75rem;font-size:.75rem}.suggestion-notice{border-color:color-mix(in srgb, var(--accent) 36%, var(--line))}.custom-layer-copy{border-top:1px solid var(--line);padding-top:1rem}.timeline-editor{gap:1.25rem;margin-top:2.5rem;display:grid}.timeline-header h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.3rem);font-weight:500}.timeline-header>p:last-child,.timeline-overview-heading p,.layers-heading p{color:var(--muted);margin:.55rem 0 0;line-height:1.55}.timeline-overview,.timeline-inspector{border:1px solid var(--line);background:#0a08188f;border-radius:1.2rem;min-width:0;padding:1rem}.timeline-overview-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.timeline-overview-heading h3,.timeline-inspector h3,.layers-heading h4{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.timeline-overview-heading>span{color:var(--accent-2);flex:none;font-size:.75rem;font-weight:700}.timeline-scroll{border:1px solid var(--line);background:#090712;border-radius:.8rem;overflow:hidden}.timeline-tracks{box-sizing:border-box;width:100%;min-width:0;padding:.75rem;display:grid}.timeline-ruler,.timeline-track-row{grid-template-columns:clamp(4.5rem,22vw,6.5rem) minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.timeline-ruler{min-height:1.6rem}.timeline-ruler>div{border-bottom:1px solid var(--line);height:100%;position:relative}.timeline-ruler i{background:#fff3;width:1px;height:.35rem;font-style:normal;position:absolute;bottom:-.25rem}.timeline-ruler i[data-second]:after{color:var(--muted);content:attr(data-second) "s";font-size:.75rem;position:absolute;bottom:.55rem;left:0;transform:translate(-35%)}@media (max-width:360px){.timeline-ruler i[data-second]:after{display:none}.timeline-ruler i[data-second]:nth-child(10n+1):after{display:block}}.timeline-track-row{border-bottom:1px solid #dbc9ff17;min-height:3.25rem}.timeline-track-row>strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;overflow:hidden}.timeline-lane{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#ffffff09 calc(10% - 1px) 10%),#ffffff06;border-radius:.35rem;min-width:0;height:2.75rem;position:relative}.empty-track{color:#bdb3d2;font-size:.75rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.timeline-note-bar,.timeline-lane-segments button,.timeline-layer-bar{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff21;border-radius:.28rem;font-size:.75rem;position:absolute;top:0;bottom:0;overflow:hidden}.timeline-note-bar{background:#6d53bc40;align-items:center;padding-inline:.45rem;display:grid;left:.18rem;right:.18rem}.timeline-lane-segments button,.timeline-layer-bar{cursor:pointer;min-width:.35rem;padding:0}.timeline-lane-segments button{background:#3b2d6d}.timeline-lane-segments button.selected{border-color:var(--accent);background:#66509f;box-shadow:0 0 .8rem #ffe48a24}.timeline-layer-bar{background:#5268a8}.timeline-lane-text .timeline-layer-bar{background:#9f557e}.timeline-lane-accent .timeline-layer-bar{background:#aa7b3e}.segment-tabs{gap:.45rem;padding:.1rem 0 .35rem;display:flex;overflow-x:auto}.segment-tabs button{border:1px solid var(--line);min-height:2.75rem;color:var(--muted);font:inherit;cursor:pointer;background:#17112d;border-radius:999px;flex:none;padding:.45rem .8rem;font-size:.75rem;font-weight:700}.segment-tabs button[aria-selected=true]{border-color:var(--accent-2);color:var(--ink);background:#3a2d68}.timeline-inspector{gap:1.2rem;display:grid}.timeline-inspector>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.timeline-inspector>header .eyebrow{margin-bottom:.25rem}.timeline-inspector-actions{align-items:center;gap:.55rem;display:flex}.danger-button{color:#ffdbe5;min-height:2.75rem;font:inherit;cursor:pointer;background:#691d376b;border:1px solid #ff95b06b;border-radius:999px;padding:.65rem 1rem;font-weight:700}.danger-button:disabled{cursor:not-allowed;opacity:.45}.segment-control-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;padding:1rem 0;display:grid}.timeline-range-control>div{grid-template-columns:minmax(6rem,1fr) 4.4rem;align-items:center;gap:.55rem;display:grid}.timeline-range-control input[type=range]{width:100%;accent-color:var(--accent-2)}.composer-panel .timeline-number{min-height:2.75rem!important;padding:.35rem .45rem!important;font-size:.78rem!important}.split-control{align-items:center;min-height:2.9rem;display:flex}.split-control .quiet-button{width:100%}.layers-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.layers-heading p{font-size:.75rem}.no-layers{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:.8rem;margin:0;padding:1rem;font-size:.8rem}.timeline-layer-list{gap:.8rem;display:grid}.timeline-layer-card{border:1px solid var(--line);background:#0d0a1b;border-left:3px solid #5268a8;border-radius:.9rem;gap:.9rem;padding:.9rem;display:grid}.timeline-layer-card.layer-card-text{border-left-color:#b96894}.timeline-layer-card.layer-card-accent{border-left-color:#c58b41}.timeline-layer-card>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.timeline-layer-card>header strong{font-size:.78rem}.timeline-layer-card>header span{color:var(--muted);font-size:.75rem}.timeline-layer-card>header button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:#2b2250;border-radius:50%}.timeline-layer-card textarea{min-height:5.5rem}.layer-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.placement-fieldset{border:0;margin:0;padding:0}.placement-fieldset legend{color:color-mix(in srgb, var(--muted) 82%, white);margin-bottom:.45rem;font-size:.78rem;font-weight:700}.placement-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;width:9.5rem;display:grid}.placement-grid button{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#17112d;border-radius:.4rem}.placement-grid button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#4b396f}.add-layer-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.add-layer-actions button,.add-segment-button{border:1px dashed color-mix(in srgb, var(--accent-2) 50%, var(--line));min-height:2.8rem;color:var(--ink);font:inherit;cursor:pointer;background:#34285d59;border-radius:.75rem;padding:.55rem;font-size:.75rem;font-weight:700}.add-segment-button{border-radius:999px;width:100%}.composer-preview{gap:.85rem;display:grid;position:sticky;top:1rem}.preview-heading{color:var(--muted);font-size:.78rem;line-height:1.45}.preview-heading .eyebrow,.preview-heading p{margin:0}.preview-heading .eyebrow{margin-bottom:.2rem}.device-frame{background:#080612;border:.55rem solid #080612;border-radius:2.5rem;box-shadow:0 2rem 6rem #00000073,0 0 0 1px #ffffff1f}.device-frame .note-player{width:100%;box-shadow:none;border:0;border-radius:1.95rem}.story-preview-card{border:1px solid color-mix(in srgb, var(--accent-2) 42%, var(--line));background:radial-gradient(circle at 88% 18%,#a997ff33,#0000 6rem),#15102ae6;border-radius:1rem;gap:.45rem;padding:1rem;display:grid}.story-preview-card .eyebrow,.story-preview-card p{margin:0}.story-preview-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500}.story-preview-card p:not(.eyebrow),.story-preview-card small{color:var(--muted);font-size:.75rem;line-height:1.45}.story-preview-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.send-panel .lede{margin-top:1.2rem}.send-form{gap:1.2rem;margin-top:2rem}.send-form>fieldset{gap:.9rem;margin:0;display:grid}.story-attach-fieldset>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.story-attach-disclosure{overflow:clip;padding:0!important}.story-attach-disclosure>summary{min-height:3rem;color:color-mix(in srgb, var(--muted) 82%, white);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.88rem;font-weight:700;list-style:none;display:flex}.story-attach-disclosure>summary::-webkit-details-marker{display:none}.story-attach-disclosure>summary:after{color:var(--accent-2);content:"+";font-size:1.25rem;line-height:1}.story-attach-disclosure[open]>summary{border-bottom:1px solid var(--line)}.story-attach-disclosure[open]>summary:after{content:"−"}.story-attach-fieldset{gap:.9rem;padding:1rem;display:grid}.story-attach-fieldset>a{width:fit-content;font-size:.82rem}.story-url-error{color:#ffb8c4!important}.send-form legend{padding:0 .35rem}.send-errors{color:#ffd8df;background:#631f3347;border-color:#ff9cae66}.send-errors p{margin:.35rem 0 0;font-size:.84rem;line-height:1.5}.send-submit{min-height:3.4rem}.share-screen{place-content:center;gap:2rem;width:min(100%,52rem);display:grid}.share-card{border:1px solid var(--line);background:radial-gradient(circle at 84% 12%, #ffe48a29, transparent 13rem), var(--surface);border-radius:2rem;gap:1rem;padding:clamp(1.5rem,6vw,4rem);display:grid;box-shadow:0 2rem 7rem #00000059}.share-card input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-print-label{display:none}.share-qr{border-top:1px solid var(--line);gap:1rem;margin-top:.5rem;padding-top:1.5rem;display:grid}.share-qr h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:500}.share-qr p{color:var(--muted);margin:.35rem 0 0;line-height:1.55}.share-qr-image{background:#fff;border-radius:1rem;justify-self:center;place-items:center;width:min(100%,20rem);padding:.45rem;display:grid;overflow:hidden}.share-qr-image img{width:100%;height:auto;display:block}.share-qr-url{overflow-wrap:anywhere;color:var(--muted);text-align:center;font-size:.75rem;display:block}.share-qr-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.share-qr-actions .quiet-button{place-items:center;display:inline-grid}.share-privacy-note{font-size:.78rem}.feedback-survey{border:1px solid var(--line);background:#0a081880;border-radius:1rem;margin-top:.5rem;overflow:clip}.feedback-survey>summary{min-height:3rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;font-weight:700;list-style:none;display:flex}.feedback-survey>summary::-webkit-details-marker{display:none}.feedback-survey>summary:after{color:var(--accent-2);content:"+";font-size:1.25rem}.feedback-survey[open]>summary{border-bottom:1px solid var(--line)}.feedback-survey[open]>summary:after{content:"−"}.feedback-survey form{gap:1.25rem;padding:1rem;display:grid}.feedback-survey form>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.feedback-survey fieldset{border:0;gap:.65rem;margin:0;padding:0;display:grid}.feedback-survey legend,.feedback-survey label>span{color:var(--ink);font-size:.82rem;font-weight:700;line-height:1.45}.feedback-options{flex-wrap:wrap;gap:.5rem;display:flex}.feedback-options label{position:relative}.feedback-options input{opacity:0;width:1px;height:1px;position:absolute}.feedback-options span{border:1px solid var(--line);cursor:pointer;background:#211a3d;border-radius:999px;place-items:center;min-height:2.75rem;padding:.55rem .8rem;display:grid}.feedback-options input:checked+span{border-color:var(--accent);background:#44366e}.feedback-options input:focus-visible+span,.feedback-survey textarea:focus-visible,.share-qr-actions a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.feedback-survey label:has(textarea){gap:.5rem;display:grid}.feedback-survey textarea{resize:vertical;border:1px solid var(--line);min-height:7rem;color:var(--ink);font:inherit;background:#0d0a1b;border-radius:.8rem;padding:.8rem}.feedback-survey small{color:var(--muted);line-height:1.45}.feedback-thanks{border:1px solid color-mix(in srgb, var(--accent-2) 45%, var(--line));color:var(--muted);border-radius:1rem;margin:.5rem 0 0;padding:1rem}.share-button-grid>*{place-items:center;display:inline-grid}.finished-link{border:1px solid var(--line);min-height:3.4rem;color:var(--accent);background:#0a081885;border-radius:1rem;place-items:center;font-weight:700;text-decoration:none;display:grid}@media (max-width:960px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-workspace{grid-template-columns:1fr}.composer-preview{grid-row:1;width:min(100%,26.25rem);margin:0 auto;position:static}}@media (max-width:600px){.composer-shell{padding:.75rem}.composer-gallery{gap:1.25rem}.composer-hero{padding-inline:.45rem}.composer-hero h1,.composer-panel h1,.share-card h1{font-size:clamp(2.75rem,14vw,4.4rem)}.template-grid{grid-template-columns:1fr}.template-card{min-height:12.5rem}.resume-card,.beat-card>header{flex-direction:column;align-items:stretch}.inline-actions>*,.share-button-grid>*{width:100%}.composer-workspace{gap:1rem;padding:.5rem}.composer-preview{grid-row:auto}.composer-panel{border-radius:1.25rem;padding:1rem}.style-grid,.send-date-grid{grid-template-columns:1fr}.composer-toolbar{margin-bottom:1rem}.play-beat{width:100%}.device-frame{border-width:.35rem;border-radius:2rem}.device-frame .note-player{border-radius:1.65rem}.share-card{border-radius:1.3rem;padding:1.2rem}.custom-beat-notice,.timeline-inspector>header,.timeline-overview-heading{flex-direction:column;align-items:stretch}.custom-beat-notice .quiet-button,.timeline-inspector>header .quiet-button,.timeline-inspector-actions,.timeline-inspector-actions>*{width:100%}.timeline-overview,.timeline-inspector{padding:.75rem}.segment-control-grid,.layer-timing-grid,.add-layer-actions{grid-template-columns:1fr}.timeline-range-control>div{grid-template-columns:minmax(5rem,1fr) 4rem}}@media print{@page{margin:18mm}body{color:#111!important;background:#fff!important}body *{visibility:hidden!important}.share-card,.share-card .share-print-label,.share-card .share-qr,.share-card .share-qr *{visibility:visible!important}.share-card{color:#111;width:100%;box-shadow:none;background:#fff;border:0;padding:0;position:absolute;inset:0}.share-card>:not(.share-print-label):not(.share-qr),.share-qr-actions,.share-privacy-note{display:none!important}.share-print-label{color:#111;text-align:center;margin:0 0 8mm;font:700 16pt/1.2 Georgia,Times New Roman,serif;display:block}.share-qr{color:#111;border:0;padding:0}.share-qr h2,.share-qr p,.share-qr-url{color:#111!important}}.recipient-shell{width:100dvw;min-height:100dvh;padding:0;overflow:hidden}.recipient-note{width:100%;max-width:none;height:100dvh;margin:0;display:block;position:relative}.add-layer-actions{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:600px){.add-layer-actions{grid-template-columns:1fr}}