:root{font-variant-numeric:lining-nums;--paper: #faf8f4;--ink: #2b2a27;--muted: #8b877e;--line: #e4dfd6;--accent: #5d7a64;--gold: #b3955f;--blush: #e2b3a6;--sage: #9db19f;--serif: "Cormorant Garamond", Georgia, serif;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,#f5e9e2 0%,var(--paper) 55%) no-repeat,var(--paper)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}main{max-width:440px;margin:0 auto;padding:24px 20px 64px;overflow:hidden}header{position:relative;text-align:center;padding:64px 20px 36px;margin:36px 0 32px}header:before,header:after{content:"";position:absolute;border:1px solid var(--gold);border-bottom:0;border-radius:999px 999px 0 0;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent);pointer-events:none}header:before{top:0;right:0;bottom:0;left:0;opacity:.55}header:after{top:6px;right:6px;bottom:6px;left:6px;opacity:.3}.rings{width:52px;color:var(--gold);display:block;margin:0 auto 18px}.sprig{position:absolute;top:-19px;width:150px;pointer-events:none;z-index:1}.sprig.left{left:calc(50% - 141px)}.sprig.right{right:calc(50% - 141px);transform:scaleX(-1)}.stem{fill:none;stroke:var(--sage);stroke-width:1.4;stroke-linecap:round}.leaf{fill:var(--sage);opacity:.55}.blossom ellipse{fill:var(--blush);opacity:.8}.blossom-center{fill:var(--gold)}.ornament{display:flex;align-items:center;gap:14px;margin:0 0 40px}.ornament span{flex:1;height:1px;background:var(--line)}.ornament svg{width:22px;height:22px}footer{padding-top:16px}footer .rings{width:40px;opacity:.7;margin-bottom:0}h1,h2,.date,.unit b,.when b,.where b,.done p,.chosen-name{font-variant-numeric:lining-nums tabular-nums}h1{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.1;margin:0}h1 .line{display:block}h1 i{color:var(--gold);font-weight:500}h1 .and{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0;font-style:italic;font-size:24px;color:var(--gold)}h1 .and:before,h1 .and:after{content:"";width:28px;height:1px;background:var(--gold);opacity:.5}section{margin-bottom:56px;text-align:center}h2{font-family:var(--serif);font-weight:500;font-size:26px;margin:0 0 20px}.field{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:16px;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.field:focus{box-shadow:0 0 0 4px #5d7a641a}.field:focus{border-color:var(--accent)}.field.area{height:auto;padding:12px 14px;resize:vertical;line-height:1.5;text-align:left;border-radius:12px}.primary{width:100%;height:48px;margin-top:12px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:15px;letter-spacing:.3px;box-shadow:0 6px 16px #5d7a6430;transition:transform .15s,box-shadow .2s,background .2s}.primary:hover:not(:disabled){background:#52705a;box-shadow:0 8px 20px #5d7a6440}.primary:active:not(:disabled){transform:scale(.98)}.link{margin-top:16px;padding:0;border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline}.muted{color:var(--muted)}.small{font-size:14px}.error{color:#b0543f;font-size:14px}.matches{list-style:none;margin:8px 0 0;padding:0}.matches li button{width:100%;padding:12px 2px;border:0;border-bottom:1px solid var(--line);background:none;text-align:center;font-size:16px}.matches li.muted{padding:12px 2px}.chosen-name{font-family:var(--serif);font-size:24px;margin:0 0 16px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices button{height:56px;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .2s,color .2s,box-shadow .2s,transform .1s;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px}.choices button:active{transform:scale(.97)}.choices button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:24px}.grid a,.grid button{position:relative;aspect-ratio:1;padding:0;border:0;background:var(--line);overflow:hidden;animation:pop .5s ease both;animation-delay:calc(min(var(--i, 0),12)*40ms)}.grid img{transition:transform .4s ease}.grid button:hover img{transform:scale(1.05)}.grid .fresh{animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}.grid img{width:100%;height:100%;object-fit:cover;display:block}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:18px;text-shadow:0 1px 4px #0006}main.wide{max-width:980px}main.wide header,main.wide .ornament,main.wide footer{max-width:400px;margin-left:auto;margin-right:auto}.login{max-width:400px;margin:0 auto;display:grid;gap:10px}.login .primary{margin-top:4px}.admin{display:grid;gap:28px;text-align:left}@media(min-width:820px){.admin{grid-template-columns:340px 1fr;align-items:start}.admin-side{position:sticky;top:24px}.admin-list .guest-list{max-height:70vh;overflow-y:auto}}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s}.chip b{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;font-variant-numeric:lining-nums}.chip span{font-size:13px;color:var(--muted)}.chip.yes{background:#eef4ee}.chip.yes b{color:#4e7a57}.chip.no{background:#f8ecea}.chip.no b{color:#b0543f}.chip.pending{background:#f8f2e1}.chip.pending b{color:#a07d25}.chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.salgados{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:16px 18px;border:1px solid #e8d9bd;border-radius:14px;background:linear-gradient(135deg,#fbf5ea,#f6ecdc)}.salgados-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#9a7b45}.salgados b{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.05;color:#7d5f2c;font-variant-numeric:lining-nums}.salgados-max{margin-top:6px;padding-top:8px;border-top:1px dashed #e3d2b3;font-size:14px;color:#8a6f42}.salgados-max strong{font-weight:600}.dup-alert{width:100%;margin-bottom:12px;padding:10px 14px;border:1px dashed #d19a4a;border-radius:12px;background:#fdf6ea;color:#9a6a22;font-size:14px;text-align:left}.dup-alert.on{border-style:solid}.add{margin-bottom:8px}.field.search{text-align:left;padding:0 18px;margin-bottom:8px}.guest-list{list-style:none;margin:0;padding:0}.guest-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;border-radius:10px;font-size:15px}.guest-list li.yes{background:#eef4ee}.guest-list li.no{background:#f8ecea}.guest-list li.pending{background:#f8f2e1}.dot{width:9px;height:9px;border-radius:50%;flex:none}li.yes .dot{background:#5e9a68}li.no .dot{background:#cf5b45}li.pending .dot{background:#e0b43e}.guest-name{flex:1;min-width:0}.dup{margin-left:8px;font-size:12px;font-style:normal;color:#9a6a22;background:#fbe9c9;padding:2px 8px;border-radius:999px;white-space:nowrap}.tag{font-size:13px;flex:none}li.yes .tag{color:#4e7a57}li.no .tag{color:#b0543f}li.pending .tag{color:#a07d25}.remove{width:28px;height:28px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;line-height:1;opacity:.5;transition:opacity .2s,background .2s}.remove:hover{opacity:1;background:#0000000d}.empty-row{justify-content:center}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sway-l{0%,to{transform:rotate(0)}50%{transform:rotate(-1.5deg)}}@keyframes sway-r{0%,to{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(-1.5deg)}}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}}header .rings{animation:pop .8s ease both .1s,beat 2.8s ease-in-out 2s infinite}h1 .l1{animation:up .9s ease both .3s}h1 .and{animation:up .9s ease both .6s}h1 .l2{animation:up .9s ease both .8s}.sprig{transform-origin:94% 17%}.sprig.left{animation:sway-l 7s ease-in-out infinite}.sprig.right{transform-origin:50% 17%;animation:sway-r 7s ease-in-out infinite}.stem{stroke-dasharray:1;animation:draw 1.4s ease both .2s}.leaf{transform-box:fill-box;transform-origin:left center;animation:pop .6s ease both;animation-delay:var(--d)}.bloom{transform-box:fill-box;transform-origin:center;animation:pop .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--d)}.rings.clickable{cursor:pointer}.rings.clickable:active{transform:scale(.9)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.fade{animation:up .4s ease both}.matches li{animation:up .3s ease both;animation-delay:calc(var(--i, 0) * 50ms)}.matches li button{transition:letter-spacing .2s,color .2s}.matches li button:hover{color:var(--accent);letter-spacing:.3px}.choice-icon{font-size:15px;color:var(--muted);transition:transform .3s,color .2s}.choices button.on .choice-icon{color:var(--accent);transform:scale(1.3)}.choices button:first-child.on .choice-icon{color:#c9786a}.done{text-align:center;animation:pop .7s cubic-bezier(.3,1.4,.5,1) both}.done .rings{width:48px;margin:0 auto 12px}.done p{font-family:var(--serif);font-size:26px;line-height:1.35;margin:0}.done em{color:var(--muted);font-size:22px}.bar{height:3px;margin-top:10px;background:var(--line);border-radius:3px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);transition:width .2s}.empty{margin-top:20px;text-align:center;font-style:italic}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.petal{position:absolute;top:-30px;border-radius:80% 0;opacity:0;animation-name:fall;animation-timing-function:ease-in;animation-fill-mode:both}.petal.tone0{background:var(--blush)}.petal.tone1{background:#eccbc1}.petal.tone2{background:#f3e2d6}@keyframes fall{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:.95}85%{opacity:.9}to{opacity:0;transform:translate(var(--sway),105vh) rotate(var(--spin))}}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1c1b19f0;display:grid;place-items:center;padding:20px;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0}}.viewer img{max-width:100%;max-height:86vh;border-radius:4px;animation:pop .35s ease}.viewer .nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:26px;line-height:1}.viewer .prev{left:12px}.viewer .next{right:12px}.viewer .count{position:absolute;bottom:20px;color:#fffa;font-size:13px;letter-spacing:1px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.petals{display:none}}.date{font-family:var(--serif);font-size:22px;letter-spacing:3px;margin:22px 0 4px;animation:up .9s ease both 1s}.date i{color:var(--gold);font-style:normal}.date-sub{margin:0;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);animation:up .9s ease both 1.15s}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 40px;animation:up .9s ease both 1.3s}.unit{padding:14px 0 10px;border:1px solid var(--line);border-radius:14px;background:#ffffffa8;text-align:center}.unit b{display:block;font-family:var(--serif);font-weight:500;font-size:32px;line-height:1;font-variant-numeric:lining-nums tabular-nums;animation:tick .45s ease}.unit span{display:block;margin-top:6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}@keyframes tick{0%{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:none}}.today{text-align:center;font-family:var(--serif);font-size:24px;color:var(--accent);margin:0 0 40px}.when{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.when div{padding:14px 8px;border:1px solid var(--line);border-radius:14px;background:#fff}.when span,.where span{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.when b{display:block;margin-top:4px;font-family:var(--serif);font-weight:500;font-size:20px}.where{margin:0 0 16px;line-height:1.5}.where b{display:block;font-family:var(--serif);font-weight:500;font-size:26px}.where .muted{text-transform:none;letter-spacing:0;font-size:14px;margin-top:4px}.map{height:220px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--line)}.map iframe{width:100%;height:100%;border:0;filter:saturate(.55) sepia(.12)}.save{display:flex;gap:8px;justify-content:center;margin-top:12px}.pill{flex:1;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-size:14px;text-decoration:none;transition:background .2s,color .2s,transform .1s}.pill:hover{background:var(--accent);color:#fff}.pill:active{transform:scale(.97)}.save-label{margin:24px 0 0}.done .save-label{margin-top:20px}.deadline{margin:-10px 0 18px;font-size:14px;color:var(--muted);letter-spacing:.3px}.deadline b{color:var(--gold);font-weight:600}.closed{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;line-height:1.6;color:var(--muted)}.closed b{color:var(--ink);font-weight:600}
