@font-face{font-family:RegistrySerif;src:url('/static/fonts/NotoSerifDisplay-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:RegistrySerif;src:url('/static/fonts/NotoSerifDisplay-Italic.ttf') format('truetype');font-style:italic;font-display:swap}
@font-face{font-family:RegistrySans;src:url('/static/fonts/NotoSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:RegistrySans;src:url('/static/fonts/NotoSans-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600 800}
:root{--cream:#faf8f3;--paper:#fffefa;--ink:#333e32;--muted:#7b7d71;--sage:#65755e;--sage-dark:#4b6047;--sage-pale:#eaf0e5;--line:#e7e6dc;--peach:#efe1d5;--gold:#b0936b;--danger:#965d50;--shadow:0 12px 48px #39452f0c;--serif:RegistrySerif,Georgia,serif;--sans:RegistrySans,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b49a70;outline-offset:4px}button svg,a svg{flex-shrink:0}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{color:inherit}.container{max-width:1240px;padding:0 44px;margin:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--sage);line-height:1.6}.muted{color:var(--muted)}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon.small{width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--sage);color:white}.btn-primary:hover{background:var(--sage-dark);box-shadow:0 6px 15px #5c705324}.btn-secondary{background:transparent;border-color:#d9ddcf;color:var(--sage-dark)}.btn-secondary:hover{background:var(--sage-pale)}.btn-quiet{background:transparent;color:var(--muted)}.btn-danger{background:var(--danger);color:white}.btn-small{min-height:36px;padding:8px 12px;font-size:11px}.btn-full{width:100%}.text-button{border:0;background:none;padding:5px 0;color:var(--sage);font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{border:0;background:transparent;display:grid;place-items:center;border-radius:50%;width:36px;height:36px;color:var(--muted)}.icon-button:hover{background:#e8ecdf}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;font-size:10px;padding:4px 11px;background:var(--sage-pale);color:var(--sage)}
.site-header{height:88px;border-bottom:1px solid var(--line);background:var(--cream)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--serif);font-size:22px;letter-spacing:-.6px}.brand-mark{color:var(--sage);width:32px;height:32px}.header-nav{display:flex;align-items:center;gap:32px;font-size:11px}.nav-link{color:#707565;position:relative;padding:10px 0}.nav-link:hover{color:var(--sage-dark)}.nav-link:after{position:absolute;content:'';bottom:5px;left:0;width:0;height:1px;background:var(--sage);transition:width .2s}.nav-link:hover:after{width:100%}.login-button{display:flex;align-items:center;gap:8px;border:1px solid #dbdfd1;background:transparent;border-radius:6px;padding:9px 14px;color:var(--sage);font-size:11px}.login-button:hover{background:var(--sage-pale)}
.hero{padding:68px 0 62px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px}.hero-copy{padding:7px 0}.hero-copy h1{font-family:var(--serif);font-size:clamp(50px,5.8vw,76px);line-height:1.12;letter-spacing:-3px;max-width:590px;margin:20px 0 24px}.hero-intro{color:#777c6f;font-size:13px;line-height:1.9;max-width:430px;white-space:pre-line}.hero-extra{font-size:13px;color:#777c6f;line-height:1.9;max-width:430px;margin-top:9px;white-space:pre-line}.hero-actions{margin-top:28px;display:flex;align-items:center;gap:20px}.hero-small{display:flex;align-items:center;gap:7px;font-size:10px;color:#939383;margin-top:18px}.hero-small .icon{color:#b39b7b;width:13px;height:13px}.hero-art{height:380px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art svg{width:100%;height:100%;max-width:470px;overflow:visible}.hero-art-caption{position:absolute;bottom:8px;right:5px;font-family:var(--serif);font-style:italic;font-size:14px;color:#90937d;transform:rotate(-5deg)}.hero-spark{position:absolute;width:24px;height:24px;color:#b6a888;left:14px;bottom:46px}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:68px}.how-step{display:flex;align-items:center;justify-content:center;gap:15px;padding:0 15px}.how-step+.how-step{border-left:1px solid var(--line)}.step-icon{width:36px;height:36px;display:grid;place-items:center;color:#919c82}.step-icon .icon{width:24px;height:24px}.how-step strong{font-weight:600;font-size:11px;display:block;color:#5c6655;margin-bottom:2px}.how-step span{font-size:10px;color:#96978b}
.registry-section{padding-bottom:74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading h2{font-family:var(--serif);font-size:36px;letter-spacing:-1.1px;line-height:1.25;margin:7px 0 9px}.section-heading .subtitle{font-size:11px;color:#85897a}.list-count{font-size:10px;color:#969987;padding-bottom:5px;white-space:nowrap}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.filters{display:flex;gap:5px;padding:4px;background:#f0f0e8;border:1px solid #e8e9df;border-radius:7px}.filter{padding:8px 14px;border:0;background:transparent;border-radius:4px;font-size:10px;color:#888d7c;transition:all .2s}.filter.active{background:var(--paper);color:var(--sage-dark);box-shadow:0 2px 7px #4d5c3d0a}.filter .filter-count{margin-left:6px;opacity:.6}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #e0e3d7;border-radius:6px;padding:8px 12px;min-width:210px;color:#a0a28e}.search-box .icon{width:15px;height:15px}.search-box input{border:0;background:transparent;outline:none;padding:0;min-width:0;width:100%;font-size:10px;color:var(--ink)}.search-box input::placeholder{color:#9c9e91}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.gift-card{background:var(--paper);border:1px solid #e9e8df;border-radius:10px;overflow:hidden;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}.gift-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.gift-image{aspect-ratio:1.33;position:relative;overflow:hidden;background:#f1eee6}.gift-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.gift-card:hover .gift-image img{transform:scale(1.035)}.gift-image .reserved-badge{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:5px;background:#fffcf3e8;backdrop-filter:blur(4px);border:1px solid #ffffffb0;padding:5px 10px;border-radius:20px;color:#778268;font-size:9px}.gift-card.is-reserved .gift-image img{filter:saturate(.6);opacity:.84}.image-placeholder{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%;height:100%;color:#a2a88e;font-size:11px}.image-placeholder .icon{width:34px;height:34px}.gift-body{padding:20px 21px 18px;display:flex;flex-direction:column;flex:1}.gift-shop{font-size:8px;text-transform:uppercase;letter-spacing:1.35px;color:#a3a48f;margin-bottom:5px;display:flex;align-items:center;gap:4px}.gift-body h3{font-family:var(--serif);font-size:21px;letter-spacing:-.35px;line-height:1.3;margin-bottom:7px}.gift-description{font-size:10px;color:#929583;line-height:1.7;min-height:34px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gift-price{font-size:13px;margin:15px 0;color:#65715a;font-weight:600;min-height:23px}.price-hint{font-size:9px;display:block;color:#a6a590;font-weight:400;margin-top:1px}.price-stale{font-size:10px;font-weight:400;line-height:1.5;color:#9b8160;max-width:250px}.gift-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:7px}.gift-actions .btn{min-height:38px;padding:9px 12px;font-size:10px}.gift-actions .reserved-button{cursor:default;background:#eeefe8;color:#98a08c;border:1px solid #e8ebdf}.gift-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:9px;min-height:24px}.gift-bottom .text-button{font-size:9px;color:#929984}.gift-bottom .cancel-link{color:#a4a494;text-decoration:underline;text-underline-offset:3px}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0f0e7;border:1px dashed #d9ddcd;border-radius:7px;padding:12px 16px;margin-top:26px;font-size:10px;color:#8e927d}.demo-note strong{display:block;font-weight:600;color:#707b60}.demo-note .icon-button{width:26px;height:26px;flex-shrink:0}.list-progress{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:30px;font-size:10px;color:#969b87}.progress-track{height:3px;width:76px;background:#e1e5d7;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#a0af8f;border-radius:3px;transition:width .4s}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #dce1d1;border-radius:10px;color:#919a7f;background:#f4f4ec;grid-column:1/-1}.empty-state>.icon{width:35px;height:35px;margin:auto auto 16px;color:#9ba78b}.empty-state h3{font-family:var(--serif);font-size:25px;color:#69785d}.empty-state p{font-size:12px;margin:8px auto 15px;max-width:420px}.note-section{position:relative;padding:55px 20px 48px;text-align:center;background:#edf0e6;border-radius:14px;margin-bottom:55px;overflow:hidden}.note-section:before,.note-section:after{position:absolute;content:'';width:190px;height:190px;border:1px solid #d9dfcf;border-radius:50%;left:-110px;top:-55px}.note-section:after{left:auto;top:auto;right:-80px;bottom:-105px;width:250px;height:250px}.note-section .note-heart{color:#96a183;display:inline-block;margin-bottom:13px}.note-section h2{font-family:var(--serif);font-size:30px;letter-spacing:-.8px;margin:7px 0 16px}.note-section .note-body{max-width:640px;margin:auto;color:#89917c;font-size:11px;line-height:1.95;white-space:pre-line}.note-signature{font-family:var(--serif);font-size:17px;font-style:italic;color:#758567;margin-top:23px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:30px;gap:20px;color:#969c88;font-size:9px}.footer-brand{font-family:var(--serif);font-size:16px;color:#727d64}.footer-actions{display:flex;align-items:center;gap:20px}.footer-actions .text-button{font-size:9px}
.modal{border:1px solid #e8e6d9;border-radius:16px;background:var(--paper);color:var(--ink);padding:0;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #2f392c24;overflow:auto}.modal::backdrop{background:#27302563;backdrop-filter:blur(5px)}.modal.wide{width:min(800px,calc(100vw - 28px))}.modal-inner{padding:37px}.modal-close{position:absolute;top:11px;right:11px}.modal h2{font-family:var(--serif);font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:11px 0 12px}.modal-description{color:#8b917f;font-size:11px;line-height:1.9}.modal-gift{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:12px;margin:22px 0;background:#faf9f3}.modal-gift img{width:58px;height:58px;object-fit:cover;border-radius:6px;background:#eeede2}.modal-gift strong{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.2;display:block}.modal-gift .gift-price{margin:4px 0 0;font-size:11px;min-height:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.field>label,.field-label{font-size:10px;font-weight:600;color:#7f8874}.field input,.field textarea,.field select{border:1px solid #dce0d2;border-radius:6px;min-width:0;width:100%;padding:11px 12px;background:#fdfdf8;color:#55634d;font-size:12px;line-height:1.5}.field textarea{resize:vertical;min-height:80px}.field input::placeholder,.field textarea::placeholder{color:#afb3a3}.field small{font-size:9px;color:#9ba38e}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.participant{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:1px}.participant-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:0 0 12px;color:#9ba48d}.participant-heading .icon-button{width:23px;height:23px}.modal-form{margin-top:23px}.modal-form .form-notice{color:#9ca48f;font-size:9px;line-height:1.8;margin:16px 0}.modal-form .btn-full{margin-top:15px}.form-error{background:#f9eee7;color:#a46d57;border:1px solid #ead9cd;border-radius:6px;font-size:11px;padding:10px 12px;margin:13px 0}.form-error:empty{display:none}.code-box{text-align:center;background:#edf1e7;border:1px dashed #bdc7ad;border-radius:9px;padding:24px 12px;margin:25px 0 20px}.code-label{font-size:9px;color:#8b967a;letter-spacing:1.6px}.code-value{font-family:var(--serif);font-size:38px;line-height:1.3;color:#566d47;display:block;margin:8px 0 11px;user-select:all;overflow-wrap:anywhere}.success-mark{width:52px;height:52px;background:#e8eede;border-radius:50%;margin-bottom:21px;display:grid;place-items:center;color:#7a8c67}.success-mark .icon{width:25px;height:25px}.cancel-help{font-size:11px;color:#9b9b86;background:#f5f3e9;border-radius:7px;padding:13px;line-height:1.8;margin-top:19px}.login-mark{margin-top:3px;color:#98a585;width:35px;height:35px}.login-privacy{display:flex;gap:7px;align-items:center;justify-content:center;color:#a2a68f;font-size:9px;margin-top:19px}.login-privacy .icon{width:12px;height:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:#4e6545;color:#fff;padding:13px 22px;border-radius:9px;box-shadow:0 5px 30px #3f51342b;font-size:12px;max-width:calc(100vw - 30px);text-align:center;z-index:1000;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.admin-page{padding:50px 0 70px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-heading h1{font-family:var(--serif);font-size:42px;letter-spacing:-1.4px;line-height:1.2;margin:11px 0 10px}.admin-heading p{font-size:12px;color:#929982;max-width:620px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;color:#7e8d6e}.stat-value{font-family:var(--serif);font-size:32px;line-height:1.3;display:block;color:#556c48}.stat-label{font-size:10px;color:#98a085}.stat-card>.icon{width:24px;height:24px;opacity:.6}.admin-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:26px}.admin-tab{border:0;background:none;padding:12px 2px 14px;font-size:12px;color:#939d83;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.admin-tab.active{color:#566f47;border-bottom-color:#6e845c}.admin-table{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.admin-item{display:flex;align-items:center;padding:15px 19px;gap:18px;border-bottom:1px solid var(--line)}.admin-item:last-child{border-bottom:0}.admin-item img{width:63px;height:63px;border-radius:7px;background:#eeede4;object-fit:cover}.admin-item-main{flex:1;min-width:0}.admin-item-main h3{font-family:var(--serif);font-size:20px;line-height:1.3}.admin-item-main .gift-price{margin:5px 0 0;min-height:0;font-size:11px}.admin-item-actions{display:flex;align-items:center;gap:7px}.admin-item-status{margin-right:12px}.reservation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reservation-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:23px}.reservation-product{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.reservation-product img{width:57px;height:57px;border-radius:6px;object-fit:cover}.reservation-product h3{font-family:var(--serif);font-size:20px}.reservation-people{font-size:13px;line-height:1.8;margin:8px 0 13px}.reservation-date{font-size:10px;color:#99a28b;margin-bottom:13px}.panel-header{margin-bottom:25px}.panel-header h2{font-family:var(--serif);font-size:29px;letter-spacing:-.7px;margin-bottom:8px}.panel-header p{font-size:12px;color:#949d86;max-width:720px;line-height:1.8}.settings-panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:29px;max-width:760px}.settings-inline{display:flex;gap:13px;align-items:end}.settings-inline .field{max-width:200px;margin-bottom:0}.settings-inline .btn{min-height:42px;margin-bottom:1px}.settings-divider{height:1px;background:var(--line);margin:28px 0}.text-editor-search{max-width:350px;margin-bottom:20px}.text-group{border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-bottom:10px;overflow:hidden}.text-group summary{padding:16px 19px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#677a55;list-style:none}.text-group summary:after{content:'+';font-size:19px;color:#96a382}.text-group[open] summary:after{content:'−'}.text-group summary small{font-size:9px;opacity:.6;margin-left:auto;margin-right:15px}.text-group-fields{padding:7px 20px 8px;border-top:1px solid var(--line)}.text-field{padding-top:16px}.text-field label{font-size:10px;line-height:1.6;font-weight:400;color:#8b967b;overflow-wrap:anywhere}.text-field textarea{font-size:12px;min-height:61px}.sticky-save{position:sticky;bottom:14px;display:flex;justify-content:flex-end;margin-top:20px}.sticky-save .btn{box-shadow:0 4px 22px #42583124}.gift-edit-columns{display:grid;grid-template-columns:1fr 1.25fr;gap:27px;margin-top:22px}.gift-preview{width:100%;aspect-ratio:1;border:1px solid #e4e6d9;background:#f1f0e7;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:13px}.gift-preview img{width:100%;height:100%;object-fit:contain}.gift-preview .icon{width:50px;height:50px;color:#adb69d}.import-row{display:flex;align-items:end;gap:10px;margin-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.import-row .field{margin:0;flex:1}.import-row .btn{min-height:42px;white-space:nowrap;padding:11px 14px;font-size:10px}.upload-label{display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;width:100%}.upload-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.edit-bottom{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:7px}.last-price-info{font-size:9px;color:#a0a68f;margin-top:8px}.initial-loading{display:grid;place-items:center;min-height:100vh}.loading-flower{font-size:43px;color:#a1ae8c;animation:breathe 1.6s ease-in-out infinite}.fatal{max-width:600px;margin:120px auto;padding:35px;text-align:center}.fatal h1{font-family:var(--serif);font-size:35px;margin-bottom:20px}.fatal p{color:var(--muted)}.hidden{display:none!important}
[hidden]{display:none!important}
@keyframes breathe{50%{transform:rotate(22deg);opacity:.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1440px){.container{max-width:1300px}.hero-copy h1{font-size:80px}.hero{padding:80px 0 70px}.hero-art{height:410px}.gift-image{aspect-ratio:1.42}}
@media(max-width:1000px){.container{padding:0 30px}.header-nav{gap:23px}.hero{padding:50px 0}.hero-grid{gap:12px}.hero-copy h1{font-size:61px;letter-spacing:-2.5px}.hero-art{height:340px}.how-strip{margin-bottom:50px}.how-step{gap:9px;padding:0 9px}.how-step span{font-size:9px}.gift-grid{gap:18px}.gift-body{padding:17px}.gift-body h3{font-size:19px}.hero-small{font-size:9px}.hero-art-caption{font-size:12px;bottom:4px}.admin-item-actions{gap:2px}.admin-item-status{display:none}}
@media(max-width:760px){.site-header{height:73px}.container{padding:0 23px}.brand{font-size:20px;gap:9px}.brand-mark{width:27px;height:27px}.header-nav{gap:16px}.header-nav .nav-link{display:none}.login-button{font-size:10px;padding:8px 10px}.hero{padding:39px 0 33px}.hero-grid{grid-template-columns:1fr .7fr;gap:0}.hero-copy h1{font-size:49px;letter-spacing:-1.9px;line-height:1.1;max-width:340px;margin:16px 0 20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-intro,.hero-extra{font-size:11px;line-height:1.85}.hero-art{height:310px;margin-right:-14px}.hero-art-caption{display:none}.hero-spark{display:none}.hero-actions{margin-top:20px}.hero-actions .btn{font-size:11px;padding:10px 15px;min-height:41px}.hero-small{font-size:8px;max-width:240px}.how-strip{padding:18px 0;margin-bottom:42px;gap:4px}.how-step{flex-direction:column;gap:7px;text-align:center;padding:0 7px}.how-step strong{font-size:9px}.how-step span{font-size:8px;line-height:1.5;display:block}.step-icon{width:24px;height:24px}.step-icon .icon{width:22px;height:22px}.section-heading h2{font-size:30px}.section-heading .subtitle{font-size:10px}.section-heading{margin-bottom:23px;gap:9px}.list-count{font-size:8px}.list-toolbar{gap:12px;flex-wrap:wrap}.filters{flex:1;justify-content:space-between;min-width:300px}.filter{font-size:9px;padding:8px 11px}.search-box{width:100%;min-width:0}.gift-grid{grid-template-columns:1fr 1fr;gap:15px}.gift-image{aspect-ratio:1.16}.gift-body{padding:15px 13px 13px}.gift-body h3{font-size:19px;line-height:1.23}.gift-description{font-size:9px;line-height:1.6;min-height:30px}.gift-shop{font-size:7px;letter-spacing:1px}.gift-price{font-size:12px;margin:12px 0}.gift-actions .btn{font-size:9px;min-height:36px;padding:8px 6px;gap:5px}.gift-bottom{justify-content:center;flex-wrap:wrap;gap:1px}.gift-bottom .text-button{font-size:8px}.gift-image .reserved-badge{top:9px;left:9px;padding:4px 7px;font-size:8px}.registry-section{padding-bottom:45px}.note-section{padding:35px 20px;margin-bottom:32px}.note-section h2{font-size:26px;line-height:1.3}.note-section .eyebrow{font-size:8px}.note-section .note-body{font-size:10px}.note-signature{font-size:16px}.site-footer{font-size:8px;padding-bottom:25px;gap:8px}.footer-brand{font-size:13px}.footer-actions{gap:12px}.footer-heart{display:none}.demo-note{font-size:9px;padding:11px 12px}.admin-heading{align-items:start}.admin-heading h1{font-size:33px}.admin-heading p{font-size:10px}.admin-heading>.btn{font-size:9px;padding:9px 12px;white-space:nowrap}.admin-page{padding-top:32px}.stats-grid{gap:10px;margin-bottom:23px}.stat-card{padding:13px 14px}.stat-value{font-size:27px}.stat-label{font-size:8px}.stat-card>.icon{display:none}.admin-tabs{gap:16px;overflow-x:auto}.admin-tab{font-size:10px;white-space:nowrap;gap:5px}.admin-tab .icon{width:14px}.admin-item{padding:13px;gap:11px}.admin-item img{width:48px;height:48px}.admin-item-main h3{font-size:17px}.admin-item-actions{flex-direction:column;gap:0}.admin-item-actions .btn{font-size:8px;min-height:30px;padding:6px 9px}.admin-item-actions .text-button{font-size:9px}.reservation-grid{grid-template-columns:1fr}.reservation-card{padding:19px}.modal-inner{padding:30px 23px 24px}.modal h2{font-size:28px}.modal-description{font-size:11px}.gift-edit-columns{grid-template-columns:.85fr 1.15fr;gap:18px}.modal.wide{width:calc(100vw - 24px)}.settings-panel{padding:22px}.settings-inline{flex-wrap:wrap}.panel-header h2{font-size:25px}}
@media(max-width:480px){.container{padding:0 19px}.brand{font-size:18px}.brand-mark{width:24px;height:24px}.login-button{font-size:9px;padding:7px 9px;gap:5px}.login-button .icon{width:12px;height:12px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:31px}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-copy h1{font-size:50px;max-width:340px;margin:15px auto 20px;line-height:1.08;letter-spacing:-2px}.hero-intro,.hero-extra{max-width:310px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-small{justify-content:center;max-width:none;margin-top:14px;font-size:9px}.hero-art{height:220px;margin:9px auto -4px;width:270px}.hero-art svg{max-width:300px}.how-strip{margin-bottom:36px;padding:18px 0 21px}.how-step{padding:0 6px}.how-step strong{font-size:8px;line-height:1.5}.how-step span{font-size:7px}.section-heading{display:block}.section-heading .eyebrow{font-size:8px;letter-spacing:1.9px}.section-heading h2{font-size:29px}.list-count{display:none}.filter{padding:8px 9px;font-size:8px}.filters{min-width:0;width:100%;gap:0}.filter .filter-count{margin-left:3px}.gift-grid{gap:12px}.gift-body{padding:13px 11px 10px}.gift-body h3{font-size:17px}.gift-description{font-size:8px}.gift-price{font-size:11px;margin:10px 0}.gift-image{aspect-ratio:1.1}.price-hint{font-size:8px}.gift-actions .btn{font-size:8px;min-height:34px}.gift-actions .btn .icon{width:12px;height:12px}.gift-bottom .text-button{font-size:7.5px}.gift-bottom{margin-top:6px}.price-stale{font-size:8px}.note-section h2{font-size:24px}.footer-brand{font-size:12px}.footer-actions .text-button{font-size:8px}.gift-edit-columns{grid-template-columns:1fr}.gift-preview{aspect-ratio:1.65}.import-row{align-items:stretch;flex-direction:column}.import-row .btn{width:100%}.field-grid{gap:10px}.admin-heading{flex-direction:column}.admin-heading>.btn{font-size:10px;align-self:flex-start}.admin-tab{font-size:9px}.admin-tabs{gap:12px}.admin-tab .icon{display:none}.settings-inline{display:block}.settings-inline>.btn{margin-top:16px;width:100%}.settings-inline .field{max-width:none}.code-value{font-size:33px}.modal{max-height:calc(100dvh - 24px)}.demo-note span{font-size:8px}}

/* Keep the same quiet visual style on small screens, with comfortable reading
   sizes and enough room to touch the actions without zooming in. */
@media (max-width: 760px) {
  .header-inner { gap: 12px; }
  .brand { min-width: 0; }
  .brand span { overflow: hidden; text-overflow: ellipsis; }
  .header-nav { flex-shrink: 0; }
  .login-button { min-height: 40px; font-size: 11px; }
  .hero-copy h1, .gift-body h3, .admin-item-main h3 { overflow-wrap: anywhere; }
  .hero-intro, .hero-extra { font-size: 13px; }
  .hero-small { font-size: 11px; }
  .how-step strong { font-size: 11px; }
  .how-step span { font-size: 10px; line-height: 1.55; }
  .section-heading .subtitle { font-size: 12px; }
  .filters { min-width: 0; }
  .filter { font-size: 11px; min-height: 44px; }
  .search-box { min-height: 44px; }
  .search-box input { font-size: 13px; }
  .gift-body { padding: 18px 16px 15px; }
  .gift-body h3 { font-size: 21px; }
  .gift-shop { font-size: 9px; overflow-wrap: anywhere; }
  .gift-description { font-size: 12px; line-height: 1.7; min-height: 40px; color: #727d69; }
  .gift-price { font-size: 15px; }
  .price-hint { font-size: 11px; color: #80866f; }
  .price-stale { font-size: 11px; color: #876a48; }
  .gift-actions .btn { min-height: 44px; font-size: 12px; gap: 7px; }
  .gift-actions .btn .icon { width: 16px; height: 16px; }
  .gift-bottom { justify-content: space-between; gap: 5px 10px; flex-wrap: wrap; margin-top: 8px; }
  .gift-bottom .text-button { min-height: 36px; font-size: 11px; color: #748168; }
  .gift-bottom .cancel-link { color: #7a806e; }
  .gift-image .reserved-badge { font-size: 10px; padding: 6px 10px; }
  .demo-note, .demo-note span { font-size: 11px; }
  .list-progress { font-size: 11px; }
  .note-section .note-body { font-size: 12px; color: #758068; }
  .footer-actions .text-button { font-size: 11px; min-height: 40px; }
  .modal-description { font-size: 12px; }
  .modal-form .form-notice, .login-privacy, .last-price-info { font-size: 11px; }
  .field > label, .field-label, .participant-heading { font-size: 12px; }
  .field input, .field select { font-size: 16px; }
  .field textarea { font-size: 14px; }
  .field small { font-size: 11px; }
  .participant-heading .icon-button { width: 36px; height: 36px; }
  .modal-form .btn, .edit-bottom .btn { min-height: 44px; }
  .admin-heading p, .stat-label { font-size: 11px; }
  .admin-heading > .btn { min-height: 44px; font-size: 12px; }
  .admin-tab { min-height: 44px; font-size: 12px; }
  .admin-item-actions .btn { min-height: 40px; font-size: 11px; }
  .admin-item-actions .text-button { min-height: 36px; font-size: 11px; }
  .text-field label { font-size: 12px; }
  .text-group summary { min-height: 48px; }
}

@media (max-width: 600px) {
  .gift-edit-columns { grid-template-columns: 1fr; }
  .gift-preview { aspect-ratio: 1.65; }
  .import-row { align-items: stretch; flex-direction: column; }
  .import-row .btn { width: 100%; min-height: 44px; font-size: 12px; }
  .edit-bottom { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .gift-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .gift-image { aspect-ratio: 1.4; }
  .gift-body { padding: 21px 21px 17px; }
  .gift-body h3 { font-size: 24px; }
  .gift-description { min-height: 0; -webkit-line-clamp: 3; }
  .gift-shop { font-size: 10px; }
  .gift-price { font-size: 16px; margin: 14px 0; }
  .gift-bottom .text-button { min-height: 40px; font-size: 12px; }
  .filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 4px; }
  .filter { font-size: 10px; padding: 8px 5px; white-space: normal; line-height: 1.4; overflow-wrap: anywhere; }
  .filter .filter-count { margin-left: 3px; }
  .how-step strong { font-size: 10px; }
  .how-step span { font-size: 10px; }
  .admin-item { align-items: flex-start; }
  .admin-item-actions { flex-shrink: 0; }
  .admin-tabs { gap: 15px; }
}

/* The invitation screen reveals only its own access instructions. */
.access-page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 48px 24px;
  background: radial-gradient(ellipse at 50% 18%, #eaf0e380, transparent 62%), var(--cream);
}
.access-brand { display: flex; align-items: center; justify-content: center; color: var(--sage); }
.access-card {
  width: 100%;
  max-width: 520px;
  padding: 40px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
  box-shadow: 0 18px 65px #39452f0a;
}
.access-mark {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  margin-bottom: 25px;
  color: #788d66;
  background: #edf1e5;
  border-radius: 50%;
}
.access-mark .icon { width: 25px; height: 25px; }
.access-mark .brand-mark { width: 35px; height: 35px; }
.access-card h1, .access-card h2 {
  font-family: var(--serif);
  font-size: 37px;
  font-weight: 400;
  letter-spacing: -.9px;
  line-height: 1.18;
  margin: 0 0 17px;
  overflow-wrap: anywhere;
}
.access-card > p, .access-description {
  color: #758068;
  font-size: 13px;
  line-height: 1.85;
}
.access-form { margin-top: 27px; }
.access-form .field > label { font-size: 12px; }
.access-form .field input { min-height: 48px; font-size: 14px; }
.access-form .btn, .access-card > .btn { min-height: 46px; font-size: 13px; }
.access-form .field small { font-size: 11px; line-height: 1.75; }
.access-help {
  margin-top: 25px;
  padding-top: 19px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  line-height: 1.7;
  color: #7b866f;
}
.access-help .text-button { min-height: 40px; font-size: 12px; }
.access-error {
  color: #965d50;
  background: #f9eee7;
  border: 1px solid #ead9cd;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1.7;
  padding: 12px 14px;
  margin: 17px 0;
}
.access-error:empty { display: none; }
.access-actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.access-actions .text-button { min-height: 44px; font-size: 12px; }
.invite-panel {
  max-width: 800px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  padding: 29px;
}
.invite-panel h2 { font-family: var(--serif); font-size: 29px; line-height: 1.25; margin-bottom: 12px; }
.invite-panel > p { font-size: 13px; line-height: 1.85; color: #77836b; }
.invite-panel .field { margin-top: 24px; }
.invite-panel .field > label { font-size: 12px; }
.invite-link { min-width: 0; width: 100%; }
.invite-link:not(input):not(textarea) { display: flex; align-items: flex-start; gap: 10px; }
.invite-link input, input.invite-link, textarea.invite-link {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid #dce0d2;
  border-radius: 6px;
  background: #f7f8f0;
  color: #596a4e;
  padding: 12px;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  resize: vertical;
}
.invite-link .btn { flex-shrink: 0; min-height: 48px; font-size: 12px; }
.invite-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 20px; }
.invite-actions .btn { min-height: 44px; font-size: 12px; }
.invite-notice {
  margin-top: 24px;
  padding: 14px 16px;
  border: 1px solid #e8e0cd;
  border-radius: 7px;
  background: #f7f3e9;
  color: #8c7756;
  font-size: 12px;
  line-height: 1.8;
}
.invite-session-info { margin-top: 16px; color: #7c876f; font-size: 12px; line-height: 1.8; }
@media (max-width: 600px) {
  .access-page { padding: 30px 19px; gap: 20px; }
  .access-card { padding: 30px 25px; }
  .access-card h1, .access-card h2 { font-size: 32px; }
  .access-form .field input { font-size: 16px; }
  .access-mark { margin-bottom: 22px; }
  .invite-panel { padding: 23px 20px; }
  .invite-panel h2 { font-size: 26px; }
  .invite-link:not(input):not(textarea) { flex-direction: column; }
  .invite-link input, input.invite-link, textarea.invite-link { font-size: 16px; }
  .invite-link .btn, .invite-actions, .invite-actions .btn { width: 100%; }
}

/* Parent-only editing overlays retain the real page typography and layout. */
.visual-entry {display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef1e7;border:1px solid #d6decb;border-radius:12px;padding:28px;margin-bottom:25px;}
.hero-intro,.hero-extra,.note-body,.note-signature {white-space:pre-line;}
.visual-entry h2 {font-family:var(--serif);font-size:28px;font-weight:400;margin:10px 0;}
.visual-entry p {font-size:13px;line-height:1.8;max-width:620px;color:#65735e;}
.visual-entry>.btn {flex-shrink:0;}
.advanced-texts {margin-top:26px;}
.advanced-texts>summary {cursor:pointer;font-size:13px;font-weight:600;padding:16px 0;}
.customization-missing {border:1px solid #e5b3b3;background:#fff7f6;border-radius:12px;padding:25px;margin-bottom:28px;color:#a52b35;}
.customization-missing h2 {display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.5;margin:0 0 8px;}
.customization-missing>p {font-size:12px;line-height:1.8;max-width:800px;}
.missing-texts-list {display:grid;grid-template-columns:1fr 1fr;gap:0 20px;list-style:none;padding:0;margin:18px 0 0;max-height:420px;overflow:auto;}
.missing-texts-list button {display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;width:100%;padding:14px 5px;border:0;border-top:1px solid #edcecc;background:transparent;text-align:left;color:#a52b35;cursor:pointer;}
.missing-texts-list button>span {font-size:12px;line-height:1.6;}
.missing-texts-list button>strong {grid-column:1;font-size:10px;font-weight:600;}
.missing-texts-list button>.icon {grid-column:2;grid-row:1 / 3;}
.missing-texts-list button:hover {background:#fce9e7;}
.missing-label {color:#b02332;font-size:11px;font-weight:600;}
.missing-tab-count {display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:30px;background:#fce7e8;color:#a12230;font-size:11px;padding:0 6px;}
.text-field.text-missing>label {color:#b02332;}
.text-field.text-missing textarea {border-color:#d98d93;background:#fff7f6;}
.customization-complete {display:flex;gap:10px;align-items:center;background:#eef3e7;color:#4c6440;border-radius:9px;padding:20px;margin-bottom:25px;font-size:13px;}
.visual-editor-toolbar {position:sticky;top:0;z-index:200;display:flex;align-items:center;flex-wrap:wrap;gap:13px 22px;padding:15px 24px;background:#f3f5ed;border-bottom:2px solid #b6c2a5;box-shadow:0 3px 18px #35432f12;color:#35452e;}
.visual-editor-info {flex:1;min-width:220px;}
.visual-editor-info>strong {display:flex;gap:8px;align-items:center;font-size:14px;}
.visual-editor-info>span {display:block;font-size:11px;line-height:1.6;margin-top:5px;max-width:500px;}
.visual-context-label {display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:600;}
.visual-context-label select {max-width:240px;border:1px solid #bdc9b2;border-radius:6px;padding:9px;font:inherit;font-size:12px;color:#35452e;background:white;}
.visual-editor-status {display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:145px;}
.visual-editor-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.visual-editor-actions>.btn {min-height:40px;}
.visual-editor-actions>.text-button {font-size:11px;min-height:40px;}
.visual-editor-toolbar>.form-error {flex-basis:100%;margin:0;}
.visual-editor-toolbar>.form-error:empty {display:none;}
.editor-exit-confirm {display:flex;flex-basis:100%;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #cbd3c1;padding-top:12px;font-size:12px;}
.editor-exit-confirm>p {flex:1;min-width:220px;}
.visual-editing .editable-text {outline:1px dashed #8fa77c;outline-offset:4px;border-radius:2px;cursor:text;min-width:1ch;white-space:pre-wrap;overflow-wrap:anywhere;}
.visual-editing .editable-text:empty::before {content:'\00a0';display:inline-block;min-width:30px;}
.visual-editing .editable-text.is-missing {outline-color:#c0444f;background:#fce7e85c;}
.visual-editing .editable-text:hover,.visual-editing .editable-text:focus {outline:2px solid #64834d;background:#f4f8ec;box-shadow:0 0 0 7px #eef5e4c9;color:inherit;}
.visual-editing .editable-text:focus {position:relative;z-index:3;}
.visual-editing [data-edit-placeholder] {outline:1px dashed #91a381;outline-offset:2px;cursor:text;}
.visual-editing button:has(.editable-text),.visual-editing a:has(.editable-text) {cursor:text;}
.visual-editing .editor-preview-modal {position:fixed;inset:auto;left:50%;top:54%;transform:translate(-50%,-50%);z-index:150;max-height:calc(100dvh - 220px);}
.visual-editing #modal-root:has(dialog[open])::before {content:'';position:fixed;inset:0;background:#27302555;backdrop-filter:blur(3px);z-index:140;}
.visual-inspector {position:fixed;right:24px;bottom:24px;z-index:210;width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #bdc9b2;border-radius:12px;background:#fffefa;box-shadow:0 15px 60px #293c302b;}
.inspector-heading {display:flex;align-items:start;justify-content:space-between;gap:10px;}
.inspector-heading h2 {font-size:16px;line-height:1.5;}
.visual-inspector p {font-size:11px;line-height:1.7;color:#67765d;margin:12px 0;}
.visual-inspector label {display:block;font-size:12px;margin-bottom:8px;}
.visual-inspector textarea {width:100%;padding:12px;border:1px solid #abbc9c;border-radius:7px;background:white;color:var(--ink);font:inherit;font-size:14px;line-height:1.7;resize:vertical;}
@media(max-width:760px){
 .visual-entry{align-items:stretch;flex-direction:column;padding:23px;gap:17px;}.visual-entry h2{font-size:25px;}.missing-texts-list{grid-template-columns:1fr;max-height:360px;}
 .customization-missing{padding:20px;}.customization-missing h2{font-size:18px;}
 .visual-editor-toolbar{padding:12px 15px;gap:10px;}.visual-editor-info{min-width:180px;}.visual-editor-info>span{font-size:10px;}.visual-editor-status{min-width:120px;}
 .visual-context-label{flex:1;}.visual-context-label select{width:100%;max-width:none;min-height:40px;}.visual-editor-actions{width:100%;}.visual-editor-actions>.btn{flex:1;font-size:11px;}.visual-editor-actions>.text-button{font-size:10px;}
 .visual-editing .editor-preview-modal{top:auto;bottom:14px;transform:translateX(-50%);max-height:calc(100dvh - 260px);}
 .visual-inspector{right:16px;bottom:16px;padding:20px;max-height:calc(100dvh - 250px);overflow:auto;}
}
