@keyframes breathe{0%{opacity:1;letter-spacing:.05em}32%{opacity:.42;letter-spacing:-.03em}62%{opacity:.42;letter-spacing:-.03em}to{opacity:1;letter-spacing:.05em}}.sonder-logo{font-family:var(--serif);color:var(--cream);letter-spacing:.03em;cursor:default;opacity:1;-webkit-user-select:none;user-select:none;margin-bottom:32px;font-size:42px;font-weight:400;line-height:1.05}.sonder-logo:hover{animation:7s ease-in-out infinite breathe}.side-link{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;will-change:transform;padding:9px 0;font-size:12px;font-weight:400;transition:color .18s,transform .18s,letter-spacing .18s;display:block;position:relative;text-decoration:none!important}.side-link:hover,.side-link.active{color:#fff;letter-spacing:.05em;transform:translate(4px)}.side-link.active:before{content:"";background:#ffffff73;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.side-add-btn{color:var(--cream);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;width:100%;font-size:11px;font-family:var(--sans);background:0 0;border:1px solid #fff3;padding:11px 0;transition:border-color .18s,color .18s,opacity .18s}.side-add-btn:hover{color:#fff;border-color:#fff9}.mobile-top-bar{height:calc(44px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--chrome);z-index:100;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mobile-top-wordmark{font-family:var(--serif);color:var(--cream);letter-spacing:.03em;-webkit-user-select:none;user-select:none;font-size:22px;font-weight:400;line-height:1}.mobile-top-s-mark{vertical-align:middle;width:auto;height:.78em;margin-right:-.02em;display:inline-block;overflow:visible;transform:rotate(-20deg)}.mobile-nav{background:var(--chrome);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(60px + env(safe-area-inset-bottom,0px));z-index:100;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}.mobile-nav-link{height:100%;font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#ffffff59;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:9px;text-decoration:none;transition:color .15s;display:flex;position:relative}.mobile-nav-link.active{color:#fff}.mobile-nav-link:active{color:#fff9}.mobile-nav-link.active:before{content:"";background:#ffffffbf;border-radius:0 0 2px 2px;width:22px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackdrop{0%{opacity:1}to{opacity:0}}.mobile-sheet-backdrop{animation:.32s fadeInBackdrop}.mobile-sheet-backdrop.closing{animation:.28s forwards fadeOutBackdrop}.mobile-sheet-panel{animation:.48s cubic-bezier(.16,1,.3,1) slideUpSheet}.mobile-sheet-panel.closing{animation:.32s cubic-bezier(.4,0,1,1) slideDownSheet}.mobile-nav-add{background:var(--cream);width:52px;height:52px;color:var(--chrome);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 4px;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex;transform:translateY(-10px);box-shadow:0 4px 16px #00000047}.mobile-nav-add:hover{transform:translateY(-10px)scale(1.06)}.mobile-nav-add:active{opacity:.85;transform:translateY(-10px)scale(.91);box-shadow:0 2px 8px #0003}.settings-footer-link{color:#ffffff47;font-family:var(--sans);letter-spacing:.09em;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;text-decoration:none;transition:color .15s,border-color .15s,transform .12s;display:flex}.settings-footer-link:active{background:#ffffff12!important;transform:scale(.91)!important}.settings-footer-link:hover,.settings-footer-link.active{color:#ffffffa6;background:#ffffff0d;border-color:#ffffff38}.sonder-s-mark{vertical-align:middle;width:auto;height:.78em;margin-right:-.02em;display:inline-block;overflow:visible;transform:rotate(-20deg)}.sidebar-about{border-top:1px solid #ffffff0f;flex-direction:column;gap:3px;margin-top:14px;padding-top:12px;display:flex}.sidebar-about-label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffff2e;font-size:9px}.sidebar-about-name{font-family:var(--sans);color:#ffffff6b;cursor:default;width:fit-content;font-size:11px;transition:color .2s;position:relative}.sidebar-about-name:hover{color:#ffffffbf}.sidebar-about-name-card{width:210px;font-family:var(--serif);color:#fff9;opacity:0;pointer-events:none;z-index:100;background:#242220;border:1px solid #ffffff1a;padding:14px 16px;font-size:12px;font-style:italic;line-height:1.65;transition:opacity .25s;position:absolute;bottom:-4px;left:calc(100% + 14px)}.sidebar-about-name:hover .sidebar-about-name-card{opacity:1}.sidebar-about-link{font-family:var(--sans);color:#ffffff47;letter-spacing:.02em;width:fit-content;font-size:10px;text-decoration:none;transition:color .2s}.sidebar-about-link:hover{color:#ffffff9e}.sidebar-about-text{font-family:var(--sans);color:#ffffff38;letter-spacing:.02em;font-size:10px}.mobile-about-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;padding:32px 24px;animation:.2s fadeInBackdrop;display:flex;position:fixed;inset:0}.mobile-about-card{background:var(--chrome);border:1px solid #ffffff1a;width:100%;max-width:320px;padding:28px 24px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUpCard;position:relative}@keyframes slideUpCard{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-about-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:color .15s;position:absolute;top:10px;right:14px}.mobile-about-close:hover{color:#ffffffa6}.mobile-about-logo{font-family:var(--serif);color:var(--cream);letter-spacing:.03em;margin-bottom:6px;font-size:34px;font-weight:400}.mobile-about-tagline{font-family:var(--serif);color:#ffffff61;margin:0 0 14px;font-size:12px;font-style:italic;line-height:1.6}.mobile-about-divider{background:#ffffff14;height:1px;margin:14px 0}.mobile-about-label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff3;margin-bottom:3px;font-size:9px;display:block}.mobile-about-name{font-family:var(--sans);color:#fff9;margin-bottom:10px;font-size:13px;display:block}.mobile-about-bio{font-family:var(--serif);color:#ffffff61;margin:0;font-size:12px;font-style:italic;line-height:1.65}.mobile-about-link{font-family:var(--sans);color:#ffffff61;letter-spacing:.02em;margin-bottom:4px;font-size:11px;text-decoration:none;transition:color .2s;display:block}.mobile-about-link:hover{color:#ffffffb3}.mobile-about-contact{font-family:var(--sans);color:#ffffff38;letter-spacing:.02em;font-size:11px;display:block}.demo-banner{color:var(--sage);font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#5e6f5f1f;border:1px solid #5e6f5f40;margin-bottom:20px;padding:6px 12px;font-size:10px}.demo-tour{background:var(--chrome);z-index:90;border:1px solid #ffffff1a;width:240px;padding:18px 18px 14px;animation:.35s cubic-bezier(.16,1,.3,1) slideUpCard;position:fixed;bottom:84px;right:20px;box-shadow:0 8px 32px #00000052}@media (width>=769px){.demo-tour{bottom:32px;right:32px}}.demo-tour-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-tour-count{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffff47;font-size:9px}.demo-tour-skip{cursor:pointer;font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#ffffff40;background:0 0;border:none;padding:0;font-size:9px;transition:color .15s}.demo-tour-skip:hover{color:#ffffff8c}.demo-tour-title{font-family:var(--serif);color:var(--cream);margin:0 0 7px;font-size:16px;font-weight:400;line-height:1.2}.demo-tour-body{font-family:var(--sans);color:#ffffff73;margin:0 0 14px;font-size:11px;line-height:1.6}.demo-tour-footer{align-items:center;gap:8px;display:flex}.demo-tour-back{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff26;padding:5px 9px;font-size:12px;transition:border-color .15s,color .15s}.demo-tour-back:hover{color:#ffffffb3;border-color:#ffffff59}.demo-tour-next{background:var(--cream);color:var(--chrome);cursor:pointer;font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;border:none;flex:1;padding:6px 12px;font-size:10px;transition:opacity .15s}.demo-tour-next:hover{opacity:.85}.demo-tour-dots{justify-content:center;gap:5px;margin-top:12px;display:flex}.demo-tour-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:background .2s}.demo-tour-dot.active{background:#ffffffa6}@media print{.mobile-nav,nav,.side-add-btn{display:none!important}main{max-width:100%!important;margin-left:0!important;padding:32px!important}.prep-no-print{display:none!important}.prep-page{font-size:13px}.prep-page h1{font-size:32px!important}body{background:#fff}}.auth-root{--bg:#edeae2;--surface:#f5f2ec;--white:#faf8f4;--ink:#1a1917;--ink-2:#4c4843;--ink-3:#8c8680;--border:#cdc9c0;--brown:#7a6455;--sage:#5e6f5f;--cream:#e8e3d6;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.auth-wash{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-wash i{filter:blur(90px);opacity:.28;mix-blend-mode:multiply;will-change:transform;border-radius:50%;display:block;position:absolute}.auth-wash .b1{background:radial-gradient(circle, var(--brown), transparent 60%);width:60vmax;height:60vmax;animation:32s ease-in-out infinite authDrift1;top:-18vmax;left:-18vmax}.auth-wash .b2{background:radial-gradient(circle, var(--sage), transparent 60%);width:52vmax;height:52vmax;animation:38s ease-in-out infinite authDrift2;bottom:-10vmax;right:-18vmax}.auth-wash .b3{background:radial-gradient(circle,#c9a86a,#0000 60%);width:46vmax;height:46vmax;animation:44s ease-in-out infinite authDrift3;top:-12vmax;right:-8vmax}@keyframes authDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(7vmax,6vmax)scale(1.08)}}@keyframes authDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6vmax,-8vmax)scale(1.1)}}@keyframes authDrift3{0%,to{transform:translate(0)scale(1.04)}50%{transform:translate(-9vmax,8vmax)scale(.94)}}.auth-constellation{z-index:1;pointer-events:none;position:absolute;inset:0}.auth-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 52%,#1a19171c 100%);position:absolute;inset:0}.auth-content{z-index:2;text-align:center;width:100%;max-width:340px;position:relative}.auth-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#edeae275 0%,#edeae22e 38%,#edeae200 70%);position:absolute;inset:-80% -100%}.auth-logo{font-family:var(--serif);cursor:default;-webkit-user-select:none;user-select:none;color:var(--ink);margin-bottom:12px;font-size:clamp(56px,14vw,72px);font-weight:400;line-height:1.02;animation:7s ease-in-out infinite authBreathe}@keyframes authBreathe{0%{opacity:.62;letter-spacing:-.03em}38%{opacity:1;letter-spacing:.05em}62%{opacity:1;letter-spacing:.05em}to{opacity:.62;letter-spacing:-.03em}}.auth-tagline{color:var(--ink-3);font-size:13px;font-style:italic;font-family:var(--serif);line-height:1.5}.auth-form{flex-direction:column;gap:14px;margin-top:30px;display:flex}.auth-field{position:relative}.auth-field input{box-sizing:border-box;width:100%;font-size:16px;font-family:var(--sans);letter-spacing:.01em;border:none;border-bottom:1px solid var(--border);color:var(--ink);text-align:center;background:0 0;outline:none;padding:10px 2px;font-weight:400;transition:border-color .3s}.auth-field input::placeholder{color:var(--ink-3);font-family:var(--sans)}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000;font-family:var(--sans)!important}.auth-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000;font-family:var(--sans)!important}.auth-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000;font-family:var(--sans)!important}.auth-field .auth-underline{background:var(--brown);transform-origin:50%;height:1.5px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.auth-field:hover .auth-underline{background:var(--brown);transform:scaleX(1)}.auth-field:focus-within .auth-underline{background:var(--ink);transform:scaleX(1)}.auth-field:hover input{border-bottom-color:var(--ink-3)}.auth-remember{font-size:12px;font-family:var(--sans);color:var(--ink-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;margin-top:2px;padding:4px 8px;transition:color .2s;display:flex}.auth-remember:hover{color:var(--ink-2)}.auth-remember-box{border:1px solid var(--ink-3);width:14px;height:14px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:border-color .2s,background .2s;display:flex}.auth-remember-box[data-checked=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.auth-error{color:#c22;font-size:12px;font-family:var(--serif);margin:2px 0;font-style:italic}.auth-pw-toggle{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;font-size:9px;font-family:var(--sans);background:0 0;border:none;padding:2px 0;line-height:1;transition:color .2s;position:absolute;bottom:7px;right:0}.auth-pw-toggle:hover{color:var(--ink-2)}.auth-submit{background:var(--ink);color:var(--bg);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;margin-top:6px;padding:13px 24px;font-size:11px;transition:opacity .2s,transform .2s,letter-spacing .3s}.auth-submit:hover:not(:disabled){letter-spacing:.2em}.auth-submit:active:not(:disabled){transform:scale(.97)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-toggle{color:var(--ink-3);cursor:pointer;font-size:12px;font-family:var(--sans);background:0 0;border:none;margin-top:20px;transition:color .25s,letter-spacing .25s}.auth-toggle:hover{color:var(--ink-2);letter-spacing:.03em}.auth-quote{min-height:34px;font-family:var(--serif);color:var(--ink-3);max-width:300px;margin-top:34px;margin-left:auto;margin-right:auto;font-size:13px;font-style:italic;line-height:1.5;transition:opacity .9s}.auth-rise{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) forwards authRise}@keyframes authRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-wash i,.auth-logo,.auth-rise{animation:none}.auth-rise{opacity:1;transform:none}.auth-logo{opacity:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#edeae2;--surface:#f5f2ec;--white:#faf8f4;--ink:#1a1917;--ink-2:#4c4843;--ink-3:#8c8680;--border:#cdc9c0;--border-dk:#1a1917;--brown:#7a6455;--sage:#5e6f5f;--cream:#e8e3d6;--label:11px;--chrome:#1a1917;--chrome-text:#e8e3d6;--hover:#1a19170d;--hover-strong:#1a191717;--line:#1a19171c;--line-strong:#1a191733;--overlay:#1a191759;--tint-warm:#f5f2eb;--tint-sage:#f0f4f0;--tint-blue:#f0f0f5;--tint-neutral:#f2f0eb;--serif:"EB Garamond", Georgia, serif;--sans:"Space Grotesk", system-ui, sans-serif}[data-theme=evening]{--bg:#1e1a15;--surface:#28231c;--white:#28231c;--ink:#ece6d9;--ink-2:#c0b7a7;--ink-3:#918876;--border:#3a3329;--border-dk:#ece6d9;--brown:#b6855c;--sage:#84997c;--cream:#e8e3d6;--chrome:#15120d;--chrome-text:#e8e3d6;--hover:#ffffff0f;--hover-strong:#ffffff1a;--line:#ffffff1a;--line-strong:#ffffff29;--overlay:#0000008c;--tint-warm:#2a2318;--tint-sage:#20271f;--tint-blue:#212029;--tint-neutral:#272218}body,.sonder-logo,input,select,textarea{transition:background-color .4s,color .4s,border-color .4s}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}#root{width:100%;min-height:100vh}h1,h2,h3,h4{font-family:var(--serif);font-weight:400}input,select,textarea,button{font-family:var(--sans);font-size:14px}input,select,textarea{border:1px solid var(--border);background:var(--white);width:100%;color:var(--ink);appearance:none;letter-spacing:.01em;border-radius:0;outline:none;padding:10px 12px;transition:border-color .12s}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{resize:vertical;line-height:1.65}button{cursor:pointer;border:none;border-radius:0}a{color:inherit;text-decoration:none}a:focus,button:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@media (width<=768px){input,select,textarea{font-size:16px!important}}@keyframes pageFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:.55s pageFade}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{box-shadow:0 0 #8b3a3a8c}50%{box-shadow:0 0 0 5px #8b3a3a00}}button{transition:transform 70ms}button:not(:disabled):active{transform:scale(.91)!important}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg) 50%, var(--border) 75%);background-size:1200px 100%;border-radius:2px;animation:1.6s ease-in-out infinite shimmer;display:inline-block}.settings-row{border-bottom:1px solid var(--border);border-radius:2px;align-items:center;gap:10px;padding:11px 0;transition:background .1s;display:flex}.settings-row:hover{background:var(--surface);margin:0 -8px;padding-left:8px;padding-right:8px}.settings-row-actions{opacity:0;flex-direction:column;align-self:start;gap:4px;padding-top:2px;transition:opacity .12s;display:flex}.settings-row:hover .settings-row-actions{opacity:1}@media (pointer:coarse){.settings-row-actions{opacity:1}}button.no-sink:not(:disabled):active{transform:none!important}.label{font-size:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:var(--sans);font-weight:500}