:root{--background:#f6f0f6;--surface:#fff;--foreground:#20242a;--muted:#697079;--line:#ddd6df;--primary:#665bc7;--primary-dark:#5146b6;--soft-primary:#f0edff}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.site-shell{background:radial-gradient(circle at 14% 16%,#ffe1ebc2,#0000 34rem),radial-gradient(circle at 88% 78%,#b5d3efb8,#0000 35rem),linear-gradient(145deg,#d6c4ee 0%,#e8c9dc 48%,#b8d4ed 100%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.content{flex:1;justify-content:center;align-items:center;width:min(1040px,100% - 48px);margin:18px auto 30px;padding:46px 54px;display:flex}.planner-card{z-index:2;isolation:isolate;background:0 0;border:0;min-height:min(680px,100svh - 150px);position:relative}.wavy-card-bg{z-index:-1;pointer-events:none;filter:drop-shadow(0 28px 40px #3a2b5929);background:#fffcfef7;border-radius:26px;position:absolute;inset:10px}.wavy-card-bg:before,.wavy-card-bg:after{content:"";pointer-events:none;position:absolute}.wavy-card-bg:before{background-image:radial-gradient(54% 72% at 50% 100%,#fffcfef7 97%,#0000 100%),radial-gradient(54% 72% at 50% 0,#fffcfef7 97%,#0000 100%);background-position:top,bottom;background-repeat:round no-repeat,round no-repeat;background-size:52px 24px,52px 24px;inset:-14px 32px}.wavy-card-bg:after{background-image:radial-gradient(72% 54% at 100%,#fffcfef7 97%,#0000 100%),radial-gradient(72% 54% at 0%,#fffcfef7 97%,#0000 100%);background-position:0,100%;background-repeat:no-repeat round,no-repeat round;background-size:24px 52px,24px 52px;inset:32px -14px}.ambient-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-shape{opacity:.46;filter:blur(1px);border-radius:50%;animation:12s ease-in-out infinite alternate ambient-float;display:block;position:absolute}.shape-one{background:#ffffffb3;width:72px;height:72px;top:18%;left:5%}.shape-two{border:6px solid #6e5bb966;width:34px;height:34px;animation-delay:-4s;bottom:10%;left:16%}.shape-three{background:#f4d2e1bd;width:110px;height:110px;animation-delay:-7s;top:12%;right:5%}.shape-four{background:#ffffffb8;width:46px;height:46px;animation-delay:-2s;bottom:12%;right:15%}.shape-five{background:#685bc78c;width:18px;height:18px;animation-delay:-9s;top:9%;left:25%}.shape-six{border:5px solid #ffffff9e;width:26px;height:26px;animation-delay:-5s;bottom:6%;right:28%}@keyframes ambient-float{0%{transform:translate(0,0)rotate(0)}50%{transform:translate(18px,-22px)rotate(12deg)}to{transform:translate(-12px,18px)rotate(-8deg)}}.step-progress{--progress:12%;z-index:3;width:min(600px,100% - 64px);height:28px;margin:26px auto 0;position:relative}.progress-1{--progress:38%}.progress-2{--progress:66%}.progress-3{--progress:92%}.progress-track{background:#ffffff7a;border-radius:999px;height:4px;position:absolute;top:12px;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px 2px #4331651c}.progress-track span{width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,#fff,#6f63c8);height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.progress-marker{left:calc(var(--progress) - 14px);color:#fff;background:#6c61c6;border:3px solid #ffffffdb;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;transition:left .45s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;box-shadow:0 7px 18px #4233703d}.step-panel{width:100%;animation:.3s ease-out both panel-in}.invitation-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(720px,100%);min-height:500px;display:flex}.invitation-intro{margin-bottom:44px}.answer-area{width:min(440px,100%);min-height:128px;position:relative}.yes-button,.no-button,.secondary-action{cursor:pointer;border-radius:13px;min-width:170px;min-height:58px;font-weight:700;transition:transform .26s,box-shadow .18s,background .18s}.yes-button{color:#fff;background:linear-gradient(135deg,#6370df,#4858d0);border:0;position:absolute;top:0;left:28px;box-shadow:0 12px 28px #5664d933}.no-button{border:1px solid var(--line);color:var(--muted);background:#fff;position:absolute;top:0;right:28px}.no-button.moved{transition-timing-function:cubic-bezier(.18,1.65,.42,1);transform:translate(-74px,66px)}.yes-button:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 15px 32px #5664d945}.no-button:hover{border-color:#bbb3b7}.declined-panel .invitation-intro{margin-bottom:22px}.secondary-action{border:1px solid var(--line);color:var(--foreground);background:#fff}.activity-back{width:fit-content;display:block}@keyframes panel-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.intro{text-align:center;margin-bottom:38px}.intro .eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:750}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.05}.intro>p:last-child{max-width:620px;color:var(--muted);margin:14px auto 0;font-size:17px;line-height:1.55}.activity-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:min(790px,100%);margin:0 auto;display:grid}.activity-grid .activity-card{grid-column:span 2}.activity-card{border:1px solid var(--line);cursor:pointer;background:#ffffffeb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-width:0;height:148px;font-size:16px;font-weight:650;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 8px 30px #30252a06}.activity-card:hover{border-color:color-mix(in srgb, currentColor 35%, var(--line));transform:translateY(-3px);box-shadow:0 14px 30px #30252a12}.activity-card:focus-visible,.primary-button:focus-visible,.time-grid button:focus-visible,.back-button:focus-visible,.secondary-button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #5664d93d}.activity-card.selected{border:2px solid var(--primary);background:var(--soft-primary);box-shadow:0 10px 28px #5664d91f}.activity-icon{place-items:center;width:50px;height:50px;display:grid}.activity-icon svg{width:100%;height:100%}.emoji-icon{filter:drop-shadow(0 4px 5px #4a33441f);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:42px;line-height:1;display:block;transform:translateZ(0)}.green{color:#679c73}.blue{color:#5664d9}.amber{color:#ca8c2b}.coral{color:#d26e5d}.violet{color:#8369b5}.teal{color:#469b95}.indigo{color:#5f72b4}.slate{color:#64717a}.activity-card>span:last-of-type{color:var(--foreground)}.check{background:var(--primary);color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-style:normal;transition:all .18s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.65)}.selected .check{opacity:1;transform:scale(1)}.field-label,.own-time span,.comment-field>span{margin-bottom:9px;font-size:14px;font-weight:700;display:block}.date-input,.own-time input,.comment-field textarea{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:12px;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.date-input:focus,.own-time input:focus,.comment-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5664d914}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6370df,#4858d0);border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:min(400px,100%);min-height:58px;margin:32px auto 0;padding:0 22px;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s;display:flex;box-shadow:0 12px 28px #5664d92e}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 32px #5664d945}.primary-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.compact-panel{width:min(660px,100%);margin:0 auto}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:8px;padding:8px 0;font-weight:650}.schedule-card,.summary-card{border:1px solid var(--line);background:#ffffffeb;border-radius:20px;padding:28px;box-shadow:0 16px 45px #362a2f0e}.date-input{margin-bottom:24px}.time-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.time-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;min-height:48px;font-weight:650;transition:all .16s}.time-grid button:hover,.time-grid button.selected{border-color:var(--primary);background:var(--soft-primary);color:var(--primary-dark)}.time-grid button.selected{box-shadow:inset 0 0 0 1px var(--primary)}.own-time,.comment-field{margin-top:22px;display:block}.comment-field em{color:var(--muted);font-style:normal;font-weight:450}.comment-field textarea{resize:vertical;min-height:92px}.result-panel{text-align:center;width:min(660px,100%);margin:30px auto 0}.result-icon{color:#43835b;background:#e8f4ed;border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto 22px;font-size:31px;font-weight:800;display:grid;transform:rotate(-3deg)}.result-panel .intro{margin-bottom:28px}.summary-card{text-align:left}.summary-card>div{grid-template-columns:100px 1fr;align-items:baseline;gap:18px;display:grid}.summary-card>div+div{border-top:1px solid #ece8ea;margin-top:18px;padding-top:18px}.summary-card span{color:var(--muted);font-size:14px}.summary-card strong{font-size:17px;line-height:1.5}.capitalize:first-letter{text-transform:uppercase}.secondary-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:20px;padding:9px 14px;font-weight:650}.form-error{color:#b44747;text-align:center;margin:14px auto 0;font-size:14px}.responses-shell{width:min(900px,100% - 32px);min-height:100svh;margin:0 auto;padding:56px 0}.responses-header{margin-bottom:28px}.responses-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,54px)}.responses-header p{color:var(--muted);margin:10px 0 0}.response-list{gap:14px;display:grid}.response-record,.empty-responses{border:1px solid var(--line);background:#fffffff0;border-radius:18px;padding:22px;box-shadow:0 10px 32px #30252a0d}.response-record-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.response-status{color:#39764f;background:#e8f4ed;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:750;display:inline-flex}.response-status.declined{color:#8a5656;background:#f4eeee}.response-record time{color:var(--muted);font-size:13px}.response-details{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.response-details div{gap:5px;display:grid}.response-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.response-details strong{line-height:1.45}footer{z-index:2;color:#342d44ad;text-align:center;padding:18px 20px 28px;font-size:13px;position:relative}@media (max-width:820px){.content{padding:38px 34px}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-grid .activity-card{grid-column:span 2}}@media (max-width:560px){.site-shell{min-height:100svh}.step-progress{width:calc(100% - 52px);margin-top:18px}.content{border-radius:34px 26px 38px 28px/28px 40px 30px 42px;width:calc(100% - 20px);min-height:calc(100svh - 118px);margin:10px auto 18px;padding:28px 14px 30px}.invitation-panel{min-height:430px}.intro{margin-bottom:24px}.intro h1{font-size:clamp(30px,9vw,34px);line-height:1.08}.intro>p:last-child{font-size:15px}.activity-grid{gap:10px}.activity-card{border-radius:15px;gap:10px;height:116px;min-height:116px;padding:10px 8px;font-size:14px}.activity-icon{width:36px;height:36px}.emoji-icon{font-size:32px}.activity-back{margin-bottom:4px}.schedule-card,.summary-card{border-radius:17px;padding:20px}.time-grid{grid-template-columns:repeat(2,1fr)}.summary-card>div{grid-template-columns:1fr;gap:5px}.response-details{grid-template-columns:1fr}.response-record-top{flex-direction:column;align-items:flex-start}.primary-button{margin-top:24px}.answer-area{width:330px;min-height:140px}.yes-button,.no-button{min-width:138px}.yes-button{left:12px}.no-button{right:12px}.no-button.moved{transform:translate(-52px,70px)}footer{color:#342d449e;padding-top:4px}.ambient-shape{opacity:.32}.shape-one{top:24%;left:-24px}.shape-three{top:8%;right:-56px}.shape-four{bottom:3%;right:3%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}