@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap";:root{--ink:#714d28;--orange:#e89836;--line:#eadbb8;--cream:#fffdf0}*{box-sizing:border-box}body{color:var(--ink);background:#faf5d9;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#fffdf4;border-radius:12px;padding:11px 17px}button:hover{background:#fff0c5}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d7933a}.top{text-align:center;letter-spacing:2px;background:#f4dda0;padding:9px;font-size:11px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;height:104px;margin:auto;padding:0 42px;display:flex}.brand{color:var(--ink);font-family:Fredoka,sans-serif;font-size:31px;font-weight:500;text-decoration:none}.brand span{text-align:center;letter-spacing:4px;text-transform:uppercase;margin-top:1px;font:9px DM Sans,sans-serif;display:block}nav{gap:8px;display:flex}nav button{background:0 0;border:0;border-radius:30px;font-size:12px}nav .active{background:#eee4bd}.badge{border:1px solid #e5d9ae;border-radius:24px;padding:9px 13px;font-size:11px}main{grid-template-columns:.88fr 1.12fr;gap:75px;max-width:1280px;margin:auto;padding:64px 42px 80px;display:grid}.hero{padding-top:36px;position:relative}.eyebrow{letter-spacing:3px;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:25px 0;font-family:Fredoka,sans-serif;font-size:66px;font-weight:500;line-height:1.08}h1 em{color:var(--orange);font-style:normal}.hero p{color:#9a805e;line-height:1.9}.pills{flex-wrap:wrap;gap:7px;margin-top:27px;display:flex}.pills span{border:1px solid var(--line);background:#fff9e9;border-radius:30px;padding:8px 12px;font-size:10px}.paper{background:var(--cream);border:1px solid #e7d7b1;border-radius:22px;padding:32px 36px;position:relative;box-shadow:5px 7px #f0e5be}.paper:before{content:"";background:#f2d79399;width:92px;height:25px;position:absolute;top:-13px;left:40%;transform:rotate(-5deg)}.paper-head{letter-spacing:2px;color:#aa8754;justify-content:space-between;align-items:center;font-size:9px;display:flex}.paper-head>span:last-child{font-size:23px}h2{margin:18px 0 7px;font-family:Fredoka,sans-serif;font-size:32px;font-weight:500}.muted{color:#a08a69;margin-top:0;font-size:12px}.steps{align-items:center;gap:12px;margin:26px 0 22px;display:flex}.steps button{color:#b8a47d;background:0 0;border:0;padding:0;font-size:11px}.steps span{margin-left:7px}.steps .selected{color:#b9782b;font-weight:700}.steps>div{background:var(--line);flex:1;height:1px}h3{text-transform:uppercase;letter-spacing:2px;color:#ad8244;margin:25px 0 19px;font-size:10px}label{margin-bottom:17px;font-size:12px;font-weight:600;display:block}label small{float:right;color:#b8a783;font-size:9px;font-weight:400}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef8;border-radius:10px;outline:none;margin-top:8px;padding:12px 13px;font-size:12px;display:block}input:focus,select:focus,textarea:focus{border-color:#cc964b;box-shadow:0 0 0 3px #f7e7b6}input::placeholder,textarea::placeholder{color:#b3a084}textarea{resize:vertical;height:100px}.grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.choices{gap:10px;margin-top:10px;display:flex}.choices button{flex:1;padding:13px 8px;font-size:11px}.choices .chosen{background:#fbefbd;border-color:#ddb35c}.primary{color:#604316;background:#edb958;border:1px solid #dfaa49;flex:1;padding:15px;font-weight:700}.primary:hover{background:#eaaa42}.actions{gap:10px;margin-top:25px;display:flex}.tiny{color:#a08b67;text-align:center;margin:15px 0 0;font-size:10px;line-height:1.7}.notice{background:#fbf1cb;border-radius:10px;margin:20px 0;padding:15px;font-size:11px;line-height:1.7}.check{align-items:start;gap:9px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.check input{flex-shrink:0;width:15px;margin:2px 0}.error{color:#a64d34}.pudding{width:260px;height:220px;margin:65px auto 0;position:relative;transform:rotate(-7deg)}.custard{background:#f2d679;border:3px solid #b38a4f;border-radius:45% 45% 34% 34%;justify-content:center;align-items:center;gap:22px;width:180px;height:120px;display:flex;position:absolute;top:58px;left:44px;box-shadow:inset -14px -9px #e8c45c}.custard i{background:#78502f;border-radius:50%;width:7px;height:10px;position:relative}.custard i:after{content:"";background:#e9a87988;border-radius:50%;width:23px;height:9px;position:absolute;top:17px;left:-10px}.custard b{font-size:24px}.caramel{z-index:2;background:#b88547;border:3px solid #997141;border-radius:50%;width:145px;height:38px;position:absolute;top:49px;left:60px}.plate{z-index:-1;background:#fffae4;border:2px solid #b99c62;border-radius:50%;width:258px;height:35px;position:absolute;top:160px;left:4px}.cherry{color:#ca9850;font-size:35px;position:absolute;top:4px;left:121px}.note{text-align:center;color:#b99955;margin-top:6px;font-family:Fredoka,sans-serif;font-size:20px;line-height:1.4;transform:rotate(-6deg)}.success{text-align:center;padding-top:65px}.big{font-size:45px}.receipt{letter-spacing:2px;background:#f7edc9;border:1px dashed #d6b86e;border-radius:12px;margin:30px 0;padding:24px;font-size:10px}.receipt strong{margin-top:12px;font-size:25px;display:block}.success p{line-height:1.8}.success button{margin:8px}.stats{gap:12px;margin:25px 0;display:flex}.stats div{background:#f6edcf;border-radius:12px;flex:1;padding:16px;font-size:10px}.stats b{margin-bottom:4px;font:26px Fredoka;display:block}.inbox>select{margin-bottom:22px}details{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:16px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}summary small{color:#a18b66;margin-top:7px;font-size:10px;display:block}.status{background:#efe3b5;border-radius:20px;padding:7px;font-size:9px}dl{font-size:12px}dl>div{border-bottom:1px dashed var(--line);padding:9px 0}dt{text-transform:capitalize;color:#a18459;font-size:10px}dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.empty{text-align:center;color:#aa8e5a;padding:35px 0;font-size:30px}.empty p{font-size:12px}.empty h3{letter-spacing:0;text-transform:none;font:23px Fredoka}footer{background:repeating-linear-gradient(90deg,#efe4ba88 0 20px,#f9f1d888 20px 40px);border-top:1px solid #e3d3a7;justify-content:space-between;gap:15px;padding:28px 42px;font-size:11px;display:flex}@media (width<=900px){main{grid-template-columns:.8fr 1.2fr;gap:30px;padding:36px 22px}h1{font-size:48px}.paper{padding:28px 22px}header{padding:0 22px}.badge{display:none}}@media (width<=650px){main{display:block}.hero{text-align:center;padding-top:0}h1{font-size:48px}.pills{justify-content:center}.pudding,.note{display:none}.hero{margin-bottom:45px}.hero p{font-size:13px}header{height:88px;padding:0 16px}.brand{font-size:25px}nav button{padding:10px;font-size:10px}.grid{gap:12px}footer{flex-wrap:wrap;padding:24px}.top{font-size:9px}h2{font-size:29px}.paper{padding:28px 20px}}main{max-width:680px;margin:auto;padding:48px 24px 32px;display:block}.workspace{width:100%}.utility-nav{justify-content:center;margin:24px 0 0}.utility-nav button{color:#92764e;font-size:11px}.utility-nav .active{text-underline-offset:4px;background:0 0;text-decoration:underline}@media (width<=650px){main{padding:28px 16px}.paper{padding:28px 20px}}.login-form{padding-top:20px}.login-form .primary{width:100%}.login-icon{text-align:center;color:#d6a047;font-size:40px}.account-bar{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;font-size:11px;display:flex}.receipt strong{letter-spacing:1px;overflow-wrap:anywhere;font-size:14px}button:disabled{opacity:.55;cursor:not-allowed}
