:root{--ink: #14231c;--ink-soft: #3d5248;--mist: #e8f2ec;--foam: #f4faf7;--leaf: #1f6b4a;--leaf-deep: #0f3d2c;--sunrise: #e07a3a;--sunrise-soft: #f3c4a0;--river: #2a7a8c;--river-soft: #c5e4ea;--line: rgba(20, 35, 28, .12);--shadow: 0 18px 50px rgba(15, 61, 44, .08);--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--radius: 18px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(197,228,234,.9),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(243,196,160,.55),transparent 50%),radial-gradient(800px 400px at 50% 100%,rgba(31,107,74,.08),transparent 60%),linear-gradient(165deg,#f7fcf9,#eef6f2 45%,#e8f0f4);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.app{min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;overflow:hidden;padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,4vw,3rem) 1.5rem;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(42,122,140,.18),transparent 40%),linear-gradient(200deg,rgba(224,122,58,.14),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.35),transparent 70%);z-index:-1;pointer-events:none;animation:skyShift 18s ease-in-out infinite alternate}@keyframes skyShift{0%{transform:scale(1) translateY(0)}to{transform:scale(1.04) translateY(-8px)}}.hero-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem}.brand{animation:riseIn .7s ease both}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brand-name{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5rem);font-weight:500;letter-spacing:-.03em;line-height:.95;margin:0;color:var(--leaf-deep)}.brand-tag{margin:.65rem 0 0;max-width:28ch;font-size:1.05rem;color:var(--ink-soft);line-height:1.45}.clock{text-align:right;animation:riseIn .7s ease .12s both;min-width:min(100%,280px)}.clock-label{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--river);font-weight:600;margin-bottom:.35rem}.clock-time{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--ink);animation:pulseSoft 2s ease-in-out infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.88}}.clock-meta{margin-top:.4rem;font-size:.95rem;color:var(--ink-soft)}.clock-tz{display:inline-block;margin-top:.35rem;font-size:.8rem;font-weight:600;color:var(--leaf)}.nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.75rem;padding:.35rem;width:fit-content;max-width:100%;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;animation:riseIn .7s ease .2s both}.nav-btn{padding:.55rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--ink-soft);transition:background .2s ease,color .2s ease,transform .2s ease}.nav-btn:hover{color:var(--ink);background:#ffffffb3}.nav-btn.active{background:var(--leaf-deep);color:#f4faf7}.main{flex:1;padding:0 clamp(1.25rem,4vw,3rem) 2.5rem}.panel{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.1rem,2.5vw,1.75rem);animation:panelIn .45s ease both}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.panel-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;margin:0;letter-spacing:-.02em}.panel-sub{margin:.25rem 0 0;color:var(--ink-soft);font-size:.95rem}.pager{display:flex;align-items:center;gap:.4rem}.icon-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line);background:#fffc;display:grid;place-items:center;font-size:1.1rem;transition:background .15s ease,transform .15s ease}.icon-btn:hover{background:var(--mist);transform:translateY(-1px)}.today-btn,.primary-btn{padding:.55rem 1rem;border-radius:999px;font-weight:600;font-size:.88rem}.today-btn{border:1px solid var(--line);background:#ffffffd9}.primary-btn{background:var(--sunrise);color:#fffaf6}.primary-btn:hover{filter:brightness(1.05)}.ghost-btn{padding:.45rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ink-soft);border:1px solid transparent}.ghost-btn:hover{border-color:var(--line);background:#fff9}.danger-btn{color:#9b2c2c}.day-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:900px){.day-grid{grid-template-columns:1.05fr .95fr;align-items:start}}.section-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--river);margin:0 0 .75rem}.journal{display:flex;flex-direction:column;gap:.75rem}.mood-row{display:flex;flex-wrap:wrap;gap:.4rem}.mood-chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem;background:#ffffffb3;transition:background .15s,border-color .15s,color .15s}.mood-chip.active{background:var(--river-soft);border-color:var(--river);color:var(--leaf-deep)}.journal textarea{width:100%;min-height:220px;resize:vertical;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--line);background:#ffffffd9;line-height:1.55;outline:none;transition:border-color .15s,box-shadow .15s}.journal textarea:focus{border-color:var(--river);box-shadow:0 0 0 3px #2a7a8c26}.journal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;color:var(--ink-soft);font-size:.85rem}.event-list{display:flex;flex-direction:column;gap:.55rem}.event-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--line);background:#ffffffa6;text-align:left;transition:transform .15s,background .15s}.event-item:hover{background:#fff;transform:translateY(-1px)}.event-time{font-size:.8rem;font-weight:700;color:var(--leaf);min-width:4.5rem}.event-title{font-weight:600;margin:0}.event-notes{margin:.2rem 0 0;font-size:.85rem;color:var(--ink-soft)}.kind-dot{width:.55rem;height:.55rem;border-radius:50%;margin-top:.4rem}.kind-event{background:var(--river)}.kind-holiday{background:var(--sunrise)}.kind-milestone{background:var(--leaf)}.empty{padding:1.25rem;border-radius:14px;border:1px dashed var(--line);color:var(--ink-soft);text-align:center;font-size:.95rem}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}@media(max-width:800px){.week-grid{grid-template-columns:1fr}}.week-day{min-height:160px;padding:.75rem;border-radius:14px;border:1px solid var(--line);background:#ffffff8c;text-align:left;display:flex;flex-direction:column;gap:.45rem;transition:background .15s,border-color .15s}.week-day:hover,.week-day.is-selected{background:#fff;border-color:#1f6b4a59}.week-day.is-today{box-shadow:inset 0 0 0 2px var(--leaf)}.week-day-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.week-day-num{font-family:var(--font-display);font-size:1.35rem;color:var(--ink);font-weight:500}.week-chip{font-size:.72rem;padding:.25rem .4rem;border-radius:6px;background:var(--mist);color:var(--leaf-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-chip.holiday{background:#e07a3a26;color:#9a4a1c}.week-chip.milestone{background:#1f6b4a1f}.journal-dot{width:6px;height:6px;border-radius:50%;background:var(--river);display:inline-block}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.dow{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:.35rem}.month-cell{aspect-ratio:1 / 1.05;min-height:64px;padding:.4rem;border-radius:12px;border:1px solid transparent;background:#fff6;text-align:left;display:flex;flex-direction:column;gap:.2rem;transition:background .15s,border-color .15s}.month-cell:not(.empty-cell):hover{background:#fff;border-color:var(--line)}.month-cell.is-today{box-shadow:inset 0 0 0 2px var(--leaf)}.month-cell.is-selected{background:var(--river-soft);border-color:var(--river)}.month-cell.empty-cell{background:transparent;pointer-events:none}.month-day-num{font-weight:700;font-size:.85rem}.month-dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}.dot{width:6px;height:6px;border-radius:50%}.year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.year-month{padding:.9rem;border-radius:14px;border:1px solid var(--line);background:#ffffff8c}.year-month h3{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.15rem;font-weight:500}.year-event{display:flex;gap:.5rem;align-items:baseline;padding:.35rem 0;border-top:1px solid rgba(20,35,28,.06);font-size:.85rem;text-align:left;width:100%}.year-event:hover .ye-title{color:var(--leaf)}.ye-date{font-weight:700;color:var(--ink-soft);min-width:2.2rem;font-variant-numeric:tabular-nums}.ye-title{flex:1;transition:color .15s}.ye-kind{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--sunrise)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f231c59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(440px,100%);background:var(--foam);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);padding:1.35rem;animation:riseIn .25s ease}.modal h2{font-family:var(--font-display);font-weight:500;margin:0 0 1rem;font-size:1.45rem}.form-grid{display:grid;gap:.75rem}.form-grid label{display:grid;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--ink-soft)}.form-grid input,.form-grid select,.form-grid textarea{padding:.6rem .75rem;border-radius:10px;border:1px solid var(--line);background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--river);box-shadow:0 0 0 3px #2a7a8c1f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem}.modal-actions .right{display:flex;gap:.4rem}.footer{text-align:center;padding:1rem 1.5rem 1.75rem;font-size:.8rem;color:var(--ink-soft)}@media(max-width:600px){.clock{text-align:left;width:100%}.nav{width:100%;justify-content:stretch}.nav-btn{flex:1;text-align:center;padding-inline:.5rem}.month-cell{aspect-ratio:auto;min-height:48px}}