@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--bg-1:#767676;--bg-2:#838383;--paper:#fff;--ink:#1e1e1e;--muted:#96a0a8;--accent:#1b93d2;--accent-soft:#cfeaf9;--line:#d9dde2}*{box-sizing:border-box}html,body{color:var(--ink);background:radial-gradient(circle at 20% 10%, #f6f6f6 0%, transparent 40%), radial-gradient(circle at 90% 90%, #e3e3e3 0%, transparent 38%), linear-gradient(180deg, var(--bg-1), var(--bg-2));min-height:100%;margin:0;padding:0;font-family:Montserrat,sans-serif}button,input,textarea,select{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.calendar-stage{place-items:center;width:min(960px,100%);display:grid;position:relative}.calendar-hanger{z-index:2;border:3px solid #3e3e3e;border-bottom:none;border-radius:12px 12px 0 0;width:42px;height:18px;margin-bottom:-6px}.wall-sheet{background:var(--paper);border-radius:4px;width:min(820px,100%);animation:.6s ease-out settle;overflow:hidden;transform:translateY(0);box-shadow:0 22px 50px #0003,0 6px 16px #0000001a}@keyframes settle{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-panel{background:#a4b4c7;height:340px;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.spiral-binding{background-image:radial-gradient(circle,#000 5px,#0000 2px);background-repeat:repeat-x;background-size:20px 10px;width:95%;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hero-wedge{background:var(--paper);width:45%;height:90px;position:absolute;bottom:-38px}.hero-wedge.left{left:-2%;transform:skewY(24deg)}.hero-wedge.right{background:#1b93d2;right:-2%;transform:skewY(-24deg)}.hero-badge{color:#fff;text-align:right;z-index:2;line-height:1.1;position:absolute;bottom:30px;right:34px}.hero-year-left{color:#1b93d2;z-index:2;line-height:1.1;position:absolute;bottom:30px;left:34px}.hero-year{letter-spacing:.06em;opacity:.95;font-size:2rem;font-weight:700;display:block}.hero-month{letter-spacing:.06em;font-size:2rem}.body-panel{grid-template-columns:1fr 1.3fr;gap:22px;padding:45px;display:grid}.notes-panel h2,.grid-panel h2{letter-spacing:.08em;text-transform:uppercase;color:#1b93d2;margin:0;font-size:1rem}.selection-label{color:#46515b;margin:10px 0 12px;font-size:.86rem}.notes-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:220px;font:inherit;background:repeating-linear-gradient(#fff 0 23px,#e7eaee 24px,#fff 24px);border-radius:6px;padding:10px;line-height:1.45}.notes-panel textarea:focus{border-color:#8dcff2;outline:2px solid #8dcff2}.month-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.month-header button{color:#2a3540;cursor:pointer;background:#f7f8f9;border:1px solid #ccd2d8;border-radius:50%;width:34px;height:34px}.month-header button:hover{background:#e9edf1}.day-names{text-transform:uppercase;color:#586370;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;font-size:.78rem;display:grid}.day-names span{text-align:center}.date-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell{cursor:pointer;color:#26313b;background:#fff;border:1px solid #d6dce2;border-radius:8px;height:40px;font-weight:600}.day-cell:hover{border-color:#87c9ed;transform:translateY(-1px)}.day-cell.muted{color:#9ba7b3;background:#f7f9fb}.day-cell.today{box-shadow:inset 0 0 0 2px #7bc4ec}.day-cell.between{background:var(--accent-soft);border-color:#a9d8f2}.day-cell.start,.day-cell.end{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width:900px){.hero-panel{height:300px}.body-panel{grid-template-columns:1fr}.notes-panel textarea{min-height:150px}}@media (max-width:600px){.page-shell{padding:20px 10px}.hero-panel{height:220px}.hero-badge{bottom:18px;right:18px}.hero-year-left{bottom:18px;left:18px}.hero-month{font-size:2rem}.body-panel{gap:14px;padding:14px}.day-cell{height:36px;font-size:.86rem}}