:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#171717;background:#f4f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,transparent 49.85%,#17171712 50%,transparent 50.15%),#f4f0e8}button,input{font:inherit}button{cursor:pointer}main{width:min(1180px,calc(100% - 40px));margin:auto;padding-bottom:80px}nav{height:82px;border-bottom:2px solid #171717;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;font-weight:900;font-size:15px;letter-spacing:.15em}.brand span{color:#ff4f45;font-size:20px;margin-right:7px}.add-top,.empty button{background:#171717;color:#fff;border:0;border-radius:99px;padding:13px 20px;font-weight:700}header{min-height:390px;padding:52px 0 38px;position:relative}.kicker{font-size:12px;font-weight:900;letter-spacing:.2em;margin:0 0 18px}h1{font-size:clamp(54px,10vw,112px);line-height:.77;letter-spacing:-.075em;margin:0;text-transform:uppercase}h1 i{font-family:Georgia,Songti SC,serif;font-weight:400;color:#ff4f45}.lead{width:330px;line-height:1.7;margin:42px 0 0 52%;font-size:15px}.summary{position:absolute;right:2%;top:50px;width:150px;height:150px;border:2px solid #171717;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(8deg);background:#ddfd57}.summary b{font-size:45px}.summary span{font-size:12px;font-weight:700;line-height:1.4}.form-panel{display:grid;grid-template-columns:1.5fr 1fr auto 1fr auto;gap:18px;align-items:end;background:#252525;color:#fff;padding:28px;margin-bottom:38px;border-radius:3px;box-shadow:10px 10px #ff4f45}.field label,fieldset legend{display:block;font-size:11px;letter-spacing:.1em;font-weight:800;margin-bottom:9px;color:#bbb}.field input{width:100%;height:45px;border:0;border-bottom:2px solid #777;background:transparent;color:#fff;padding:4px 2px;outline:none}.field input:focus{border-color:#ddfd57}.check{height:45px;display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap}.check input{accent-color:#ddfd57}fieldset{border:0;padding:0;margin:0;min-width:140px}.color-choice input{position:absolute;opacity:0}.color-choice span{display:inline-block;width:27px;height:27px;border-radius:50%;margin-right:4px;border:3px solid transparent}.color-choice input:checked+span{border-color:#fff;outline:2px solid #777}.color-choice .lemon{background:#ddfd57}.color-choice .coral{background:#ff705f}.color-choice .mint{background:#77e5bd}.color-choice .lilac{background:#c4a6ff}.color-choice .sky{background:#75c7ff}.submit{height:45px;border:0;background:#ddfd57;color:#171717;font-weight:900;padding:0 18px}.error{grid-column:1/-1;color:#ff8f86;font-size:13px;margin:0}.form-enter-active,.form-leave-active{transition:.22s}.form-enter-from,.form-leave-to{opacity:0;transform:translateY(-12px)}.board{border-top:2px solid #171717;padding-top:18px}.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.board-head h2{margin:0;font-size:16px;text-transform:uppercase;letter-spacing:.06em}.board-head span{font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:310px;padding:19px 21px 22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1.5px solid #171717;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:6px 7px #171717}.card.lemon{background:#ddfd57}.card.coral{background:#ff705f}.card.mint{background:#77e5bd}.card.lilac{background:#c4a6ff}.card.sky{background:#75c7ff}.card.expired{background:#d5d2cc;color:#6c6964;border-color:#999;filter:grayscale(.6)}.card-top{display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.12em}.card-top button{border:0;background:transparent;font-size:25px;line-height:16px;color:inherit;padding:0;opacity:.55}.date{font-size:12px;font-weight:700;margin:0 0 8px}.card h3{font-family:Georgia,Songti SC,serif;font-size:clamp(27px,3vw,42px);line-height:1.08;margin:0;overflow-wrap:anywhere}.days{font-size:26px;font-weight:900;margin:0;padding-top:26px;border-top:1.5px solid currentColor}.repeat{position:absolute;right:-30px;top:52px;background:#171717;color:#fff;padding:7px 34px;transform:rotate(45deg);font-size:10px;font-weight:700}.empty{text-align:center;padding:70px 20px;border:1.5px dashed #999}.sun{font-size:60px;color:#ff4f45}.empty h2{font-family:Georgia,Songti SC,serif;font-size:32px;margin:12px 0}.empty p{color:#666;max-width:460px;margin:0 auto 24px;line-height:1.7}@media(max-width:900px){.summary{display:none}.lead{margin-left:40%}.form-panel{grid-template-columns:1fr 1fr}.check,fieldset,.submit{align-self:end}.submit{grid-column:2}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{width:min(100% - 24px,1180px)}nav{height:66px}header{min-height:340px;padding-top:42px}h1{font-size:58px;line-height:.85}.lead{width:auto;margin:36px 0 0 14%}.form-panel{grid-template-columns:1fr;padding:22px;box-shadow:6px 7px #ff4f45}.submit{grid-column:auto}.cards{grid-template-columns:1fr}.card{min-height:270px}.board-head{margin-top:5px}}@media(prefers-reduced-motion:reduce){.card,.form-enter-active,.form-leave-active{transition:none}}