@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg: #F8F4EF;--s1: #F0EAE2;--s2: #E6DDD4;--s3: #D9CFCA;--border: #E0D8D0;--ink: #1C1814;--ink2: #5A4F45;--ink3: #9A9088;--ink4: #C8BEB8;--acc: #C4683A;--accBg: #FDF0E8;--accMid: #E8906A;--sage: #3D7A52;--sageBg: #E8F4EC;--gold: #B8902A;--goldBg: #FDF6E0;--slate: #708090;--olive: #808000;--plum: #9370DB;--sienna: #CD5C5C;--moss: #6B8E23;--ocean: #4682B4;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, env(safe-area-inset-bottom, 24px));--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-fast: .16s;--dur-std: .24s;--dur-slow: .4s}h1,.h1{font-family:Fraunces,serif;font-size:40px;font-weight:300;line-height:1.1;color:var(--ink)}h2,.h2{font-family:Fraunces,serif;font-size:28px;font-weight:300;line-height:1.2;color:var(--ink)}h3,.h3{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;line-height:1.3;color:var(--ink)}.app-container{width:100%;max-width:430px;height:100dvh;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #0000001a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:DM Sans,sans-serif;background:#f8f4ef;color:#1c1814;overflow:hidden;overscroll-behavior:none}::-webkit-scrollbar{display:none}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.hscroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start}.dm{font-family:DM Sans,sans-serif}.fr{font-family:Fraunces,serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:.1}50%{opacity:.8}}@keyframes check{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-60px) rotate(180deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%)}.fade{animation:fade var(--dur-std) var(--ease-out) forwards}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-std) var(--ease-out) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pop{animation:pop var(--dur-std) var(--ease-out) forwards}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 1.5s var(--ease-in-out) infinite}@keyframes pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.9)}}.sUp,.slide-up{animation:slideUp var(--dur-std) var(--ease-drawer) both}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.inp{width:100%;background:#fff;border:1.5px solid #E0D8D0;border-radius:14px;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:16px;color:#1c1814;transition:border-color var(--dur-std) var(--ease-out),box-shadow var(--dur-std) var(--ease-out);outline:none}.inp:focus{border-color:#c4683a;box-shadow:0 0 0 4px #c4683a1a}.inp::placeholder{color:var(--ink4)}.btn-primary{background:#1c1814;color:#f8f4ef;border:none;padding:16px 24px;border-radius:16px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-acc{background:var(--acc);color:#fff;border:none;border-radius:16px;padding:16px;width:100%;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.btn-acc:active{transform:scale(.97);opacity:.9}.btn-acc:disabled{background:var(--s3);color:var(--ink3);cursor:not-allowed;transform:none;opacity:.6}.btn-sec{background:#fff;color:var(--ink);border:1.5px solid var(--border);border-radius:16px;padding:16px;width:100%;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-sec:active{transform:scale(.97);background:var(--s1)}.tag{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}input[type=date]{color-scheme:light}input:focus{outline:none}input[type=number]::-webkit-inner-spin-button{opacity:.3}button{font-family:DM Sans,sans-serif;transition:transform var(--dur-fast) var(--ease-out)}button:active:not(:disabled),.active-scale:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
