@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#263b32;background:#f8f9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header,main,footer{max-width:1180px;margin:auto}header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde3d9}.logo{text-decoration:none;color:inherit;font-size:28px;font-weight:700;letter-spacing:-1.3px;display:flex;align-items:center;gap:9px}.mark{font-size:36px;font-weight:400}.dot{color:#729264;margin-left:-9px}.device{font-size:12px;color:#71816f}.intro{padding:67px 0 61px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#73816e}h1{font-family:Manrope,sans-serif;font-size:64px;line-height:1.12;letter-spacing:-3.6px;font-weight:500;margin:23px 0}h1 em{font-style:normal;color:#7a946c}.intro p{font-size:15px;line-height:1.8;color:#7a8277}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-size:19px;letter-spacing:-.5px;margin:0}.toolbar h2 span{font-size:11px;background:#e9ede4;padding:4px 7px;border-radius:5px;margin-left:8px;vertical-align:middle}.toolbar p{font-size:11px;color:#838a7d;margin:9px 0 0}.primary{border:0;border-radius:8px;color:#fff;background:#2f4938;padding:14px 22px;font-size:12px;font-weight:600}.primary:hover{background:#46614c}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:var(--bg);border:1px solid #ffffff99;border-radius:16px;padding:30px;position:relative;min-height:285px;overflow:hidden}.card:first-child{grid-column:1/-1;min-height:310px}.card-top{display:flex;align-items:center;justify-content:space-between}.badge{font-size:9px;letter-spacing:1.5px;font-weight:700;border:1px solid #32443222;padding:7px 10px;border-radius:5px}.delete{background:transparent;border:0;color:#56644c;padding:9px;border-radius:5px;font-size:20px;line-height:1}.delete:hover{background:#fff6}.card h3{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-1px;margin:22px 0 7px}.date-label{font-size:11px;color:#62705e;margin:0}.digits{display:flex;gap:25px;margin:28px 0 22px}.unit{min-width:55px}.number{font-family:Manrope,sans-serif;font-size:44px;line-height:1.1;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.unit-label{display:block;font-size:9px;letter-spacing:1.5px;margin-top:8px;color:#62705e;text-transform:uppercase}.card:first-child .number{font-size:64px}.card:first-child .digits{gap:42px}.card:first-child .unit{min-width:79px}.card-bottom{font-size:10px;color:#62705e;border-top:1px solid #32443218;padding-top:15px;display:flex;justify-content:space-between}.spark{position:absolute;right:10%;top:92px;font-size:130px;font-weight:400;line-height:1;color:#fff8;pointer-events:none}.note{display:flex;gap:14px;align-items:center;margin:34px 0 65px;padding:20px 24px;background:#eff1ea;border-radius:10px}.note>span{font-size:28px;color:#809273}.note strong{font-size:11px;font-weight:500}.note p{font-size:11px;color:#838a7d;margin:5px 0 0}footer{display:flex;justify-content:space-between;padding:24px 0 32px;border-top:1px solid #dde3d9;font-size:10px;color:#92998c}.live{color:#819873;margin-left:7px}dialog{border:0;border-radius:18px;padding:32px;width:min(460px,calc(100% - 32px));color:#263b32;background:#f8f9f5}dialog::backdrop{background:#1e302455;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{font-size:8px}.close{border:0;background:none;font-size:27px;color:#67755f}dialog h2{font-size:28px;margin:19px 0 8px}dialog p{font-size:12px;color:#7a8277}label{display:block;font-size:11px;margin:22px 0 8px}input{width:100%;background:white;border:1px solid #dce2d6;padding:13px;border-radius:7px;color:#263b32;min-width:0}.fields{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.colors{display:flex;gap:10px}.color{height:30px;width:30px;border-radius:50%;border:3px solid transparent;background:var(--bg)}.color[aria-pressed=true]{outline:2px solid #3d5543;border-color:#f8f9f5}.submit{width:100%;margin-top:12px}.local-time{margin-top:22px}#error{color:#a54737;min-height:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:9px;background:#2f4938;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%}.empty{grid-column:1/-1;text-align:center;padding:55px;border:1px dashed #cad4c2;border-radius:14px;color:#73816e}button:focus-visible,a:focus-visible{outline:3px solid #98aa80;outline-offset:4px}
@media(min-width:900px){.card:first-child h3{font-size:30px}}@media(max-width:1250px){header,main,footer{margin-left:40px;margin-right:40px}}@media(max-width:650px){header,main,footer{margin-left:22px;margin-right:22px}header{height:80px}.logo{font-size:24px}.device{font-size:9px}.intro{padding:43px 0 35px}h1{font-size:43px;letter-spacing:-2.4px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro p{font-size:12px}.desktop{display:none}.toolbar h2{font-size:16px}.primary{padding:13px 14px;font-size:11px}.cards{grid-template-columns:1fr;gap:15px}.card,.card:first-child{padding:22px;min-height:270px}.card:first-child .number,.number{font-size:39px;letter-spacing:-1.7px}.card:first-child .digits,.digits{gap:0;justify-content:space-between}.card:first-child .unit,.unit{min-width:0}.spark{font-size:70px;right:22px;top:80px;opacity:.6}.card h3{max-width:85%;font-size:24px}.note{padding:18px;margin-bottom:40px}.note p{line-height:1.6}footer{font-size:9px;gap:12px}.fields{grid-template-columns:1fr}dialog{padding:24px}}