@font-face{font-family:CalendarHand;src:url('../fonts/dancing-script.ttf') format('truetype');font-display:swap}
#daily-calendar{position:fixed;z-index:55;width:76px;height:70px;pointer-events:none;font-family:Georgia,serif;color:#34534c}
#daily-calendar[hidden],#daily-calendar [hidden]{display:none!important}
#daily-calendar .header-paper-trigger{position:relative;display:block;padding:0;border:0;background:none;color:inherit;cursor:pointer;width:76px;height:70px;transform:rotate(-5deg);transform-origin:86% 4px;pointer-events:auto}
#daily-calendar .header-paper-trigger:focus-visible{outline:3px solid #087f81;outline-offset:7px;border-radius:3px}
#daily-calendar .paper-block{position:absolute;inset:0 0 0 1px;background:#dfd0b0;border-radius:1px;box-shadow:2px 3px 7px #5c492330}
#daily-calendar .paper-block::after{content:'';position:absolute;inset:0 -2px -4px 0;background:repeating-linear-gradient(to bottom,#eee4cb 0 1px,#c8bca2 1px 1.5px,#fffaeb 1.5px 3px);border-radius:1px;transform:skewY(-1deg)}
#daily-calendar .curved-page{position:absolute;inset:0 0 3px;display:block;transform-origin:50% 0;background-color:#fff9e9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.73' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.15'/%3E%3C/svg%3E"),linear-gradient(100deg,#f0e4c7,#fff9ed 32%,#fffcef 78%,#e7d9bc);box-shadow:0 2px 2px #68512922}
#daily-calendar .curved-third{transform:translate(-1px,-1px);border-radius:1px 1px 24% 28% / 1px 1px 2px 3px}
#daily-calendar .curved-second{transform:translate(-2px,-3px);border-radius:1px 1px 33% 37% / 1px 1px 4px 6px;box-shadow:1px 4px 3px #68512920}
#daily-calendar .curved-first{transform:translate(-3px,-6px);border-radius:1px 1px 42% 48% / 1px 1px 8px 11px;box-shadow:1px 6px 4px #68512926;padding:10px 4px 5px;text-align:center;transition:transform .38s ease,opacity .28s ease}
#daily-calendar .curved-first::after{content:'';position:absolute;height:12px;bottom:1px;left:1px;right:1px;border-radius:0 0 42% 48% / 0 0 8px 11px;background:linear-gradient(to bottom,transparent,#f7edd9 50%,#fffcf1 75%,#d5c5a553);pointer-events:none}
#daily-calendar .mini-weekday{display:block;font:11px/1 Georgia,serif;position:relative;z-index:1}
#daily-calendar .mini-day{display:block;font:30px/.98 Georgia,serif;position:relative;z-index:1;margin:2px 0}
#daily-calendar .mini-month{display:block;font:10px/1 Georgia,serif;position:relative;z-index:1}
#daily-calendar .paper-staple{position:absolute;top:-7px;left:35px;width:8px;height:4px;border:1px solid #a99b7c;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:0 1px 1px #84755c66}
#daily-calendar .header-paper-trigger[aria-expanded=true] .curved-first{transform:translate(-9px,-13px) rotate(-7deg);opacity:.15}
#daily-calendar .header-paper-note{position:fixed;width:230px;padding:30px 22px 22px;background:#fff9e9;background-image:linear-gradient(95deg,#eadfc9,transparent 14% 86%,#efe4ce);border:1px solid #e8dcc6;border-radius:2px 2px 12px 3px;box-shadow:0 12px 30px #42392428;transform:rotate(-2deg);pointer-events:auto;text-align:center;line-height:1.4;overflow:auto;overscroll-behavior:contain}
#daily-calendar .note-heading,#daily-calendar .note-next{display:block;font:12px/1.4 'Segoe UI',sans-serif;color:#49615b}
#daily-calendar .header-paper-note p{font:27px/1.2 CalendarHand,Georgia,serif;margin:18px 0 22px;color:#294e44}
#daily-calendar .paper-note-close{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:none;font:22px/1 'Segoe UI',sans-serif;color:#49615b;cursor:pointer}
@media(prefers-reduced-motion:reduce){#daily-calendar .curved-first{transition:none!important}}