@font-face{font-family:Fredoka;src:url('/assets/Fredoka-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Caveat;src:url('/assets/Caveat-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:light;--share-paper:#fffcf5;--share-lilac:#e8e1f0;--share-plum:#382a40;--share-coral:#a82d53;--share-muted:#63566b;--share-line:#a192aa}
*{box-sizing:border-box}
body.sharing-page{margin:0;background:var(--share-lilac);color:var(--share-plum);font:400 16px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100svh}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:4px}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--share-coral);outline-offset:4px}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
.sharing-skip{position:fixed;left:16px;top:12px;z-index:10;background:var(--share-paper);padding:12px 18px;border-radius:10px;transform:translateY(-160%)}
.sharing-skip:focus{transform:none}
.sharing-header,.sharing-footer{width:min(1260px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between}
.sharing-header{min-height:104px}
.sharing-header>a:last-child{font-size:14px;min-height:44px;display:flex;align-items:center}
.sharing-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 30px/1 Fredoka,ui-rounded,sans-serif;letter-spacing:-.025em;white-space:nowrap}
.sharing-brand img{width:52px;height:52px;object-fit:contain}
.sharing-brand strong{font-weight:600;color:var(--share-coral)}
.sharing-layout{width:min(1090px,calc(100% - 64px));margin:42px auto 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(38px,6vw,88px);align-items:start;min-height:520px}
.sharing-write{min-width:0}
.sharing-write h1{font:600 clamp(38px,4.2vw,60px)/1.05 Fredoka,ui-rounded,sans-serif;letter-spacing:-.025em;max-width:14ch;margin:0 0 24px;text-wrap:balance}
.sharing-intro{font-size:17px;line-height:1.65;max-width:43ch;margin:0 0 22px}
.sharing-status{font-size:15px;line-height:1.55;color:var(--share-muted);margin:18px 0;min-height:24px;overflow-wrap:anywhere}
.sharing-status.is-error{color:#85213f}
.sharing-status:empty{display:none}
.sharing-write label{display:block;font-size:14px;font-weight:650;margin:20px 0 7px}
.sharing-write label>span{font-weight:400;color:var(--share-muted)}
.sharing-write input:not([type=checkbox]),.sharing-write textarea,.sharing-write select{display:block;width:100%;min-width:0;border:1px solid #897a94;border-radius:12px;color:var(--share-plum);background:var(--share-paper);padding:12px 14px;font-size:16px;line-height:1.5;min-height:52px}
.sharing-write select{padding-right:34px}
.sharing-write textarea{resize:vertical;min-height:148px;max-height:500px}
.sharing-write input::placeholder,.sharing-write textarea::placeholder{color:#74687b;opacity:1}
.sharing-label-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sharing-label-line output{font-size:12px;color:var(--share-muted);white-space:nowrap}
.sharing-field-help{font-size:13px;line-height:1.6;color:var(--share-muted);margin:7px 0 0}
.sharing-write .sharing-consent{display:flex;gap:12px;align-items:flex-start;margin:23px 0 10px;font-size:14px;line-height:1.55;font-weight:400}
.sharing-consent input{width:21px;height:21px;flex-shrink:0;accent-color:var(--share-coral);margin:1px 0 0;cursor:pointer}
.sharing-consent span{color:var(--share-plum)!important}
.sharing-privacy{margin-bottom:21px}
.sharing-honey{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sharing-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 23px;border:1px solid var(--share-coral);border-radius:100px;background:var(--share-coral);color:var(--share-paper);font-size:15px;font-weight:650;line-height:1.45;text-align:center;text-decoration:none;transition:background .18s ease,color .18s ease}
.sharing-button:hover:not(:disabled){background:#8d2144;border-color:#8d2144}
.sharing-secondary{color:var(--share-coral);background:transparent}
.sharing-secondary:hover:not(:disabled){background:#f3dce4;color:#85213f}
.sharing-text-button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;padding:9px 0;border:0;background:transparent;color:var(--share-coral);font-size:14px;text-decoration:underline;text-underline-offset:5px;line-height:1.55;text-align:left}
.sharing-text-button:hover{color:#85213f}
.sharing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:16px}
.sharing-result{margin-top:28px}
.sharing-result>label{margin-top:0}
.sharing-result .sharing-field-help{margin-top:14px}
#sharing-url{font-size:14px;overflow-wrap:anywhere}
#sharing-another{margin-top:16px}
.sharing-owner-actions{border-top:1px solid #a192aa80;padding-top:15px;margin-top:24px}
.sharing-removal{margin-top:10px}
.sharing-removal p{font-size:14px;margin:0}
.sharing-recipient-actions{margin-top:26px}
.sharing-recipient-actions>.sharing-text-button{display:flex;margin-top:12px}
.sharing-about{font-size:15px;line-height:1.65;max-width:42ch;margin:0 0 22px}
.sharing-recovery{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.sharing-paper{position:relative;min-width:0;margin-top:10px;padding:26px 32px 28px;background:var(--share-paper);border:1px solid #d7cadb;border-radius:25px;box-shadow:10px 20px 35px #382a4017;transform:rotate(1.4deg);overflow-wrap:anywhere}
.sharing-paper-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 23px/1.2 Caveat,cursive;color:var(--share-coral)}
.sharing-paper-top svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sharing-animal{display:block;width:min(100%,240px);height:210px;margin:6px auto 8px;object-fit:contain}
.sharing-paper h2{font:600 clamp(27px,3vw,36px)/1.15 Fredoka,ui-rounded,sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;text-align:center}
.sharing-card-detail{font-size:14px;line-height:1.55;text-align:center;color:var(--share-muted);margin:8px 0 0}
.sharing-card-detail:empty{display:none}
.sharing-card-note{font-size:17px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #d7cadb;margin:25px 0 0;padding-top:23px}
.sharing-placeholder{color:var(--share-muted);font-style:italic}
.sharing-card-signature{font:500 30px/1.2 Caveat,cursive;color:var(--share-coral);margin:15px 0 0;text-align:right}
.sharing-card-context{font-size:12px;line-height:1.65;color:var(--share-muted);margin:25px 0 0}
.sharing-card-visibility{font-size:12px;line-height:1.6;color:var(--share-muted);margin:9px 0 0}
.sharing-footer{padding:24px 0 26px;border-top:1px solid #a192aa80;justify-content:flex-start;font-size:12px;color:var(--share-muted);flex-wrap:wrap}
.sharing-footer>span{margin-right:auto}
.sharing-noscript{grid-column:1/-1}
.sharing-page.is-recipient .sharing-layout{grid-template-columns:minmax(0,680px);justify-content:center;align-items:start;margin-top:42px}
.sharing-page.is-recipient .sharing-paper{position:static;margin:28px 0 34px;transform:rotate(.5deg)}
.sharing-page.is-recipient .sharing-write h1{max-width:18ch}
.sharing-page.is-unavailable .sharing-layout{grid-template-columns:minmax(0,560px)}
@media(min-width:761px){.sharing-paper{position:sticky;top:30px}}
@media(max-width:760px){
  .sharing-header,.sharing-footer{width:calc(100% - 40px)}
  .sharing-header{min-height:88px;gap:14px}
  .sharing-brand{font-size:27px;gap:7px}
  .sharing-brand img{width:43px;height:43px}
  .sharing-header>a:last-child{font-size:12px;max-width:12ch;text-align:right}
  .sharing-layout,.sharing-page.is-recipient .sharing-layout{width:min(520px,calc(100% - 40px));grid-template-columns:minmax(0,1fr);margin-top:29px;gap:34px;min-height:0}
  .sharing-write h1{font-size:clamp(36px,8.6vw,48px);max-width:15ch;margin-bottom:20px}
  .sharing-intro{font-size:16px}
  .sharing-paper{padding:22px 25px 25px;transform:none;margin:0}
  .sharing-card-note{font-size:16px}
  .sharing-animal{height:195px}
  .sharing-footer{gap:16px}
  .sharing-footer>span{width:100%}
}
@media(max-width:360px){.sharing-actions>.sharing-button{width:100%}.sharing-paper{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}