@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;--display-font: "Fraunces", Georgia, serif;--bg: #faf5ee;--bg-strong: #f2e8d8;--card: #ffffff;--card-warm: #fffaf4;--ink: #1a1510;--ink-2: #3d3528;--muted: #7a6f64;--accent: #d4622a;--accent-soft: #f5956a;--accent-glow: rgba(212, 98, 42, .14);--green: #27816b;--green-soft: #d1f0e8;--gold: #c8942a;--gold-soft: #fef3d7;--border: #e8ddd1;--border-2: #f0e6da;--red: #c0392b;--red-soft: #fef0ee;--red-border: rgba(192, 57, 43, .2);--shadow-sm: 0 1px 4px rgba(30, 20, 10, .08);--shadow-md: 0 8px 24px rgba(30, 20, 10, .1);--shadow-lg: 0 24px 60px rgba(30, 20, 10, .13);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;border:none;background:none;cursor:pointer}body{min-height:100dvh;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 60% 45% at 80% -5%,#fad9b5 0%,transparent 65%),radial-gradient(ellipse 55% 40% at -5% 90%,#c8e8e1 0%,transparent 60%)}#root{padding:clamp(14px,4vw,32px);padding-bottom:48px}.app{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,4vw,28px)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:linear-gradient(135deg,#fff9f2,#fef3e7);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(18px,5vw,32px);box-shadow:var(--shadow-lg);animation:slide-up .5s cubic-bezier(.22,1,.36,1) both;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,185,120,.35) 0%,transparent 70%);border-radius:999px;pointer-events:none}.hero-text{flex:1;min-width:0}.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.hero h1{font-family:var(--display-font);font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.1;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px}.subtitle{color:var(--muted);font-size:clamp(.82rem,2.2vw,.95rem);line-height:1.6;max-width:400px}.hero-card{flex-shrink:0;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;box-shadow:var(--shadow-sm);min-width:170px}.hero-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero-card strong{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.01em}.content{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(14px,3vw,24px);align-items:start}.calendar-panel{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(16px,4vw,24px);box-shadow:var(--shadow-md);animation:slide-up .55s cubic-bezier(.22,1,.36,1) both;animation-delay:60ms}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.calendar-selectors{display:flex;gap:10px;align-items:center}.calendar-select{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--ink);padding:9px 34px 9px 14px;background-color:var(--card-warm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a6f64' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.calendar-select:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.calendar-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--border-2);margin-bottom:10px}.weekday-row span:first-child{color:var(--red)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-cell{position:relative;border:1.5px solid transparent;background:#fdfaf6;border-radius:var(--radius-sm);padding:8px 6px 6px;min-height:var(--cell-height, 70px);height:var(--cell-height, auto);display:flex;align-items:flex-start;justify-content:flex-start;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s,background .18s;overflow:hidden}.calendar-cell:hover:not(:disabled){border-color:var(--border);background:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.calendar-cell.out-month{opacity:.35;background:transparent}.calendar-cell.today{border-color:var(--green);background:linear-gradient(135deg,#f0fdf9,#e6f9f4)}.calendar-cell.today:after{content:"";position:absolute;bottom:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--green)}.calendar-cell.selected{border-color:var(--accent)!important;background:linear-gradient(135deg,#fff5f0,#ffeee6)!important;box-shadow:0 4px 16px #d4622a33,inset 0 0 0 1px #d4622a14;transform:translateY(-2px)}.calendar-cell:disabled{cursor:default;opacity:.15;background:transparent}.day-content{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden}.day-number{font-size:clamp(.82rem,2vw,.92rem);font-weight:700;line-height:1;color:var(--ink-2)}.lunar-day{font-size:clamp(.58rem,1.5vw,.68rem);font-weight:500;color:var(--muted);line-height:1.1}.today-label{font-size:.58rem;font-weight:700;letter-spacing:.04em;color:var(--green);text-transform:uppercase}.holiday-text{font-size:clamp(.55rem,1.4vw,.62rem);font-weight:600;color:var(--red);line-height:1.25;word-break:break-word;white-space:normal}.calendar-grid .calendar-cell:nth-child(7n+1) .day-number{color:var(--red)}.calendar-cell.special-day{background:linear-gradient(135deg,#fff5f3,#ffecea);border-color:var(--red-border)}.calendar-cell.special-day .day-number,.calendar-cell.special-day .lunar-day{color:var(--red)}.calendar-cell.special-day:hover:not(:disabled){border-color:var(--red)}.detail-panel{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(16px,4vw,24px);box-shadow:var(--shadow-md);animation:slide-up .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.detail-panel header{padding-bottom:16px;border-bottom:1px solid var(--border-2);margin-bottom:18px}.detail-kicker{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.detail-panel h2{font-family:var(--display-font);font-size:clamp(1.25rem,4vw,1.7rem);font-weight:600;line-height:1.25;color:var(--ink);letter-spacing:-.01em}.detail-holiday{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:var(--red-soft);border:1px solid var(--red-border);color:var(--red);font-size:.82rem;font-weight:600;padding:5px 12px;border-radius:999px}.detail-holiday:before{content:"🎉";font-size:.9em}.detail-status{margin-top:16px;color:var(--muted);font-size:.9rem}.detail-status.error{color:var(--red)}.detail-content{display:flex;flex-direction:column;gap:14px}.detail-card{background:var(--gold-soft);border:1px solid #eedfa0;border-radius:var(--radius-md);padding:16px}.detail-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.detail-title{font-family:var(--display-font);font-size:clamp(1.1rem,3.5vw,1.35rem);font-weight:600;color:var(--ink);margin-bottom:4px}.detail-meta{font-size:.82rem;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-item{background:var(--card-warm);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:12px 14px}.detail-item p{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.detail-item strong{font-size:.95rem;font-weight:600;color:var(--ink)}.detail-card.green{background:var(--green-soft);border-color:#9fd7cb}.detail-card.green .detail-label{color:var(--green)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pill{background:#fff;border:1.5px solid #d8ede9;border-radius:999px;padding:5px 13px;font-size:.82rem;font-weight:500;color:var(--ink);white-space:nowrap}.pill.alt{background:#fff8ee;border-color:#f0d8b0;color:var(--gold)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.content{grid-template-columns:1fr}.hero{flex-direction:row;align-items:center}}@media(max-width:640px){#root{padding:12px 12px 40px}.app{gap:14px}.hero{display:none}.calendar-selectors{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.calendar-select{width:100%;padding:10px 30px 10px 12px;font-size:.9rem;background-size:13px}.calendar-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.weekday-row{font-size:.65rem;letter-spacing:0;margin-bottom:8px;padding-bottom:8px}.calendar-grid{gap:4px}.calendar-cell{padding:7px 5px 5px;border-radius:9px;min-height:unset;height:auto;aspect-ratio:1 / 1}.day-number{font-size:.88rem}.lunar-day{font-size:.6rem}.today-label,.holiday-text{display:none}.detail-panel{border-radius:var(--radius-lg);padding:18px}.detail-panel h2{font-size:1.3rem}.detail-grid{grid-template-columns:1fr 1fr;gap:8px}.detail-item{padding:10px 12px}.detail-item strong{font-size:.88rem}.pill{font-size:.78rem;padding:4px 11px}}@media(max-width:390px){.calendar-grid{gap:3px}.calendar-cell{padding:6px 4px 4px;border-radius:8px;min-height:unset;height:auto;aspect-ratio:1 / 1}.day-number{font-size:.82rem}.lunar-day{font-size:.58rem}.detail-grid{grid-template-columns:1fr 1fr;gap:6px}}