@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600&display=swap');
/* Header-free layouts and appreciation collections. */
.footer{justify-content:center;border:0;font-size:12px;letter-spacing:1px;color:#7c8676;margin-top:48px;padding:16px 0}
.banner-account{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.account-name{font-size:12px;font-weight:600;color:#52654a}.banner-account .secondary{padding:9px 14px;background:#ffffff9c;font-size:11px}.hero{padding-top:82px}.hero-account{position:absolute;top:22px;right:28px;left:28px}.workspace-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#edf0df;border:1px solid #e0e5cd;border-radius:16px;padding:22px 28px;margin-bottom:28px}.workspace-banner nav{margin-top:10px;flex-wrap:wrap}.workspace-banner nav button.active{background:#dce4c8}.workspace-banner nav a{background:#ffffff8c}.workspace-banner>.banner-account:only-child{width:100%}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:42px;padding-bottom:22px}.login-panel{width:100%;max-width:460px;padding:40px;border-radius:20px;border-color:#e3e7d8;box-shadow:0 18px 50px #354e3510;margin:20px auto 0;text-align:left}.login-accent{width:40px;height:4px;background:#9dae7a;border-radius:8px;margin-bottom:27px}.login-panel h1{font-weight:600;line-height:1.23;font-size:34px;margin:0 0 16px}.login-panel .sub{font-size:13px;line-height:1.8}.login-panel form{margin-top:28px}.login-panel .link-button{display:block;margin:20px auto 0;text-align:center;line-height:1.7;font-size:11px}.demo-code{font-size:11px;color:#909887;text-align:center;margin:18px 0 0}.demo-code strong{font-weight:600;color:#667d58}.login-wrap .footer{margin-top:24px}.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:14px}.login-panel .otp-digit{width:100%;min-width:0;height:57px;padding:8px 0;text-align:center;font-size:23px;line-height:1;border-radius:10px;border:1px solid #d6ddca;background:#fafbf7;caret-color:#285a47;transition:border-color .15s,box-shadow .15s}.otp-digit:focus{outline:none;border-color:#6e8957;box-shadow:0 0 0 3px #a0b08530;background:white}.recipient-wrap{max-width:1100px}.recipient-banner{position:relative;text-align:center;border-radius:20px;background:#edf0df;border:1px solid #e0e5cd;padding:80px 32px 38px}.recipient-account{position:absolute;top:20px;right:24px;left:24px}.recipient-banner h1{font-family:Manrope,sans-serif;font-size:38px;line-height:1.25;letter-spacing:-1.3px;font-weight:600;margin:15px 0}.recipient-banner p{color:#76816b;line-height:1.8;margin:12px 0 22px}.collection-heading{text-align:center;margin:38px 0 30px}.sender-stacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 32px;padding:18px 16px}.sender-stack{position:relative;display:block;padding:0;background:none;color:var(--ink);text-align:left;isolation:isolate;min-width:0;border-radius:16px}.sender-stack:focus-visible{outline:3px solid #577a49;outline-offset:12px}.stack-front,.stack-back{display:block;border-radius:14px;border:1px solid #dce3ca;background:#f0f3e5}.stack-front{position:relative;min-height:295px;padding:25px;z-index:3;box-shadow:0 5px 18px #3345240c;transition:transform .25s}.stack-back{position:absolute;inset:0;transform-origin:50% 88%;display:none}.is-stack .stack-back{display:block}.back-one{transform:rotate(-5deg);background:#e3e9d5;z-index:2}.back-two{transform:rotate(5deg);background:#f6f7ed;z-index:1}.stack-back{transition:transform .25s}.sender-stack:hover .back-one{transform:rotate(-9deg) translateX(-4px)}.sender-stack:hover .back-two{transform:rotate(9deg) translateX(4px)}.sender-stack:hover .stack-front{transform:translateY(-5px)}.tone-1 .stack-front{background:#f8ede4;border-color:#eedbca}.tone-1 .stack-back{background:#f0decd;border-color:#e9d6c5}.tone-2 .stack-front{background:#f1edf6;border-color:#e2dbe9}.tone-2 .stack-back{background:#e5deed;border-color:#ddd4e7}.stack-count{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#70825c;background:#ffffff8c;padding:6px 9px;border-radius:20px}.stack-quote{display:block;font-family:Georgia,serif;font-size:48px;line-height:1;margin-top:18px;color:#98a780}.stack-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:Manrope,sans-serif;font-size:16px;line-height:1.65;min-height:80px}.stack-from{display:block;font-size:11px;color:#697a5f;margin-top:18px;line-height:1.6}.stack-open{display:flex;justify-content:space-between;border-top:1px solid #83996530;padding-top:13px;margin-top:16px;font-size:11px;font-weight:600}.notes-dialog{border:1px solid #e2e7d7;border-radius:20px;padding:28px;background:var(--paper);color:var(--ink);width:min(620px,calc(100% - 32px));max-height:85dvh;box-shadow:0 30px 90px #15291d35}.notes-dialog::backdrop{background:#20392c70;backdrop-filter:blur(5px)}.notes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.notes-heading h2{margin-top:10px;font-size:23px}.notes-heading button{flex-shrink:0}.notes-list{display:grid;gap:16px}.opened-note{padding:24px;border-radius:12px;background:#edf0df;border:1px solid #dfe5cf}.opened-note:nth-child(even){background:#f8ede4;border-color:#eedece}.opened-note p{font-family:Manrope,sans-serif;font-size:18px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.opened-note small{color:#718065;font-size:11px}.notes-dialog[open]{animation:unfold .2s ease-out}@keyframes unfold{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.sender-stacks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.hero{padding-top:88px}.hero-account{top:18px;left:20px;right:20px}.banner-account{gap:10px}.account-name{font-size:11px;max-width:65%;overflow-wrap:anywhere}.workspace-banner{padding:20px}.workspace-banner .banner-account{width:100%;justify-content:space-between}.login-panel{padding:28px 22px}.login-panel h1{font-size:30px}.login-wrap{padding-left:18px;padding-right:18px}.otp-boxes{gap:6px}.login-panel .otp-digit{height:49px;font-size:21px}.recipient-banner{padding:85px 22px 30px}.recipient-banner h1{font-size:30px}.recipient-banner p{font-size:13px}.sender-stacks{grid-template-columns:1fr;gap:42px;padding:16px 15px;max-width:390px;margin:auto}.notes-dialog{padding:22px}.notes-heading h2{font-size:19px}.opened-note p{font-size:16px}.stack-front{min-height:275px}.footer{margin-top:30px}.hero .topline{gap:10px}}
@media(prefers-reduced-motion:reduce){.sender-stack *,.notes-dialog[open]{transition:none;animation:none}}
@media print{.workspace-banner,.banner-account{display:none!important}}

.stack-excerpt,.opened-note p{font-family:'Dancing Script',cursive;font-weight:500;font-size:26px;line-height:1.5}.stack-excerpt{min-height:117px}.opened-note p{font-size:29px}@media(max-width:550px){.stack-excerpt{font-size:25px}.opened-note p{font-size:27px}}
/* Responsive anniversary branding and a search-first picker. */
html,body{min-height:100%;margin:0}body{overflow-x:hidden}#app{min-height:100dvh}.wrap{width:100%;max-width:1440px;min-height:100dvh;padding:clamp(16px,2vw,28px) clamp(16px,3vw,48px);display:flex;flex-direction:column;box-sizing:border-box}.wrap>*{flex-shrink:0}.wrap>.footer{margin-top:auto;padding-top:24px}.anniversary-logo{display:block;width:54px;height:auto;object-fit:contain;flex-shrink:0}.workspace-main{flex:1;min-width:0}.hero{min-height:0;padding:60px 32px 24px;gap:24px}.hero-account{top:16px;left:24px;right:24px}.hero h1{font-size:clamp(28px,3vw,38px);margin:10px 0}.hero p{font-size:13px;line-height:1.6}.hero-art{position:static;width:130px;height:auto;display:flex;justify-content:center}.hero .hero-logo{width:110px;height:auto}.steps{padding:18px 0;margin-bottom:20px}.layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:24px;margin-bottom:20px}.layout>*{min-width:0}.section-head{margin-bottom:14px}.staff-grid{max-height:min(430px,45dvh);overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 4px 2px;align-content:start}.staff-card{min-height:78px;padding:14px;overflow-wrap:anywhere}.search-empty,.staff-grid>.zero{grid-column:1/-1;padding:36px 20px;text-align:center;border:1px dashed #d5ddca;border-radius:12px;color:var(--muted);font-size:13px;line-height:1.7}.search-empty strong{display:block;color:var(--ink);font-size:15px}.search-empty p{margin:8px 0 0}.panel.summary{padding:18px}.empty-summary{padding:18px 4px}.layout aside>.info-note{margin-top:12px;padding:12px}.login-wrap{justify-content:center}.login-panel{margin:0 auto;padding:28px 34px}.login-logo{width:80px;margin:0 auto 24px}.login-wrap>.footer{margin-top:18px}.recipient-logo{width:65px;margin:0 auto 18px}.recipient-banner{padding:64px 24px 26px}.recipient-banner h1{font-size:clamp(26px,3vw,36px);margin:10px 0}.recipient-banner p{margin:8px 0 16px}.qr-card img.print-logo{width:48px;height:auto;margin:0 auto 16px}.workspace-banner{padding:16px 24px;margin-bottom:22px}.workspace-banner nav{gap:6px}.workspace-banner nav>*{white-space:normal}.workspace-banner .banner-account{max-width:100%}.notes-dialog{box-sizing:border-box}.staff-grid:has(.search-empty){overflow:visible}
@media(max-width:700px){.wrap{padding:16px}.hero{padding:66px 20px 22px;gap:16px}.hero-art{width:64px;display:flex}.hero .hero-logo{width:64px}.hero h1{font-size:27px;letter-spacing:-1px}.hero .topline .eyebrow{font-size:9px}.hero .topline{flex-wrap:wrap}.hero p{font-size:12px}.hero p br{display:none}.layout{grid-template-columns:1fr}.staff-grid{grid-template-columns:1fr;max-height:45dvh}.staff-card{flex-wrap:nowrap}.staff-card .avatar{margin-right:0}.staff-card .check{position:static;margin-left:auto}.steps{gap:12px;justify-content:space-between;font-size:10px}.step{min-width:0}.step b{flex-shrink:0}.workspace-banner{padding:16px;gap:12px}.workspace-banner .anniversary-logo{width:44px}.workspace-banner>.banner-account{width:100%;justify-content:space-between}.login-panel{padding:24px}.login-panel h1{font-size:28px}.login-logo{width:72px;margin-bottom:20px}.recipient-banner{padding-top:76px}.recipient-account{left:16px;right:16px}.admin-actions{flex-wrap:wrap}.section-head{flex-wrap:wrap}.summary{position:static}.otp-boxes{gap:6px}.login-panel .otp-digit{min-width:0}.account-name{overflow-wrap:anywhere}.qr-grid{min-width:0}}
@media(max-width:380px){.hero{display:block}.hero-art{position:absolute;right:16px;bottom:18px;width:44px;opacity:.85}.hero .hero-logo{width:44px}.hero p{padding-right:42px}.hero h1{font-size:25px}.steps{gap:8px}.step{font-size:9px}}
@media print{.wrap{min-height:0;display:block;padding:0}.qr-card img.print-logo{width:44px;height:auto}}
@media(min-width:900px) and (max-height:850px){.wrap{padding:18px 30px}.hero{padding:48px 24px 18px}.hero h1{font-size:28px;line-height:1.2}.hero h1 br{display:none}.hero p{max-width:720px;font-size:12px}.hero p br{display:none}.hero-art,.hero .hero-logo{width:64px}.hero-account{top:10px}.steps{padding:14px 0;margin-bottom:16px}.summary .empty-summary{display:none}.summary .summary-title{padding-bottom:12px}.layout aside>.info-note{font-size:10px;margin-top:10px}.layout .small-note{margin-top:8px}.staff-grid{max-height:34dvh}.wrap>.footer{padding-top:12px}.layout{margin-bottom:12px}}
.reset-panel{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:24px}.reset-panel>div{max-width:760px}.reset-panel button{flex-shrink:0}.reset-dialog .sub{margin:14px 0}.reset-dialog #reset-otp-label{display:block;margin-top:22px;font-size:13px}.reset-dialog .otp-digit{width:100%;min-width:0;height:52px;text-align:center;font-size:23px;padding:8px 0;border:1px solid #d6ddca;border-radius:10px;background:#fafbf7}.reset-error{color:#a83f30;font-size:13px;line-height:1.6}.reset-dialog .toggle{line-height:1.6;align-items:flex-start}.reset-dialog .toggle input{flex-shrink:0}@media(max-width:700px){.reset-panel{align-items:flex-start;flex-direction:column}.reset-dialog .modal-actions{flex-wrap:wrap}}