.studio-birthday{--background:var(--letter-parchment);--foreground:var(--letter-ink);--card:var(--letter-sheet);--card-foreground:var(--letter-ink);--primary:var(--letter-seal);--primary-foreground:var(--letter-seal-ink);--muted-foreground:var(--letter-muted);--border:var(--letter-line);--input:var(--letter-line);--ring:var(--letter-seal);background:var(--background);color:var(--foreground);letter-spacing:0}.studio-brand{color:inherit;text-decoration:none}.studio-birthday :is(.headline,h1,h2){font-family:var(--font-display);letter-spacing:0;font-weight:500;line-height:1.2}.studio-birthday :is(input,select,button,a):focus-visible{outline:2px solid var(--primary);outline-offset:4px}.studio-birthday input{background:var(--card);min-height:48px}.studio-birthday .studio-birthday-select{border:1px solid var(--input);background:var(--card);width:100%;min-height:48px;color:var(--foreground);font:inherit;border-radius:.5rem;padding:0 .75rem}.studio-birthday .grain:after{display:none}.studio-birthday .rise{animation:none}.studio-birthday-entry,.studio-birthday-dashboard{isolation:isolate;background:var(--letter-ink);position:relative}.studio-birthday-entry:before,.studio-birthday-dashboard:before,.studio-birthday-entry:after,.studio-birthday-dashboard:after{content:"";pointer-events:none;z-index:-1;border:1px solid color-mix(in oklab, var(--letter-sheet) 24%, transparent);border-top:4px solid var(--letter-seal);background:color-mix(in oklab, var(--letter-sheet) 5%, var(--letter-ink));width:90px;height:180px;box-shadow:var(--letter-shadow);position:absolute;top:30px}.studio-birthday-entry:before,.studio-birthday-dashboard:before{left:0;transform:skewY(-14deg)}.studio-birthday-entry:after,.studio-birthday-dashboard:after{right:0;transform:skewY(14deg)}.studio-birthday-entry>div,.studio-birthday-dashboard>div{position:relative}.studio-birthday-dashboard .studio-entry-brand-panel{color:var(--letter-sheet);padding-bottom:32px}.studio-birthday-dashboard .studio-brand-when{color:oklch(65.5% .155 38)}.studio-birthday-dashboard .studio-brand{--hw-terracotta:oklch(65.5% .155 38)}.studio-birthday-dashboard .studio-organizer-heading{color:var(--letter-sheet);isolation:isolate;background:var(--letter-ink);align-items:flex-start;min-height:190px;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden}.studio-birthday-dashboard .studio-organizer-heading:before{content:"";z-index:-1;background:linear-gradient(90deg,#2a1f1a 0%,#2a1f1af5 58%,#2a1f1a55 100%);position:absolute;inset:0}.studio-birthday-dashboard .studio-dashboard-photo{z-index:-2;object-fit:cover;object-position:center 58%;width:48%;height:100%;position:absolute;inset:0 0 0 auto}@media (width<=640px){.studio-birthday-dashboard .studio-dashboard-photo{opacity:.28;width:100%}.studio-birthday-dashboard .studio-organizer-heading:before{background:#2a1f1ad9}}.studio-birthday-dashboard .studio-organizer-heading :is(.eyebrow,p,button){color:var(--letter-sheet)}.studio-birthday-dashboard .studio-organizer-heading>button{white-space:nowrap;flex-shrink:0}.studio-birthday-dashboard>div>:is(p,h1),.studio-birthday-dashboard>div>div:not(.studio-organizer-heading):not(.studio-entry-brand-panel)>p{color:var(--letter-sheet)}.studio-birthday-dashboard .studio-organizer-surface{background:var(--letter-parchment);border-top:3px solid var(--letter-seal);padding:28px 24px}.studio-birthday-dashboard .studio-organizer-surface>div>div{border:0;border-bottom:1px solid var(--letter-line);background:0 0;border-radius:0;padding:0 0 28px}.studio-birthday-dashboard .studio-invitation-link{overflow-wrap:anywhere}.studio-birthday-dashboard:before,.studio-birthday-dashboard:after{display:none}.studio-birthday-dashboard .studio-dashboard-card{border:1px solid var(--letter-line);background:var(--letter-sheet);border-radius:12px;min-width:0;padding:clamp(20px,2.5vw,30px)}.studio-birthday-dashboard .studio-dashboard-step{color:var(--letter-seal);letter-spacing:.05em;margin-bottom:10px;font-size:.76rem;font-weight:700}.studio-birthday-dashboard .studio-dashboard-details summary{min-height:32px;list-style-position:inside}.studio-birthday-dashboard .studio-progress-list{gap:8px;display:grid}.studio-birthday-dashboard .studio-progress-item{border:1px solid var(--letter-line);background:color-mix(in srgb, var(--letter-sheet) 88%, var(--letter-seal));border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.studio-birthday-dashboard .studio-progress-avatar{background:var(--letter-seal);color:#fff;width:34px;height:34px;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.studio-birthday-dashboard .studio-progress-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.studio-birthday-dashboard .studio-progress-format{color:var(--letter-seal);grid-column:2;font-size:.8rem}@media (width<=400px){.studio-birthday-dashboard .studio-progress-item{grid-template-columns:30px minmax(0,1fr)}.studio-birthday-dashboard .studio-progress-avatar{width:30px;height:30px}}@media (width<=767px){.studio-birthday-dashboard .studio-organizer-surface{padding:16px}}.studio-birthday-entry>div{padding-top:0;padding-bottom:48px}.studio-birthday-entry .studio-entry-brand-panel{color:var(--letter-sheet);padding:40px 0 32px}.studio-birthday-entry .studio-brand{--hw-terracotta:oklch(65.5% .155 38)}.studio-birthday-entry .studio-brand-when{color:oklch(65.5% .155 38)}.studio-birthday-entry .studio-entry-surface{background:var(--letter-parchment);color:var(--letter-ink);border-top:3px solid var(--letter-seal);padding:28px 24px 32px}.studio-birthday-entry .studio-entry-surface form{max-width:none}.studio-birthday-entry .studio-entry-surface button[type=submit]{background:var(--letter-seal);color:var(--letter-seal-ink)}.studio-birthday-entry .studio-brand[data-arriving=true] svg g path:last-child{stroke-dasharray:24;animation:1.6s ease-in-out both studio-curve-arrive}.studio-birthday-entry .studio-brand[data-arriving=true] svg>circle{offset-path:path("M7 19.5C12.5 19.5 17.5 12.5 25 12.5");offset-anchor:25px 12.5px;offset-rotate:0deg;animation:1.6s ease-in-out both studio-dot-arrive}@keyframes studio-curve-arrive{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes studio-dot-arrive{0%{offset-distance:0%;opacity:0}15%{opacity:1}to{offset-distance:100%}}@media (width>=640px){.studio-birthday-entry .studio-entry-brand-panel{padding:56px 0 40px}.studio-birthday-entry .studio-entry-surface,.studio-birthday-dashboard .studio-organizer-surface{padding:40px}.studio-birthday-entry:before,.studio-birthday-dashboard:before,.studio-birthday-entry:after,.studio-birthday-dashboard:after{width:170px;height:280px;top:75px}}@media (prefers-reduced-motion:reduce){.studio-birthday-entry .studio-brand[data-arriving=true] svg g path:last-child,.studio-birthday-entry .studio-brand[data-arriving=true] svg>circle{offset-path:none;animation:none}}.studio-birthday-contributor{background:var(--letter-parchment);min-height:100dvh;color:var(--letter-ink)}.studio-birthday-contributor>div{width:min(100%,1180px)}.studio-contributor-brand{margin-bottom:1.5rem}.studio-contributor-brand .studio-brand-when{color:oklch(65.5% .155 38)}.studio-contributor-lead{background:var(--letter-ink);min-height:250px;color:var(--letter-sheet);grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr);display:grid;overflow:hidden}.studio-contributor-intro{padding:clamp(28px,4vw,48px)}.studio-contributor-intro .eyebrow{color:var(--message-accent)}.studio-contributor-intro .headline{font-family:var(--font-display);font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.1}.studio-contributor-intro .text-muted-foreground{color:color-mix(in oklab, var(--letter-sheet) 84%, transparent)}.studio-contributor-photo{object-fit:cover;object-position:center 60%;width:100%;height:100%;min-height:250px;display:block}.studio-contributor-privacy{border:1px solid var(--letter-line);background:var(--letter-sheet);padding:1rem 1.25rem}.studio-contributor-privacy summary{cursor:pointer;font-weight:600}.studio-contributor-privacy h2{margin:0;font-weight:700}.studio-contributor-form{border:1px solid var(--letter-line);background:var(--letter-sheet);padding:clamp(22px,3vw,40px)}.studio-contributor-form .studio-prompt-selected{border-color:var(--message-accent);background:color-mix(in oklab, var(--message-accent) 15%, var(--letter-sheet))}.studio-file-picker{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.studio-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-file-button{border:1px solid var(--letter-seal);background:var(--letter-seal);min-height:48px;color:var(--letter-seal-ink);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.65rem;padding:.65rem 1rem;font-weight:650;transition:background-color .18s,transform .18s;display:inline-flex}.studio-file-button:hover{background:color-mix(in oklab, var(--letter-seal) 85%, black)}.studio-file-button:active{transform:translateY(1px)}.studio-file-input:focus-visible+.studio-file-button{outline:3px solid var(--message-accent);outline-offset:3px}.studio-file-status{overflow-wrap:anywhere;min-width:0;color:var(--muted-foreground);font-size:.875rem}.studio-writing-ideas{border:1px solid var(--letter-line);border-radius:.5rem;padding:.85rem 1rem}.studio-writing-ideas summary{cursor:pointer;font-weight:650}.studio-writing-ideas summary:focus-visible{outline:3px solid var(--message-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.studio-file-button{transition:none}}.studio-contributor-form .studio-recorder.is-recording{border:1px solid color-mix(in oklab, var(--message-accent) 60%, var(--letter-sheet));background:color-mix(in oklab, var(--message-accent) 12%, var(--letter-sheet));padding:1rem}.studio-recording-status{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:flex}.studio-recording-dot{background:#b12f2f;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 4px #b12f2f22}@media (width<=700px){.studio-contributor-lead{grid-template-columns:1fr}.studio-contributor-photo{order:-1;min-height:170px;max-height:170px}.studio-contributor-intro{padding:26px}.studio-contributor-form{padding:20px}}.studio-birthday-entry:before,.studio-birthday-entry:after{display:none}.studio-birthday-entry .studio-entry-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:stretch;width:min(100%,1120px);min-height:min(720px,100dvh - 48px);margin-inline:auto;padding-block:clamp(16px,4vw,48px);display:grid}.studio-birthday-entry .studio-entry-scene{isolation:isolate;background:var(--letter-ink);min-height:540px;color:var(--letter-sheet);position:relative;overflow:hidden}.studio-birthday-entry .studio-entry-scene-image{z-index:-2;object-fit:cover;object-position:67% center;width:100%;height:100%;position:absolute;inset:0}.studio-birthday-entry .studio-entry-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#1f1411f5 0,#1f1411d6 82px,#1f141147 43%,#1f1411d1);position:absolute;inset:0}.studio-birthday-entry .studio-entry-scene-content{flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(24px,4vw,48px);display:flex}.studio-birthday-entry .studio-entry-scene-kicker{letter-spacing:.13em;margin:0 0 16px;font-size:.7rem;font-weight:700}.studio-birthday-entry .studio-entry-scene-line{max-width:10ch;font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.08}.studio-birthday-entry .studio-entry-surface{border-top:0;border-bottom:1px solid var(--letter-line);background:var(--letter-sheet);flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4vw,60px);display:flex}.studio-birthday-entry .studio-entry-surface .headline{text-wrap:balance;max-width:16ch;font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.12}.studio-birthday-entry .studio-entry-flow{justify-content:flex-start}.studio-birthday-entry .studio-entry-flow>section{width:100%}.studio-birthday-entry .studio-entry-surface button[type=submit]{min-height:48px}@media (width<=767px){.studio-birthday-entry .studio-entry-layout{min-height:0;padding-block:0 24px;display:block}.studio-birthday-entry .studio-entry-scene{min-height:132px}.studio-birthday-entry .studio-entry-scene-image{object-position:center 62%}.studio-birthday-entry .studio-entry-scene-content{min-height:132px;padding:24px}.studio-birthday-entry .studio-entry-scene-copy{display:none}.studio-birthday-entry .studio-entry-surface{min-height:0;padding:28px 24px 32px}.studio-birthday-entry .studio-entry-surface .headline{font-size:clamp(2rem,8vw,2.7rem)}}.studio-birthday-entry{background:radial-gradient(circle at 8% 82%,#aa503730,#0000 31%),radial-gradient(circle at 90% 12%,#de875b4a,#0000 35%),linear-gradient(130deg,#efd2bf 0%,#f8ecdf 53%,#e8c8af 100%)}.studio-birthday-entry .studio-entry-layout{width:min(100%,1240px);min-height:min(790px,100dvh - 40px)}.studio-birthday-entry .studio-entry-surface{background:radial-gradient(circle at 94% 5%,#dd875e38,#0000 34%),radial-gradient(circle at 0 100%,#d6977121,#0000 42%),linear-gradient(145deg,#fffaf4 0%,#f5e6d8 100%);border-bottom:1px solid #6c3c2826;border-left:1px solid #6c3c2826}.studio-birthday-entry .studio-entry-surface input{background:#fffdf9}@media (width<=767px){.studio-birthday-entry .studio-entry-layout{min-height:0}.studio-birthday-entry .studio-entry-scene,.studio-birthday-entry .studio-entry-scene-content{min-height:164px}.studio-birthday-entry .studio-entry-surface{border-top:1px solid #6c3c2826;border-left:0}}.studio-birthday-entry>div{padding-block:0}.studio-birthday-entry .studio-entry-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}.studio-birthday-entry .studio-entry-scene{min-height:100dvh}.studio-birthday-entry .studio-entry-scene-content{padding:clamp(32px,5vw,88px)}.studio-birthday-entry .studio-entry-surface{border:0;min-height:100dvh;padding:clamp(22px,2.5vh,36px) clamp(28px,5vw,88px)}.studio-birthday-entry .studio-entry-surface>:is(h1,h2,p,form,section){width:100%;max-width:540px}@media (width>=768px){.studio-birthday-entry .studio-entry-surface .headline{font-size:clamp(2rem,2.6vw,2.8rem)}.studio-birthday-entry .studio-entry-surface .rise .headline{margin-top:.5rem}.studio-birthday-entry .studio-entry-surface .rise>p:last-child{margin-top:.6rem}.studio-birthday-entry .studio-entry-surface .grain{padding-block:.7rem}.studio-birthday-entry .studio-entry-surface .grain .stamp{margin-top:.3rem}}@media (width>=768px) and (height<=800px){.studio-birthday-entry .studio-entry-surface{padding-block:16px}.studio-birthday-entry .studio-entry-surface>a{margin-bottom:12px}.studio-birthday-entry .studio-entry-surface>section{gap:1rem}.studio-birthday-entry .studio-entry-surface .grain{padding-block:.5rem}.studio-birthday-entry .studio-entry-surface>div:last-child{margin-top:.75rem;padding-top:.75rem}}@media (width<=767px){.studio-birthday-entry .studio-entry-layout{min-height:100dvh;padding:0;display:block}.studio-birthday-entry .studio-entry-scene,.studio-birthday-entry .studio-entry-scene-content{min-height:164px}.studio-birthday-entry .studio-entry-scene-content{padding:24px}.studio-birthday-entry .studio-entry-surface{border:0;min-height:calc(100dvh - 164px);padding:28px 24px 36px}}.studio-birthday-dashboard .studio-saved-gift{transition:border-color .18s,background-color .18s}.studio-birthday-dashboard .studio-saved-gift:is(:hover,:focus-visible){border-color:var(--letter-seal);background:color-mix(in oklab, var(--letter-sheet) 85%, var(--letter-seal))}@media (prefers-reduced-motion:reduce){.studio-birthday-dashboard .studio-saved-gift{transition:none}}
