.home-layout{grid-template-rows:minmax(auto,1fr) minmax(auto,1fr);gap:24px;min-height:calc(100vh - 82px);padding:20px 0 40px;display:grid}.home-row1{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.grid-hero{align-items:flex-start;display:flex}.grid-countdown{flex-direction:column;display:flex}.home-row2{grid-template-columns:3fr 2fr;gap:20px;display:grid}.home-row2>div{flex-direction:column;display:flex}.home-row2 .float-card{flex-direction:column;flex:1;display:flex}.hero{text-align:left;padding:28px 0 32px}.hero-date{font-family:var(--font-mono);color:var(--color-text-3);letter-spacing:.06em;margin-bottom:20px;font-size:12px;font-weight:500}.hero-greeting{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.01em;margin-bottom:22px;font-size:36px;font-weight:800}.hero-greeting em{background:linear-gradient(135deg,var(--color-coral),var(--color-honey));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-tag{font-family:var(--font-body);color:var(--color-sage);background:var(--color-sage-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:100px;align-items:center;gap:7px;padding:8px 20px;font-size:12px;font-weight:600;transition:transform .15s;display:inline-flex}.hero-tag:active{transform:scale(.93)}.hero-tag.holiday{color:var(--color-honey);background:var(--color-honey-soft)}.hero-tag.holiday .dot{background:var(--color-honey)}.hero-tag .dot{background:var(--color-sage);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse}.cd-carousel-wrap{flex-direction:column;flex:1;display:flex}.cd-carousel-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.cd-add-btn{width:22px;height:22px;color:var(--color-text-3);cursor:pointer;background:0 0;border:1.5px solid #2b2d4214;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:all .25s;display:flex}.cd-add-btn:hover{border-color:var(--color-coral);color:var(--color-coral);background:var(--color-coral-soft)}.cd-card{flex:1;align-items:stretch;min-height:140px;padding:0;display:flex;position:relative;overflow:hidden}.cd-inner-clip{flex:1;align-items:stretch;display:flex;position:relative;overflow:hidden}.cd-layout{align-items:stretch;gap:0;width:100%;padding:0;display:flex}.cd-left{flex:2;align-items:stretch;display:flex}.cd-right{flex-direction:column;flex:1;gap:5px;min-width:0;padding:20px 24px;display:flex}.cd-delete{width:22px;height:22px;color:var(--color-text-3);cursor:pointer;opacity:0;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.cd-card:hover .cd-delete{opacity:1}.cd-delete:hover{color:var(--color-coral);background:var(--color-coral-soft)}.cd-pill{border-radius:var(--radius)0 0 var(--radius);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 32px;display:flex}.cd-pill.coral{background:var(--color-coral-soft)}.cd-pill.sage{background:var(--color-sage-soft)}.cd-pill.honey{background:var(--color-honey-soft)}.cd-number{font-family:var(--font-display);letter-spacing:-4px;font-size:88px;font-weight:800;line-height:1}.cd-pill.coral .cd-number{color:var(--color-coral)}.cd-pill.sage .cd-number{color:var(--color-sage)}.cd-pill.honey .cd-number{color:var(--color-honey)}.cd-unit{font-family:var(--font-body);color:var(--color-text-3);margin-top:4px;font-size:13px;font-weight:500}.cd-label{font-family:var(--font-display);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.cd-target{font-family:var(--font-mono);color:var(--color-text-3);font-size:11px}.cd-nav{align-items:center;gap:12px;margin-top:auto;padding-top:6px;display:flex}.cd-arrow{width:28px;height:28px;color:var(--color-text-3);cursor:pointer;background:0 0;border:1.5px solid #2b2d420f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .25s;display:flex}.cd-arrow:hover{color:var(--color-text-2);background:var(--color-bg-sub);border-color:#2b2d421f}.cd-dots{align-items:center;gap:6px;display:flex}.cd-dot{cursor:pointer;background:#2b2d421a;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.cd-dot.active{background:var(--color-coral);box-shadow:0 0 6px var(--color-coral-glow);width:7px;height:7px}.cd-slide{align-items:stretch;width:100%;height:100%;display:flex}@keyframes cdSlideInLeft{0%{opacity:0;filter:blur(4px);transform:translate(-60px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes cdSlideInRight{0%{opacity:0;filter:blur(4px);transform:translate(60px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes cdSlideOutLeft{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(4px);transform:translate(-60px)}}@keyframes cdSlideOutRight{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(4px);transform:translate(60px)}}.cd-slide-enter-left{animation:.5s cubic-bezier(.34,1.56,.64,1) both cdSlideInLeft}.cd-slide-enter-right{animation:.5s cubic-bezier(.34,1.56,.64,1) both cdSlideInRight}.cd-slide-exit-left{animation:.25s ease-out both cdSlideOutLeft;position:absolute;top:0;left:0;right:0}.cd-slide-exit-right{animation:.25s ease-out both cdSlideOutRight;position:absolute;top:0;left:0;right:0}@keyframes cdNumberReveal{0%{filter:blur(6px);opacity:.3}60%{filter:blur(1px);opacity:.9}to{filter:blur();opacity:1}}.cd-number-anim{animation:.5s cubic-bezier(.34,1.56,.64,1) 80ms both cdNumberReveal}.cd-form-layout{align-items:center;gap:12px;width:100%;height:100%;padding:20px 28px;display:flex}.cd-form-layout .field-input{padding:8px 12px;font-size:13px}.cd-form-layout .field-input[type=text]{flex:1}.cd-form-layout .field-input[type=date]{flex-shrink:0;width:140px}.cd-form-btns{flex-shrink:0;gap:8px;display:flex}.cd-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px;display:flex}.cd-empty-icon{opacity:.3;font-size:28px}.cd-empty-text{font-family:var(--font-body);color:var(--color-text-3);font-size:13px}.cd-empty-add{font-family:var(--font-body);color:var(--color-text-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;transition:color .2s}.cd-empty-add:hover{color:var(--color-coral)}.metrics-row{flex:1;grid-template-columns:repeat(5,1fr);align-content:center;gap:0;display:grid}.metric{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;display:flex;position:relative}.metric:not(:last-child):after{content:"";background:#2b2d420f;width:1px;position:absolute;top:18%;bottom:18%;right:0}.metric-val{font-family:var(--font-display);color:var(--color-text);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.1}.metric-val .u{color:var(--color-text-3);font-size:13px;font-weight:500}.metric-hl{border-radius:var(--radius-xs);margin-bottom:4px;padding:2px 10px;display:inline-block}.metric-hl.sage{background:var(--color-sage-soft)}.metric-hl.sage .metric-val{color:var(--color-sage)}.metric-name{color:var(--color-text-2);font-size:12px;font-weight:500}.note-item{color:var(--color-text-2);border-bottom:1px solid #2b2d420d;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;line-height:1.5;display:flex}.note-item:last-of-type{border-bottom:none}.note-dot{background:var(--color-honey);width:7px;height:7px;box-shadow:0 0 6px var(--color-honey-glow);border-radius:50%;flex-shrink:0;margin-top:6px}.note-delete{color:var(--color-text-3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;transition:all .2s;display:flex}.note-item:hover .note-delete{opacity:1}.note-delete:hover{color:var(--color-coral);background:var(--color-coral-soft)}.note-add{color:var(--color-text-3);cursor:pointer;background:0 0;border:none;margin-top:auto;padding-top:12px;padding-bottom:0;font-size:12px;font-weight:500;transition:color .2s}.note-add:hover{color:var(--color-coral)}.note-input-row{gap:8px;margin-top:10px;display:flex}.note-submit{background:var(--color-coral);color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.note-submit:hover{background:#c05540}.note-submit:disabled{opacity:.5;cursor:not-allowed}.note-empty{text-align:center;color:var(--color-text-3);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.section{margin-bottom:36px}.home-main{max-width:1200px;margin:0 auto;padding:0 48px}@media (max-width:900px){.home-main{padding:0 24px}.home-layout{grid-template-rows:auto auto;min-height:auto}.home-row1,.home-row2{grid-template-columns:1fr;gap:16px}.grid-hero{justify-content:center}.hero{text-align:center;width:100%;padding:20px 0 24px}.hero-greeting{margin-bottom:18px;font-size:30px}.cd-number{letter-spacing:-3px;font-size:64px}.cd-pill{padding:16px 24px}.cd-right{text-align:center;align-items:center;padding:16px 20px}.cd-nav{justify-content:space-between;width:100%}.metric-val{font-size:24px}}@media (max-width:640px){.home-main{padding:0 16px}.home-layout{gap:16px;padding:12px 0 24px}.hero{text-align:center;width:100%;padding:20px 0 24px}.hero-date{margin-bottom:14px;font-size:11px}.hero-greeting{margin-bottom:16px;font-size:28px}.hero-tag{padding:7px 16px;font-size:11px}.cd-layout{flex-direction:column}.cd-left{flex:none}.cd-right{text-align:center;flex:none;align-items:center;padding:10px 16px}.cd-nav{justify-content:space-between;width:100%;margin-top:4px;padding-top:0}.cd-pill{border-radius:var(--radius)var(--radius)0 0;padding:20px 16px}.cd-number{letter-spacing:-3px;font-size:56px}.cd-card{min-height:auto}.cd-form-layout{flex-direction:column;gap:10px;padding:16px}.cd-form-layout .field-input[type=date]{width:100%}.metrics-row{grid-template-columns:repeat(3,1fr);row-gap:8px}.metric:not(:last-child):after{display:none}.metric-val{font-size:22px}.note-input-row{flex-direction:column}}
