:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:2rem}.summary-list{justify-content:center;max-width:100%;padding:100px;overflow:auto}.header{background:linear-gradient(180deg,#2e2e2e,#242424);padding:14px 24px;font-size:1.3rem;font-weight:600;letter-spacing:.5px;color:#f2f2f2;border-bottom:1px solid #3a3a3a}.tabs{display:flex;flex-direction:row;justify-content:space-around;padding:10px}.tabs span{font-size:1.3rem;padding:10px}.tabs span:hover{cursor:pointer;background-color:#2a2a2a}.tabs .selected{border-bottom:1px solid white}.summary{background-color:#2a2a2a;border-radius:12px;padding:16px 20px;margin-bottom:16px;transition:transform .15s ease,box-shadow .15s ease,max-height .3s ease,background-color .2s ease}.summary:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.summary.expanded{max-height:2000px}.summary p{line-height:1.6;opacity:.9;white-space:pre-line}.summary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px}.summary.expanded:after{display:none}.circle{opacity:.55;font-size:.85rem;border-radius:50%;min-height:10px;min-width:25px}.circle.positive{background-color:#00b200}.circle.neutral{background-color:#e6e612}.circle.negative{background-color:red}.calendar-container{display:flex;flex-direction:column;width:100%}.calendar-controls{display:flex;flex-direction:row;height:100px}.month-year-container{width:30%;font-size:2rem;padding:10px}.button-container{padding:10px}.button-container button{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;width:36px;height:36px;cursor:pointer;transition:background-color .15s ease}.button-container button:hover{background:#333}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.calendar>div{display:flex;padding:14px;aspect-ratio:1 / 1;border-radius:12px;font-size:.85rem;cursor:pointer;background-color:#2a2a2a;flex-direction:column;gap:6px;box-shadow:0 1px #ffffff08,0 8px 20px #00000040;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease}.calendar>div:hover{background-color:#2f2f2f;transform:translateY(-2px);box-shadow:0 1px #ffffff0d,0 12px 28px #00000059}.calendar>div>:first-child{font-size:.75rem;opacity:.6;margin-bottom:4px}.event{width:80%;max-height:18px;font-size:.7rem;border-radius:999px;background-color:#1f1f1f;color:#eaeaea;padding:4px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.06)}.event:hover{background-color:#262626}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1f1f1f;border-radius:16px;padding:24px;width:360px;box-shadow:0 20px 50px #0009}.modal h3{margin:0}.modal .title{opacity:.85;margin:6px 0 12px}.modal .meta{display:flex;justify-content:space-between;font-size:.75rem;opacity:.6;margin-bottom:16px}.modal button{background:#2a2a2a;border:none;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer}