*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body,#root{height:100%;background-color:#d0d0d0}body{font-family:Geist,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site{max-width:1440px;width:100%;margin:0 auto;min-height:100vh;font-family:Geist,sans-serif}.app-header{position:sticky;top:0;z-index:100;background:#131313;padding:24px 0 8px;border-radius:0 0 16px 16px;box-shadow:0 10px 20px #00000054}.app-header-inner{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.app-title{margin:0;font-weight:500;font-size:32px;color:#fff;letter-spacing:-.6px;text-transform:uppercase}.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.filter-btn{padding:4px 14px;font-size:12px;font-weight:500;border-radius:999px;border:1px solid #444;background:transparent;color:#888;cursor:pointer;transition:all .12s ease;line-height:1.6}@media(hover:hover){.filter-btn:hover{background-color:var(--btn-color, #fff)!important;border-color:var(--btn-color, #fff)!important;color:#000!important}}.filter-btn--active{background:#fff;color:#000;border-color:#fff}.effort-legend{display:flex;flex-direction:column;align-items:center;margin-top:12px;margin-bottom:22px}.effort-label{display:block;font-size:14px;font-weight:500;color:#fff;letter-spacing:.03em;padding-top:10px;margin-bottom:8px;text-align:center;width:100%}.effort-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.effort-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:500;color:#fff;background:transparent;border:1px solid #fff;border-radius:999px;cursor:pointer;transition:all .1s ease;line-height:1.6;letter-spacing:.02em}@media(hover:hover){.effort-btn:hover{background:#fff;color:#000!important}}.effort-btn--active{background:#fff;color:#000}.app-msg{text-align:center;padding:80px 16px;color:#888;font-size:16px;font-weight:300}.app-msg--err{color:#e07070}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0;padding:4px}.menu-toggle svg{display:block}.tl-wrap{position:relative;width:100%;padding:0 0 64px}.tl-spacer{height:24px}.tl-month-group{position:relative;border-radius:16px;padding:24px 24px 8px;margin-bottom:24px;opacity:1;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),margin-bottom .3s cubic-bezier(.25,.46,.45,.94),padding .3s cubic-bezier(.25,.46,.45,.94)}.tl-month-group--hidden{opacity:0;padding-top:0;padding-bottom:0;margin-bottom:0;max-height:0;overflow:hidden}.tl-month-label{font-weight:700;font-size:18px;color:#000;text-transform:uppercase;letter-spacing:-.6px;margin-bottom:16px}.tl-month-empty{font-size:13px;color:#bbb;font-weight:400;padding:8px 0 16px;font-style:italic}.tl-item{position:relative;display:grid;grid-template-rows:1fr;opacity:1;margin-bottom:16px;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94),opacity .15s ease .15s,margin-bottom .3s cubic-bezier(.25,.46,.45,.94)}.tl-item>*{overflow:hidden}.tl-item--hidden{grid-template-rows:0fr;opacity:0;margin-bottom:0;min-height:0;pointer-events:none;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94) .08s,opacity .08s ease,margin-bottom .3s cubic-bezier(.25,.46,.45,.94) .08s}.tl-item--hidden>*{min-height:0}.tl-card{--card-text: #fff;--divider-color: #000000;position:relative;display:flex;flex-direction:column;background:#000;border-radius:12px;cursor:pointer;color:var(--card-text);box-shadow:0 2px 8px #00000040,0 6px 20px #0000001a;transition:background .5s ease-in-out,transform .15s ease,color .5s ease-in-out;will-change:transform;transform:translateZ(0);overflow:hidden}.tl-card--open{--card-text: #000;--divider-color: #000;background:#d2f8ba}.tl-card-top{position:relative;padding:22px 20px}.tl-card-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:0}.tl-card-content{flex:1;min-width:0}.tl-effort{flex-shrink:0;line-height:0;display:flex;align-items:flex-start}.tl-card--open .tl-effort{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.tl-divider{width:100%;height:1px;background:var(--divider-color);opacity:0;margin-top:0;margin-bottom:0;transition:opacity .4s ease-in-out,margin .5s ease-in-out}.tl-divider--open{opacity:1;margin-top:12px;margin-bottom:8px}.tl-card-body{display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;transition:grid-template-rows .5s ease-in-out,opacity .3s ease-in-out}.tl-card-body--open{grid-template-rows:1fr;opacity:1;pointer-events:auto;transition:grid-template-rows .5s ease-in-out,opacity .3s ease-in-out .1s}.tl-card-body-inner{overflow:hidden;min-height:0;padding:4px 0 24px}.tl-card-hint{display:flex;justify-content:center;align-items:center;width:100%;height:24px;background:#6af4a8}.tl-card-hint svg{transition:transform .2s ease-in-out .25s}.tl-card-hint--open svg{transform:scaleY(-1)}.tl-cursor-plus{position:absolute;pointer-events:none;color:#dee470;opacity:0;transition:opacity .25s ease;transform:translate(-50%,-50%) translateZ(0);z-index:10}@media(hover:hover){.tl-card:hover{transform:scale(1.01)}.tl-card:hover .tl-cursor-plus{opacity:1}}.tl-card--open .tl-cursor-plus{display:none}.tl-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;margin-bottom:12px}.badge{display:inline-block;padding:3px 11px;font-size:12px;font-weight:500;border-radius:999px;letter-spacing:.02em;line-height:1.6}.badge--cat{background:transparent;border:1px solid;transition:background .4s ease-in-out,color .4s ease-in-out}.tl-card--open .badge--cat{background:var(--cat-color)!important;color:#000!important;box-shadow:0 2px 6px #00000026}.tl-card-title{margin:0;font-weight:500;font-size:20px;color:var(--card-text);line-height:1.4;text-transform:uppercase;letter-spacing:-.5px;transition:color .5s ease-in-out}.tl-card-date{margin:12px 0 4px;font-weight:600;font-size:14px;color:var(--card-text);line-height:1.4;transition:color .5s ease-in-out}.tl-card-text{margin:0 0 8px;font-weight:400;font-size:14px;color:var(--card-text);line-height:1.6;transition:color .5s ease-in-out}.tl-card-link{display:inline-block;width:fit-content;margin-top:4px;font-size:13px;font-weight:500;color:#4384a5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.tl-card-link:hover{border-bottom-color:#f6ff50}@media(max-width:900px){.app-header{padding:16px 20px}.app-title{text-align:center;font-size:24px}.effort-legend{font-size:12px;padding:0 8px}}@media(max-width:680px){.app-header{width:96svw;margin:0 auto;padding:8px 16px 10px;border-radius:0 0 24px 24px;cursor:pointer}.app-title{font-size:18px;text-align:center;padding:16px 0 8px}.app-header-inner{margin-bottom:0}.menu-toggle{display:flex;margin:4px auto 0}.menu-collapsible{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94)}.menu-open .menu-collapsible{max-height:400px;opacity:1}.menu-open .filter-btn{animation:staggerIn .15s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(var(--stagger, 0) * 25ms)}.menu-open .effort-btn{animation:staggerIn .15s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc((var(--stagger, 0) + 10) * 25ms)}.filter-bar{gap:8px}.filter-btn{font-size:12px;padding:3px 11px}.effort-legend{font-size:13px;padding:0 6px;margin-top:8px;margin-bottom:12px}.effort-label{font-size:14px;padding-top:8px;margin-bottom:6px}.effort-btn{font-size:11px;padding:3px 10px;gap:4px}.tl-wrap{padding:0 16px 48px}.tl-month-group{padding:16px 12px 4px}.tl-item{margin-bottom:12px}.tl-card{border-radius:10px;box-shadow:0 2px 6px #0003}.tl-card-top{padding:16px 14px}.tl-card-hint{height:24px}.tl-effort svg{width:32px;height:32px}.tl-tags{margin-bottom:8px}.badge{font-size:11px;padding:2px 9px}.tl-card-title{font-size:16px;letter-spacing:-.3px}.tl-card-date{font-size:14px;margin:12px 0}.tl-card-body-inner{padding:2px 0 20px}.tl-card-text{font-size:13px}.tl-card-link{font-size:12px}}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}