@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#422d38;background:#fff9f5;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 15%,#ffe3df 0,#0000 24rem),radial-gradient(circle at 90% 80%,#f8ddd9 0,#0000 25rem),#fff9f5;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}.loading{place-items:center;min-height:100vh;display:grid}.welcome{text-align:center;background-image:linear-gradient(#ffffff61 1px,#0000 1px),linear-gradient(90deg,#ffffff61 1px,#0000 1px);background-size:42px 42px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.sparkles{color:#d4677f;letter-spacing:.8rem;font-size:1.7rem;animation:4s ease-in-out infinite float}.eyebrow{letter-spacing:.16em;color:#bd6878;margin:1.5rem 0 .75rem;font:500 .68rem DM Mono,monospace}.welcome h1,.step h2,.admin h1,.admin-login h1{color:#3a2631;max-width:720px;margin:0;font:clamp(3.15rem,8vw,6.5rem)/.98 DM Serif Display,serif}.lede{color:#7c6370;max-width:430px;margin:1.5rem auto 2rem;line-height:1.7}.welcome-actions{align-items:center;gap:12px;display:flex}.yes{color:#fff;background:#b74764;border-radius:100px;padding:14px 23px;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 8px 20px #b7476430}.yes:hover{background:#9e3853;transform:translateY(-2px)}.no{color:#876873;background:#fffaf8;border:1px solid #e6cdd1;border-radius:100px;padding:11px 17px;transition:transform .28s,background .2s}.no:hover{background:#fff;transform:translate(26px,-15px)rotate(3deg)}.big-heart{color:#c95370;font-size:5rem;animation:1.6s infinite pulse}.flow{max-width:1100px;min-height:100vh;margin:auto;padding:25px 5vw}.flow header,.admin header{justify-content:space-between;align-items:center;display:flex}.brand{color:#fff;background:#3d2834;border-radius:50%;width:40px;height:40px;font-size:1.4rem}.progress{gap:7px;display:flex}.progress i{background:#ead8d7;border-radius:9px;width:26px;height:3px}.progress .done{background:#c85670}.flow header>span{color:#967883;font:500 .72rem DM Mono}.step{text-align:center;padding:clamp(3rem,11vh,8rem) 0 2rem}.step h2{max-width:720px;margin:0 auto 2.7rem;font-size:clamp(2.55rem,5vw,4.5rem)}.activity-grid{text-align:left;grid-template-columns:repeat(2,minmax(180px,260px));justify-content:center;gap:14px;display:grid}.activity{color:#49323d;background:#fffdfb;border:1px solid #efdde0;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:173px;padding:19px;transition:transform .2s,border .2s,box-shadow .2s;display:flex}.activity:hover,.activity.active{border-color:#c85470;transform:translateY(-3px);box-shadow:0 10px 30px #b5607020}.activity em{background:#fcebed;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:16px;font-size:2.1rem;font-style:normal;display:grid}.activity strong{font-size:.92rem}.activity small{color:#816873;margin-top:5px;font-size:.72rem;line-height:1.5}.custom{border-style:dashed}.idea{background:#fff;border:1px solid #dcc4c8;border-radius:100px;outline-color:#c85670;width:min(510px,100%);margin-top:20px;padding:15px 18px}.nav{justify-content:center;gap:11px;margin:36px 0;display:flex}.back{color:#80636d;background:0 0;padding:12px}.calendar{background:#fffdfb;border:1px solid #efdee0;border-radius:22px;max-width:465px;margin:auto;padding:21px}.calendar-head{text-transform:capitalize;justify-content:space-between;align-items:center;display:flex}.calendar-head button{color:#7b5260;background:0 0;font-size:1.2rem}.weekdays,.days{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:18px;display:grid}.weekdays span{color:#a78991;font:500 .68rem DM Mono}.days button,.days i{aspect-ratio:1;color:#c4afb4;background:0 0;border-radius:50%;place-items:center;font-size:.78rem;display:grid}.days .available{color:#9c3f56;background:#fae1e3;font-weight:700}.days .selected{color:#fff;background:#b74764;font-weight:700}.clock{aspect-ratio:1;background:#f7ebea;border:12px solid #fffdfb;border-radius:50%;width:min(340px,80vw);margin:0 auto;position:relative;box-shadow:0 5px 25px #a15c6620}.clock button{width:50px;height:50px;transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-126px) rotate(calc(var(--i) * -30deg));color:#ad969b;background:#e5d7d6;border-radius:50%;font-size:.68rem;position:absolute;top:50%;left:50%}.clock .open{color:#973a52;background:#f6cfd1;font-weight:700}.clock .chosen{color:#fff;background:#b74764;box-shadow:0 4px 12px #b7476450}.clock b{color:#bd546d;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.summary{text-align:left;background:#fffdfb;border:1px solid #eddbdc;border-radius:22px;width:min(520px,100%);margin:auto;padding:10px 24px}.summary p{border-bottom:1px solid #f1e5e5;justify-content:space-between;gap:15px;margin:0;padding:16px 0;display:flex}.summary p:last-child{border:0}.summary span{color:#997d84;font-size:.78rem}.summary b{text-align:right}.admin-login{place-items:center;min-height:100vh;display:grid}.admin-login form{background:#fffdfb;border:1px solid #eedbdd;border-radius:22px;flex-direction:column;gap:12px;width:min(390px,88vw);padding:37px;display:flex}.admin-login h1{font-size:3rem}.admin-login input,.admin input{background:#fff;border:1px solid #e5d4d5;border-radius:9px;width:100%;padding:11px}.admin-login small{color:#b13d56}.admin{max-width:900px;margin:auto;padding:25px 5vw 80px}.admin header a{color:#754d5b;text-decoration:none}.admin h1{margin:65px 0 35px;font-size:3.5rem}.admin section{background:#fffdfb;border:1px solid #ebdada;border-radius:16px;margin:16px 0;padding:23px}.admin h2{margin:0 0 18px;font:1.8rem DM Serif Display}.admin label{color:#806570;margin:12px 0;font-size:.76rem;font-weight:700;display:block}.admin label input{margin-top:6px;font-weight:400}.admin-row{grid-template-columns:60px 1fr 1.5fr 32px;gap:8px;margin:8px 0;display:grid}.admin-row button{color:#a7485e;background:#fee8e9;border-radius:8px}.add{color:#a63e57;background:#fce8e9;border-radius:100px;padding:9px 14px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.responses-title{justify-content:space-between;align-items:center;display:flex}.table{color:#715863;font-size:.8rem}.table p{border-top:1px solid #f0e4e4;padding-top:11px}@keyframes float{50%{transform:translateY(-9px)}}@keyframes pulse{50%{transform:scale(1.1)}}@media (width<=560px){.welcome h1{font-size:3.4rem}.welcome-actions{flex-direction:column}.no:hover{transform:translate(18px,-5px)}.flow{padding:18px}.step{padding-top:70px}.activity-grid{grid-template-columns:1fr}.activity{min-height:135px}.calendar{padding:15px}.clock button{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-103px) rotate(calc(var(--i) * -30deg));width:43px;height:43px}.admin-row{grid-template-columns:45px 1fr 28px}.admin-row input:nth-of-type(3){grid-column:1/3}.admin h1{font-size:3rem}.responses-title{flex-direction:column;align-items:flex-start;gap:10px}}.no.escaping{z-index:10;background:#fff;transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),transform .2s;position:fixed}.no.escaping:hover{transform:rotate(3deg)}.clock b{pointer-events:none}.time-arcs{grid-template-columns:minmax(130px,200px) 42px minmax(130px,200px);justify-content:center;align-items:center;margin:0 auto;display:grid}.time-arc{background:#f7ebea;border:10px solid #fffdfb;flex-direction:column;justify-content:space-between;min-height:330px;padding:20px 18px;display:flex}.time-arc p{letter-spacing:.14em;color:#9d7b84;text-transform:uppercase;margin:0;font:500 .65rem DM Mono,monospace}.time-arc button{color:#ad969b;background:#e5d7d6;border:1px solid #0000;border-radius:100px;width:70px;min-height:34px;font-size:.72rem}.time-arc button.open{color:#973a52;cursor:pointer;background:#f6cfd1;font-weight:700}.time-arc button.chosen{color:#fff;background:#b74764;box-shadow:0 4px 12px #b7476450}.morning{border-radius:180px 0 0 180px;align-items:flex-end}.evening{border-radius:0 180px 180px 0;align-items:flex-start}.clock-divider{z-index:1;color:#fff;background:#b74764;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 13px #b7476450}@media (width<=560px){.time-arcs{grid-template-columns:minmax(115px,1fr) 28px minmax(115px,1fr)}.time-arc{min-height:295px;padding:17px 11px}.time-arc button{width:58px;min-height:31px;font-size:.66rem}.clock-divider{width:30px;height:30px;font-size:.8rem}}.admin-help{color:#8b6d76;margin:-12px 0 0;font-size:.76rem}.availability-block{justify-content:space-between;align-items:center;gap:18px;margin:18px 0 12px;display:flex}.availability-block h3{margin:0;font-size:.9rem}.availability-block p{color:#8b6d76;margin:4px 0 0;font-size:.74rem}.date-adder{align-items:center;gap:8px;display:flex}.date-adder input{width:auto}.chips{flex-wrap:wrap;gap:8px;min-height:38px;display:flex}.chips button{color:#82384c;background:#f9e4e6;border-radius:100px;padding:8px 11px;font-size:.72rem}.chips button b{margin-left:5px;font-size:1rem}.chips span{color:#967984;font-size:.78rem}.time-heading{margin-top:32px}.plain-action{color:#a63e57;background:0 0;font-size:.75rem;text-decoration:underline}.time-picker{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.time-picker button{color:#a88d94;background:#f0e3e3;border-radius:9px;padding:10px 4px;font-size:.74rem}.time-picker button.enabled{color:#fff;background:#b74764;font-weight:700}@media (width<=560px){.availability-block{flex-direction:column;align-items:flex-start}.date-adder{width:100%}.date-adder input{flex:1}.time-picker{grid-template-columns:repeat(4,1fr)}}.clock-wrap{justify-items:center;display:grid}.availability-legend{color:#80646d;gap:15px;margin-bottom:12px;font-size:.72rem;display:flex}.availability-legend span{align-items:center;gap:5px;display:flex}.availability-legend i{border-radius:50%;width:9px;height:9px}.available-dot{background:#c4536d}.unavailable-dot{background:#ded2d2}.clock24{background:radial-gradient(circle,#fffdfb 0 36%,#0000 36.5%),#f8ebeb;border:11px solid #fffdfb;border-radius:50%;width:430px;height:430px;position:relative;box-shadow:0 12px 35px #9e5b6520}.clock24 button{width:31px;height:31px;transform:translate(-50%, -50%) rotate(calc(var(--i) * 15deg)) translateY(-183px) rotate(calc(var(--i) * -15deg));border-radius:50%;padding:0;font:500 .55rem DM Mono,monospace;position:absolute;top:50%;left:50%}.clock24 button.available{color:#8f334d;background:#f4cfd4;box-shadow:inset 0 0 0 1px #eaaeb8}.clock24 button.available:hover{transform:translate(-50%, -50%) rotate(calc(var(--i) * 15deg)) translateY(-188px) rotate(calc(var(--i) * -15deg)) scale(1.14)}.clock24 button.unavailable{color:#aa999b;background:#e4d9d9}.clock24 button.chosen{color:#fff;background:#b74764;box-shadow:0 3px 12px #b7476470}.clock24-core{color:#b74764;text-align:center;background:#fffdfb;border-radius:50%;place-content:center;display:grid;position:absolute;inset:36%}.clock24-core b{font:2.2rem DM Serif Display,serif}.clock24-core small{color:#957780;font-size:.58rem;line-height:1.4}.time-explanation{color:#80646d;text-align:left;background:#f1e7e7;border-radius:10px;max-width:360px;min-height:48px;margin:15px 0 0;padding:10px 14px;font-size:.72rem}.time-explanation.is-available{color:#823d50;background:#fae3e6}.time-explanation b,.time-explanation span{display:block}.time-explanation span{margin-top:3px}.time-picker{grid-template-columns:repeat(8,1fr)}.time-picker button.editing{outline-offset:1px;outline:2px solid #55333e}.time-reason{background:#f9eeee;border-radius:10px;align-items:center;gap:12px;margin-top:15px;padding:12px;display:flex}.time-reason div{min-width:80px}.time-reason b,.time-reason span{display:block}.time-reason span{color:#8f737b;margin-top:3px;font-size:.7rem}.time-reason input{flex:1}@media (width<=560px){.clock24{width:330px;height:330px}.clock24 button{width:24px;height:24px;transform:translate(-50%, -50%) rotate(calc(var(--i) * 15deg)) translateY(-138px) rotate(calc(var(--i) * -15deg));font-size:.47rem}.clock24 button.available:hover{transform:translate(-50%, -50%) rotate(calc(var(--i) * 15deg)) translateY(-141px) rotate(calc(var(--i) * -15deg))}.clock24-core b{font-size:1.8rem}.availability-legend{font-size:.65rem}.time-picker{grid-template-columns:repeat(4,1fr)}.time-reason{flex-direction:column;align-items:flex-start}.time-reason input{width:100%}.no.escaping:hover{transform:rotate(3deg)}}
