html,body{margin:0;padding:0;height:100%}.background{width:100vw;height:100vh;background-image:url(https://media.giphy.com/media/3o7aD2saalBwwftBIY/giphy.gif);background-repeat:repeat;font-family:Courier New,monospace;display:flex;justify-content:center;align-items:center}.container{display:grid;grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:auto 1fr;gap:14px;width:92vw;height:92vh}.header{grid-column:1 / 4;padding:18px;background:linear-gradient(45deg,#ffd200e6,#ff7800e6);border:3px solid black;box-shadow:4px 4px #000;text-align:center;font-size:22px;letter-spacing:2px}.left,.main,.right{display:flex;flex-direction:column;align-items:center;overflow:hidden;border:3px solid black;box-shadow:4px 4px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.left:before,.main:before,.right:before{content:"widget";width:100%;padding:6px;background:#000;color:#0ff;font-size:12px;letter-spacing:2px;text-align:center}.left{background:#00c8ffbf}.main{background:#c8ff00bf}.right{background:#ff96c8bf}.panel-content-left{width:100%;flex:1;padding:14px;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.panel-content-left::-webkit-scrollbar{width:8px}.panel-content-left::-webkit-scrollbar-thumb{background:#000}.panel-content-right{display:flex;flex-direction:column;align-items:center;gap:16px;overflow-y:auto;padding:10px;width:100%}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.home-calendar-card:before{content:"planner.txt";font-size:.65rem;color:#fff;background:coral;padding:2px 6px;border-radius:6px;margin-bottom:6px}.home-calendar-card{animation:floaty 4s ease-in-out infinite}@keyframes floaty{0%,to{transform:rotate(-.3deg)}50%{transform:rotate(.3deg)}}.home-calendar-card .react-calendar__month-view__weekdays,.home-calendar-card .react-calendar__month-view__days{display:grid!important;grid-template-columns:repeat(7,1fr)}.home-calendar-card .react-calendar{font-size:clamp(10px,1.2vw,14px)}.react-calendar__navigation__label{font-family:Indie Flower,cursive;font-size:1rem;color:coral}.home-calendar-card{background:linear-gradient(145deg,#fff8f0,#ffe8d8);border:3px dashed #ff7f50;border-radius:14px;padding:10px;width:100%;max-width:280px;box-shadow:5px 5px #f0c0a0,inset 0 0 6px #00000014;font-family:Indie Flower,cursive;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease}.home-calendar-card:hover{transform:translate(-2px,-2px)}.home-calendar-card .react-calendar{width:100%;border:none;border-radius:8px;padding:4px;background:#fff9;box-shadow:inset 0 0 4px #00000014;box-sizing:border-box}.home-calendar-card .react-calendar__month-view__weekdays{margin:0;padding:2px 0;font-size:.7rem;text-transform:uppercase;color:coral;font-weight:700}.home-calendar-card .react-calendar__month-view__weekdays__weekday{padding:2px 0;line-height:1}.home-calendar-card .react-calendar__tile{padding:0;font-size:.65rem;line-height:28px;border-radius:4px;transition:background .15s ease,transform .1s ease}.home-calendar-card .react-calendar__tile:hover{background-color:#ffe0d6;transform:scale(1.05)}.home-calendar-card .react-calendar__tile--active{background:coral;color:#fff;border:2px solid #ff5a26}.home-calendar-card .react-calendar__tile--now{border:2px dotted #ff7f50}.home-calendar-card p{margin:4px 0 0;font-size:.75rem;color:#a44}.home-calendar-card .react-calendar__navigation{height:28px;margin-bottom:4px}.home-calendar-card .react-calendar__navigation button{min-height:28px;padding:0 4px;font-size:.75rem;line-height:1;display:flex;align-items:center;justify-content:center}.memo-card{background:#e8d7b6;border-radius:14px;padding:14px;position:relative;box-shadow:4px 4px #0003;font-family:Courier New,monospace;color:#6b3f2c;animation:floatyCard 5s ease-in-out infinite alternate}.memo-card:after{content:"";position:absolute;inset:6px;border:2px dashed #b8845b;border-radius:10px;pointer-events:none}.memo-header{text-align:center;font-weight:700;color:#b04b00;margin-bottom:8px;border-bottom:1px dashed #b8845b;padding-bottom:6px}.memo-body{text-align:center}.memo-list{list-style:none;padding:0;margin:0}.memo-list li:before{content:"☐ "}@keyframes floatyCard{0%{transform:rotate(-.3deg)}to{transform:rotate(.3deg)}}.nav{display:flex;justify-content:center;align-items:center;gap:2rem;padding:0 1rem}.nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;gap:1rem}.nav a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem}nav li:hover{background-color:red}nav li:active{background-color:green}