*,:after,:before{box-sizing:border-box}body{font-family:Sofia Sans Semi Condensed,sans-serif;background:#171b1f;color:#dee2e6;line-height:1.4;margin:0;-webkit-tap-highlight-color:transparent}h1{color:#ff2f78;font-size:3rem;margin:10px 0 0}.subtitle,h1{font-weight:350;text-align:center}.subtitle{font-size:1.3rem;color:#868e96;margin:0 0 4px}.layout{display:flex;flex-direction:row;overflow:hidden;height:100dvh;main{overflow:auto;flex:1 1}aside{overflow:auto;max-width:400px;background:#25292e;padding:8px 14px;h2{font-weight:400;color:#868e96;margin:20px 0 4px;display:flex;flex-direction:row;span{flex:1 1}a{color:inherit;font-weight:700;text-decoration:none;transition:color .14s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{color:#c4c4c4}}}}}.events{list-style-type:none;padding:0;margin:0;.event{display:flex;gap:16px;align-items:flex-start;padding:8px 0;letter-spacing:.02em;.poster{height:100px;width:auto;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content{display:flex;flex-direction:column;flex:1 1;gap:6px;align-self:center;h3{margin:0;font-size:1em;.out{background:#80b0ff;color:#0d2244;font-weight:700;font-size:.9em;border-radius:4px;padding:2px 6px;margin-left:6px;letter-spacing:.04em}}.date{color:#868e96;margin:0}}button{display:block;cursor:pointer;padding:6px 8px;background:#132e5a;color:#80b0ff;border-radius:8px;font-family:inherit;font-size:inherit;border:none;word-wrap:nowrap;transition:background-color .14s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.5}&:not(:disabled):hover{background:#1b3c70}}&.tv:not(.watched){opacity:.3}&.watched{color:#76d39a;.content{.date,h3{text-decoration:line-through}.date{color:#599771}}button{background:#5a2f13;color:#ffb180;&:not(:disabled):hover{background:#7c4920}}}}}.calendar{--border-color:#33383f;.header{display:grid;grid-template-columns:repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;background:#171b1f;box-shadow:0 1px 0 0 var(--border-color);.weekday{text-align:center;padding-bottom:4px;color:#868e96}}.grid{display:grid;grid-template-columns:repeat(7,1fr);.day{height:180px;box-shadow:0 0 0 .5px var(--border-color);padding:10px 4px;display:flex;flex-direction:column;overflow:hidden;gap:8px;.number{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;align-self:flex-end;padding:2px 8px 0;text-wrap:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agenda{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;.item{font-size:.9em;text-wrap:balance;display:flex;flex-direction:row;gap:8px;flex:1 1;align-items:center;border-radius:4px;padding:3px 5px;background:#142745;color:#80b0ff;line-height:1.2;letter-spacing:.04em;.poster{height:25px;width:auto;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.title{flex:1 1}&.tv{background:#25292e;color:#c3d2e1}&.watched{text-decoration:line-through;background:#193223;color:#76d39a}}}&.even-month{background:#1a1e23}&.today{.number{background:#ff2f78;color:#000000;border-radius:100px;font-weight:700}}&.month-start{.number{font-weight:700}}}}}.banner{background:#cd0000;z-index:9;position:fixed;top:0;right:0;font-size:1.15em;line-height:1.15;padding:5px 140px;width:400px;text-align:center;text-wrap:balance;transform:rotate(45deg) translateY(-161%) translateX(31%);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none}@media screen and (max-width:800px){.layout{flex-direction:column;height:auto;overflow:visible;main{padding:0 10px;overflow:visible;.subtitle,h1{text-align:left}.calendar{display:none}p:first-of-type{padding-right:50px}}aside{max-width:100%;width:100%;overflow:visible}}.banner{display:block}}::selection{background:#ff2f78;color:#000000}