.putar-root{--paper:#fff8e8;--soft:#e7dafa;--ink:#24202b;--muted:#615365;--accent:#44278c;--on-accent:#fff8e8;--line:#9b87a8;--coral:#ff997f;--yellow:#f7ec68;--lilac:var(--soft);--ease-out:cubic-bezier(.23, 1, .32, 1);color:var(--ink);background:var(--paper);overflow-wrap:anywhere;font-size:16px;line-height:1.65}.putar-root *,.putar-root :before,.putar-root :after{box-sizing:border-box}.putar-root :is(h1,h2,h3,p,figure,blockquote){margin:0}.putar-root :is(ul,ol){margin:0;padding:0;list-style:none}.putar-display{letter-spacing:-.055em;line-height:1}.putar-root :is(button,a,input,select,textarea,summary):focus-visible,.putar-wishes:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.putar-violet :is(button,a):focus-visible{outline-color:var(--yellow)}.putar-checker{background:conic-gradient(var(--ink) 25%, var(--paper) 0 50%, var(--ink) 0 75%, var(--paper) 0) 0 0 / 20px 20px;flex-shrink:0;height:20px}.putar-paper{background:var(--paper)}.putar-lilac{background:var(--soft)}.putar-coral{background:var(--coral)}.putar-yellow{background:var(--yellow)}.putar-violet{background:var(--accent);color:var(--paper)}.putar-track{letter-spacing:.025em;font-size:13px;font-weight:600}.putar-button{border:2px solid var(--ink);background:var(--accent);min-height:50px;color:var(--on-accent);text-align:center;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .14s var(--ease-out);border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.putar-sleeve-content .putar-button{width:100%}.putar-button-yellow{background:var(--yellow);color:var(--ink)}.putar-button svg{flex:none}.putar-button:active{transform:translate(2px,2px)}@media (hover:hover) and (pointer:fine){.putar-button:hover{transform:translateY(-2px)}}.putar-envelope{z-index:100;background:var(--accent);color:var(--paper);padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.putar-envelope-inner{width:100%;max-width:380px;margin:auto}.putar-envelope-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.putar-envelope-top svg{color:var(--yellow);flex:none}.putar-sleeve{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:10px;overflow:hidden}.putar-sleeve-content{text-align:center;padding:23px 20px 17px}.putar-envelope-names{font-size:clamp(36px,12vw,52px);margin-top:9px!important}.putar-envelope-names>span{display:block}.putar-cassette-wrap{margin:20px -6px 18px;position:relative;transform:rotate(-5deg)}.putar-cassette{width:100%;color:var(--ink);position:relative}.putar-cassette>svg{width:100%;height:auto;display:block}.putar-cassette-label{background:var(--paper);flex-direction:column;align-items:center;line-height:1.2;display:flex;position:absolute;inset:10% 12% auto}.putar-cassette-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline:6px;font-size:clamp(24px,8vw,34px);overflow:hidden}.putar-cassette-label strong.putar-cassette-label-long{font-size:clamp(15px,4.8vw,22px);line-height:1.45}@media (prefers-reduced-motion:no-preference){.putar-playing .putar-reel{animation:1s cubic-bezier(.23,1,.32,1) both putar-reel-wind}}@keyframes putar-reel-wind{to{transform:rotate(540deg)}}.putar-cassette-label span{margin-top:3px;font-size:13px}.putar-side-note{background:var(--yellow);border:1.5px solid var(--ink);border-radius:2px;padding:3px 9px;font-size:13px;position:absolute;bottom:-4px;right:-2px;transform:rotate(8deg)}.putar-envelope-tagline{font-size:16px;font-weight:700}.putar-date{color:var(--muted);font-size:14px;margin-top:3px!important}.putar-guest{border-top:1px dashed var(--line);margin:17px 0;padding-top:15px}.putar-guest p{color:var(--muted);font-size:13px}.putar-guest strong{margin-top:5px;font-size:16px;line-height:1.4;display:block}.putar-demo{color:var(--muted);font-size:13px;margin-top:13px!important}.putar-envelope-footer{text-align:center;font-size:13px;margin-top:22px!important}.putar-hero{position:relative}.putar-hero-meta{border-bottom:1px solid color-mix(in srgb, var(--paper) 35%, transparent);justify-content:space-between;gap:10px;padding:17px 22px;font-size:13px;display:flex}.putar-hero-main{padding:28px 24px 16px}.putar-hero-kicker{text-align:center;font-size:14px}.putar-hero-names{text-align:center;flex-direction:column;align-items:center;font-size:clamp(60px,20vw,84px);line-height:.9;display:flex;position:relative;margin:13px 0 30px!important}.putar-hero-names-long{font-size:clamp(38px,11vw,48px);line-height:1}.putar-amp{color:var(--coral);margin:3px 0 5px;font-size:.52em}.putar-album{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);margin-bottom:30px;padding:9px;position:relative;transform:rotate(-3deg)}.putar-photo{aspect-ratio:1.23;background:var(--soft);border:1px solid var(--ink);position:relative;overflow:hidden}.putar-photo-fallback{place-items:center;width:100%;height:100%;font-size:50px;display:grid}.putar-photo-caption{justify-content:space-between;gap:8px;padding:10px 3px 3px;font-size:13px;display:flex}.putar-date-sticker{background:var(--yellow);border:2px solid var(--ink);width:114px;height:114px;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:-8px;transform:rotate(12deg)}.putar-date-sticker span{font-size:13px}.putar-date-sticker strong{margin:4px 0;font-size:25px}.putar-album-star{color:var(--coral);width:56px;height:56px;filter:drop-shadow(2px 2px 0 var(--ink));position:absolute;bottom:-17px;left:8px}.putar-hero-details{text-align:center;font-size:15px}.putar-hero-date{font-size:18px;font-weight:700;margin-bottom:7px!important}.putar-countdown{gap:7px;margin-top:23px}.putar-countdown-cell{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:6px;width:68px;min-height:76px}.putar-countdown-number{font-size:28px}.putar-countdown-label{font-size:13px}.putar-hero-scroll{border-top:1px solid color-mix(in srgb, var(--paper) 35%, transparent);cursor:pointer;justify-content:space-between;align-items:center;width:calc(100% - 48px);min-height:48px;margin:12px 24px 20px;font-size:14px;display:flex}.putar-section{padding:62px 24px}.putar-section-inner{max-width:400px;margin:0 auto}.putar-section-heading{margin-bottom:30px}.putar-section-heading .putar-track{border-bottom:1px solid;margin-bottom:14px;padding-bottom:4px;display:inline-block}.putar-section-heading h2{max-width:340px;font-size:44px;line-height:1.02}.putar-intro{color:var(--muted);margin-top:18px;font-size:16px}.putar-intro p+p{margin-top:12px}.putar-coral .putar-intro,.putar-yellow .putar-intro{color:var(--ink)}.putar-people{gap:44px;display:grid}.putar-person{width:100%;max-width:310px}.putar-person:nth-child(2n){justify-self:end}.putar-person-sleeve{border:2px solid var(--ink);background:var(--soft);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:12px}.putar-person:nth-child(2n) .putar-person-sleeve{background:var(--coral)}.putar-person-top,.putar-person-bottom{justify-content:space-between;align-items:center;gap:7px;font-size:13px;display:flex}.putar-person-top{padding:0 0 12px}.putar-person-photo{aspect-ratio:1;background:var(--paper);border:1.5px solid var(--ink);position:relative;overflow:clip}.putar-person-photo>span{place-items:center;height:100%;font-size:80px;display:grid}.putar-person-bottom{padding:12px 0 0}.putar-person-bottom .putar-display{font-size:32px}.putar-person-bottom>span:last-child{font-size:30px;line-height:1}.putar-person h3{margin-top:22px;font-size:27px;line-height:1.15}.putar-parents{color:var(--muted);font-size:15px;margin-top:10px!important}.putar-tracklist-heading{border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:12px;font-size:13px;display:flex}.putar-tracklist li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:14px;padding:25px 0;display:grid}.putar-track-number{color:var(--accent);padding-top:3px;font-size:30px}.putar-tracklist h3{font-size:18px;font-weight:700;line-height:1.4}.putar-tracklist p{color:var(--muted);margin-top:10px;font-size:16px}.putar-story-end{font-size:14px;font-style:italic;margin-top:22px!important}.putar-tickets{gap:28px;display:grid}.putar-ticket{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--paper);border-radius:8px;overflow:hidden}.putar-ticket-header{background:var(--soft);border-bottom:2px solid var(--ink);justify-content:space-between;gap:8px;padding:10px 18px;font-size:13px;display:flex}.putar-ticket:nth-child(2n) .putar-ticket-header{background:var(--coral)}.putar-ticket-body{padding:24px 20px}.putar-ticket-body h3{font-size:34px}.putar-ticket-date{align-items:center;gap:16px;margin:20px 0;display:flex}.putar-ticket-day{color:var(--accent);flex:none;font-size:64px}.putar-ticket-date p{font-size:15px;line-height:1.5}.putar-ticket-date p:first-child{font-weight:700}.putar-ticket-date p+p{margin-top:4px}.putar-ticket-location{align-items:flex-start;gap:10px;display:flex}.putar-ticket-location svg{flex:none;margin-top:4px}.putar-ticket-location p{font-size:16px}.putar-dress{color:var(--muted);font-size:14px;margin-top:18px!important}.putar-ticket-stub{border-top:2px dashed var(--ink);background:var(--yellow);padding:20px;position:relative}.putar-ticket-stub:before,.putar-ticket-stub:after{content:"";background:var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:-9px}.putar-ticket-stub:before{left:-9px}.putar-ticket-stub:after{right:-9px}.putar-barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 8px, transparent 8px 11px, var(--ink) 11px 12px, transparent 12px 15px);max-width:155px;height:20px;margin:17px auto 0}.putar-setlist li{border-bottom:1px solid var(--ink);grid-template-columns:82px minmax(0,1fr);gap:18px;padding:18px 0;font-size:16px;display:grid}.putar-setlist li:first-child{border-top:2px solid var(--ink)}.putar-setlist-time{font-variant-numeric:tabular-nums;font-weight:700}.putar-setlist-time span{font-size:14px;font-weight:400;display:block}.putar-footnote{font-size:14px;margin-top:22px!important}.putar-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.putar-gallery-item{border:1.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);padding:6px}.putar-gallery-item:first-child,.putar-gallery-single .putar-gallery-item,.putar-gallery-item:last-child:nth-child(2n){grid-column:1/-1}.putar-gallery-photo{aspect-ratio:.84;background:var(--soft);position:relative;overflow:clip}.putar-gallery-item:first-child .putar-gallery-photo,.putar-gallery-item:last-child:nth-child(2n) .putar-gallery-photo{aspect-ratio:1.25}.putar-gallery-item figcaption{align-items:baseline;gap:8px;padding:10px 2px 5px;font-size:14px;line-height:1.4;display:flex}.putar-photo-number{color:var(--accent);font-size:13px;font-weight:700}.putar-empty{border:1px dashed var(--line);border-radius:6px;padding:24px;font-size:16px}.putar-broadcast{align-items:center;gap:14px;padding:22px 0 30px;font-size:16px;font-weight:700;display:flex}.putar-wishes{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overscroll-behavior:contain;max-height:430px;overflow-y:auto;padding-right:8px!important}.putar-wishes li{border:1.5px solid var(--ink);background:var(--paper);border-radius:5px;margin-bottom:15px;padding:22px}.putar-wishes li p{font-size:16px}.putar-wishes li>div{color:var(--accent);align-items:baseline;gap:9px;margin-top:14px;font-size:14px;display:flex}.putar-response{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);border-radius:6px;padding:22px 20px}.putar-response-top{border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:14px;font-size:13px;display:flex}.putar-response :is(button,input,select,textarea){border-radius:4px}.putar-response button{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.putar-closing-inner{text-align:center;padding:48px 24px 55px}.putar-closing-star{width:42px;height:42px;color:var(--yellow);margin:0 auto 22px}.putar-closing h2{margin:15px 0 25px;font-size:42px;line-height:1.05}.putar-closing .putar-cassette{max-width:285px;margin:0 auto 28px;transform:rotate(4deg)}.putar-closing-names{font-size:32px;line-height:1.1;margin-top:22px!important}.putar-verse{border-block:1px solid color-mix(in srgb, var(--paper) 35%, transparent);padding:25px 0;font-size:15px;margin-top:30px!important}.putar-verse cite{margin-top:13px;font-size:14px;font-style:normal;display:block}.putar-signoff{font-size:14px;margin-top:22px!important}.putar-closing-end{flex-direction:column;gap:6px;margin-top:35px;font-size:13px;display:flex}.putar-closing-end span:first-child{color:var(--yellow);font-size:18px;font-weight:700}@media (prefers-reduced-motion:reduce){.putar-root :is(.putar-button,button){transition:none}.putar-button:active{transform:none}}@media (max-width:370px){.putar-envelope{padding:16px}.putar-envelope-top{margin-bottom:14px}.putar-sleeve-content{padding:19px 17px 15px}.putar-cassette-wrap{margin-block:17px 14px}.putar-envelope-footer{margin-top:16px!important}.putar-section-heading h2{font-size:40px}.putar-hero-main{padding-inline:22px}.putar-date-sticker{width:100px;height:100px}.putar-date-sticker span{font-size:13px}.putar-date-sticker strong{font-size:23px}}.putar-scene-host{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.putar-scene-host .r90-scene{background:radial-gradient(ellipse at 50% 35%, var(--accent) 20%, color-mix(in srgb, var(--accent) 88%, var(--ink)) 100%);position:absolute;inset:0;overflow:hidden}.putar-scene-host .r90-scene:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--paper) 12%, transparent) .6px, transparent .9px) 0 0/4px 4px;opacity:.32;position:absolute;inset:0}.putar-scene-layer{position:absolute;inset:-32px -18px}.putar-scene-layer>svg{width:100%;height:100%;display:block}.putar-envelope-inner,.putar-hero-meta,.putar-hero-main,.putar-hero-scroll{z-index:1;position:relative}.putar-hero,.putar-closing{isolation:isolate;position:relative;overflow:hidden}.putar-hero>.putar-checker,.putar-closing>.putar-checker,.putar-closing-inner{z-index:1;position:relative}.putar-sleeve,.putar-cover .cover-sheet{background-image:radial-gradient(circle, color-mix(in srgb, var(--ink) 12%, transparent) .6px, transparent .9px);background-size:4px 4px}.putar-section{isolation:isolate;position:relative;overflow:clip}.putar-section-inner{z-index:1;position:relative}.putar-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--ink) 10%, transparent) .55px, transparent .85px) 0 0/5px 5px;opacity:.65;position:absolute;inset:0}.putar-section:after{content:"";z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 115% 0, transparent 0 24px, color-mix(in srgb, var(--accent) 12%, transparent) 25px 26px, transparent 27px 44px);opacity:.6;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 390px calc(100% - 190px),#000);mask-image:linear-gradient(#000,#0000 390px calc(100% - 190px),#000)}.putar-section.putar-lilac:after{background:repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in srgb, var(--accent) 9%, transparent) 32px 33px);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.putar-section.putar-coral:after{background:repeating-radial-gradient(ellipse at -20% 100%, transparent 0 25px, color-mix(in srgb, var(--ink) 10%, transparent) 26px 27px, transparent 28px 48px);-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.putar-section.putar-yellow:after{background:repeating-linear-gradient(135deg, transparent 0 35px, color-mix(in srgb, var(--accent) 9%, transparent) 36px 37px, transparent 38px 60px);-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.putar-verse{background:color-mix(in srgb, var(--accent) 92%, transparent);border-radius:9px;padding-inline:12px}@keyframes putar-groove-drift{0%{transform:translateY(-28px)}to{transform:translateY(28px)}}@keyframes putar-photo-drift{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.putar-section:after{animation:linear both putar-groove-drift;animation-timeline:view();inset:-28px 0}.putar-person-photo img,.putar-gallery-photo img{animation:linear both putar-photo-drift;animation-timeline:view();scale:1.12}}}