@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";html{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%}body{touch-action:manipulation;-webkit-overflow-scrolling:touch;height:100%;margin:0;padding:0;overflow:hidden}*{touch-action:manipulation}:root{--color-background: #242323;--color-background-back: #000;--color-text: #fff;--color-text-secondary: rgba(255, 255, 255, .5);--color-text-primary: rgba(255, 255, 255, 1);--vh: 1vh}body.light-mode{--color-background: #f5f5f5;--color-background-back: #fff;--color-text: #000;--color-text-secondary: rgba(0, 0, 0, .6);--color-text-primary: rgba(0, 0, 0, .9)}*{margin:0;padding:0;box-sizing:border-box;--font-size: 20px;--font-kerning: -.2px;--font-weight: 500;--font-family: "Helvetica Neue", Helvetica, "Geist", Arial, sans-serif;--line-height: 1.15;--gap: 24px;--font-size-cal: 48px;--ctrl-button-size: 40px;--ctrl-button-gap: 0px;--cal-radius: 12px;--shiver-intensity: 1}body{--cal-size: clamp(250px, 50vw, min(55vh, 800px))}body{font-optical-sizing:auto;font-style:normal;background-color:var(--color-background-back);color:var(--color-text);font-size:var(--font-size);font-family:var(--font-family);letter-spacing:var(--font-kerning);font-weight:var(--font-weight);line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100)}.header{position:fixed;top:var(--gap);left:var(--gap);z-index:100;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,border-radius .3s ease;border-radius:12px;padding:12px}.header:hover{background-color:var(--color-background)}.header h1{font-size:var(--font-size);letter-spacing:var(--font-kerning);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--color-text-primary);text-transform:uppercase;transition:color .3s ease}.header p{font-size:var(--font-size);letter-spacing:var(--font-kerning);font-weight:var(--font-weight);line-height:var(--line-height);color:var(--color-text-secondary);transition:color .3s ease}@media (max-width: 700px){.header p,.header h1{font-size:20px;line-height:1.2;font-weight:600}}.main-content{display:flex;flex:1;gap:2rem;align-items:center;justify-content:center}.resize-toggle{background:color-mix(in srgb,#fff 12%,transparent 88%);border:none;color:var(--color-text);cursor:pointer;z-index:1000;height:32px;border-radius:24px;padding:0 10px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;animation-fill-mode:forwards}body.light-mode .resize-toggle{background:color-mix(in srgb,#000 7%,transparent 93%)}.theme-toggle{background:transparent;border:none;color:var(--color-text);cursor:pointer;z-index:1000;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;animation-fill-mode:forwards}.resize-toggle .material-icons{transition:color .3s ease,opacity .3s ease;font-size:16px;opacity:.4;color:var(--color-text);cursor:pointer;padding:4px;border-radius:50%;transition:color .3s ease,opacity .3s ease,background-color .3s ease}.resize-toggle .material-icons:hover{background-color:color-mix(in srgb,var(--color-text-primary) 7%,transparent 93%);opacity:.7}.resize-toggle .standard-icon{opacity:1;color:var(--color-text)}.narrow-icon{transform:rotate(90deg)}body.narrow-mode .resize-toggle .narrow-icon{opacity:1;color:var(--color-text)}body.narrow-mode .resize-toggle .standard-icon,body.narrow-mode .resize-toggle .wide-icon{opacity:.4;color:var(--color-text)}body.wide-mode .resize-toggle .wide-icon{opacity:1;color:var(--color-text)}body.wide-mode .resize-toggle .standard-icon,body.wide-mode .resize-toggle .narrow-icon{opacity:.4;color:var(--color-text)}.theme-toggle .material-icons,.resize-toggle .material-icons{font-size:18px}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,body.light-mode .theme-toggle .sun-icon{display:block}body.light-mode .theme-toggle .moon-icon{display:none}.controls-section{display:flex;flex-direction:column;align-items:center;gap:10px}.refresh-btn{width:32px;height:32px;border-radius:50%;background-color:#ffffff1a;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--color-text-primary);transition:all .3s ease}.mobile-refresh-btn{display:none}.controls-section .refresh-btn{display:flex}@media (max-width: 768px){.mobile-refresh-btn{display:flex}.controls-section .refresh-btn{display:none}}.refresh-btn:hover{background-color:color-mix(in srgb,var(--color-text-primary) 7%,transparent 93%);transform:rotate(30deg)}.refresh-btn:active{transform:rotate(180deg) scale(.95)}.refresh-btn .material-icons{font-size:18px}.download-btn{display:flex;align-items:center;position:relative;gap:6px;padding:8px 12px;border-radius:20px;border:none;cursor:pointer;font-family:var(--font-family);font-weight:500;font-size:14px;color:#000;background-color:#ffe100;transition:transform .2s ease,opacity .3s ease,box-shadow .3s ease;box-shadow:0 2px 5px #0003;margin-left:10px}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.download-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.download-btn .material-icons{font-size:16px}.download-btn:before{content:"";position:absolute;bottom:150%;left:50%;transform:translate(-50%);width:200px;border:8px solid var(--color-background);height:auto;background-image:url(./screenshot-eowE0ENZ.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--color-background);padding-bottom:200px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s;pointer-events:none;z-index:10;border-radius:4px;box-shadow:0 2px 10px #0003}.download-btn:hover:before{opacity:1;visibility:visible;transition:opacity .3s ease}.btn-text{font-weight:500;letter-spacing:.5px}.refresh-btn.rotating{animation:spin .7s cubic-bezier(.175,.885,.32,1.275)}.footer-left,.footer-right{position:fixed;bottom:var(--gap);font-size:var(--font-size);letter-spacing:var(--font-kerning);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .3s ease}.footer-left{left:var(--gap);display:flex;align-items:center;flex-direction:row;gap:4px}.footer-right{right:var(--gap)}@media (max-width: 700px){*{--font-size: 12px;--line-height: 15.5px;--font-weight: 300;--gap: 12px;--font-size-cal: 16px;--ctrl-button-size: 40px;--ctrl-button-gap: 12px;--cal-radius: 6px;--shiver-intensity: .75}.footer-right{bottom:20px}.download-btn,.wide-icon{display:none}}@media (max-height: 550px){*{--font-size: 12px;--line-height: 15.5px;--font-weight: 300;--gap: 12px;--font-size-cal: 16px;--ctrl-button-size: 40px;--ctrl-button-gap: 8px;--cal-radius: 6px;--shiver-intensity: .75}}@keyframes theme-toggle-rotate{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.drawer{position:fixed;top:0;left:-100%;width:500px;height:100vh;background-color:var(--color-background);padding:20px;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:99;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.drawer.open{left:0%}.drawer .description{opacity:0;transition:opacity .3s ease .1s}.drawer .description a{color:var(--color-text);text-decoration:underline}.drawer.open .description{opacity:1;padding-right:32px;padding-top:10px}.close-drawer{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.close-drawer:hover{background-color:color-mix(in srgb,var(--color-text-primary) 7%,transparent 93%);transform:scale(1.05)}.close-drawer:active{transform:scale(.95)}.close-drawer .material-icons{font-size:24px}@media (max-width: 700px){.container{height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100)}.drawer{left:0;display:none;opacity:0;top:0;width:100%;height:auto;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);transform:translateY(0)}.drawer.open{opacity:1;display:block}.drawer .description{margin-top:20px}.close-drawer{top:12px;right:12px}}.hide-on-drag{opacity:1;transition:all .3s ease}.hide-on-drag.hidden{opacity:0}.calendar-container{flex:1;display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;perspective:1000px;gap:24px}@media (orientation: portrait) and (max-width: 700px){.calendar-container{flex-direction:column-reverse;align-items:center;gap:12px}}.calendar{background-color:#2e2e2e;border-radius:var(--cal-radius);width:calc(var(--cal-size) + 40px);padding:20px;display:flex;flex-direction:column;transform-style:preserve-3d}body.narrow-mode .calendar{width:calc((var(--cal-size) / 2) + 40px)}body.wide-mode .calendar{width:calc((var(--cal-size) * 2) + 40px)}.top-hole{display:none;width:calc(var(--cal-size) * .45);height:2%;position:absolute;top:5%;left:50%;transform:translate(-50%);background-color:var(--color-background);border-radius:12px;z-index:100}.top-square{width:calc(var(--cal-size) * .42);height:2%;position:absolute;top:4%;left:50%;transform:translate(-50%);transition:none;background-color:#000;border-radius:3px 3px 0 0;z-index:101}.boards-container{width:var(--cal-size);height:var(--cal-size);position:relative;margin-bottom:16px;transform-style:preserve-3d;transition:opacity .1s ease,width .3s ease-out}body.narrow-mode .boards-container{width:calc(var(--cal-size) / 2)}body.wide-mode .boards-container{width:calc(var(--cal-size) * 2)}.board-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.25,.1,.25,1);transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 2px 5px #0000001a}.initial-state .board-container{opacity:0;transform:translateY(-25%) scale(.5)}.initial-state .top-hole,.initial-state .top-square{opacity:0}.board-container.animate-in{animation:fly-in .5s forwards ease-in-out}@keyframes fly-in{0%{transform:translateY(-75%) scale(.4);opacity:0}25%{transform:translateY(-75%) scale(.7);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.board-canvas{width:100%;height:100%;display:block}.control-btn{width:var(--ctrl-button-size);height:40px;background-color:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;border:none;margin:5px 0;-webkit-user-select:none;user-select:none;transition:transform .2s ease,opacity .3s ease,border .3s ease,box-shadow .3s ease,width .3s ease;border:1px solid transparent;border-radius:4px}.control-btn.narrow{width:20px}.control-btn.regular{width:40px}.control-btn.wide{width:80px}.control-btn:hover:before{content:"unfold_more";font-family:Material Icons;position:absolute;left:-30px;top:50%;transform:translateY(-50%);font-size:20px;opacity:0;transition:opacity .2s ease;animation:fade-in .3s forwards;color:var(--color-text-primary);pointer-events:none}@media (orientation: portrait) and (max-width: 700px){.control-btn:hover:before{content:""}}.controls.is-dragging .control-btn:hover:before{display:none}body.light-mode .control-btn:hover:not(.shiver-1):not(.shiver-2):not(.shiver-3):not(.shiver-4):not(.shiver-5):not(.shiver-6):not(.sortable-chosen):not(.sortable-drag):before{color:#646464b3}@keyframes fade-in{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.control-btn:hover:not(.shiver-1):not(.shiver-2):not(.shiver-3):not(.shiver-4):not(.shiver-5):not(.shiver-6):not(.sortable-chosen):not(.sortable-drag){transform:scale(1.01)}@media (orientation: portrait) and (min-width: 701px) and (min-height: 551px){.control-btn:hover:not(.sortable-chosen):not(.sortable-drag):not(.sortable-ghost){border:1px solid rgba(255,255,255,.8);box-shadow:0 0 8px #fff6,0 0 16px #fff3}}.control-btn:active{transform:scale(.98)!important;animation:none!important;border-color:transparent!important;box-shadow:none!important}.control-btn.clicked,.control-btn.swapped{animation:click-effect .3s cubic-bezier(.175,.885,.32,1.275)!important}.control-btn.swapped{animation:swap-effect .5s ease!important}.control-btn.dragging{opacity:.7;transform:scale(1.01)}.control-btn canvas{width:100%;height:100%;pointer-events:none;transition:filter .3s ease}@media (orientation: portrait) and (min-width: 701px) and (min-height: 551px){.control-btn:hover:not(.sortable-chosen):not(.sortable-drag):not(.sortable-ghost) canvas{filter:brightness(1.15)}.control-btn.inactive:hover canvas{filter:brightness(1.1)}}.control-btn.drag-over{transform:scale(1.01);box-shadow:0 0 15px #ffffff4d}.calendar-footer{display:flex;justify-content:space-between;color:#fff;font-weight:700;font-size:2rem;gap:12px;transition:opacity .15s ease-in-out,flex-direction .3s ease-out;transform-style:preserve-3d}.calendar-footer div{background-color:#000;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease}.calendar-footer div:active{cursor:grabbing}.calendar-footer div.sortable-ghost{opacity:0;background-color:#333}.calendar-footer div.sortable-chosen{z-index:1000}body.narrow-mode .calendar-footer{flex-direction:column;gap:4px}body.narrow-mode .day-label,body.narrow-mode .month-label,body.narrow-mode .date-label{padding:5px 10px;font-size:12px}.day-label,.month-label,.date-label{padding:16px 0;text-align:center;flex:1;font-size:var(--font-size-cal);position:relative;width:auto;display:flex;overflow:hidden;justify-content:center;align-items:center}.day-label:before,.month-label:before,.date-label:before{content:"";display:block;width:50%;height:5px;border-radius:4px;background-color:#212121;position:absolute;top:4px;left:50%;transform:translate(-50%)}body.narrow-mode .day-label:before,body.narrow-mode .month-label:before,body.narrow-mode .date-label:before{display:none}.controls-section{display:flex;flex-direction:column;align-items:center;z-index:100}.controls{display:flex;flex-direction:column;gap:var(--ctrl-button-gap);position:relative}.controls:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1}.control-btn.clicked{animation:click-effect .3s cubic-bezier(.175,.885,.32,1.275)}.control-btn.swapped{animation:swap-effect .5s ease}.control-btn.shiver-1{animation:shiver-1 .8s infinite}.control-btn.shiver-2{animation:shiver-2 .7s infinite}.control-btn.shiver-3{animation:shiver-3 .9s infinite}.control-btn.shiver-4{animation:shiver-4 .85s infinite}.control-btn.shiver-5{animation:shiver-5 .75s infinite}.control-btn.shiver-6{animation:shiver-6 .65s infinite}@keyframes shiver-1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--shiver-intensity) * 1px),calc(var(--shiver-intensity) * -.5px)) rotate(calc(var(--shiver-intensity) * .3deg))}50%{transform:translate(0) rotate(0)}75%{transform:translate(calc(var(--shiver-intensity) * -.7px),calc(var(--shiver-intensity) * .8px)) rotate(calc(var(--shiver-intensity) * -.5deg))}}@keyframes shiver-2{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(var(--shiver-intensity) * -.8px),calc(var(--shiver-intensity) * -.3px)) rotate(calc(var(--shiver-intensity) * -.4deg))}40%{transform:translate(calc(var(--shiver-intensity) * .4px),calc(var(--shiver-intensity) * .6px)) rotate(calc(var(--shiver-intensity) * .2deg))}60%{transform:translate(calc(var(--shiver-intensity) * -.2px),calc(var(--shiver-intensity) * -.4px)) rotate(calc(var(--shiver-intensity) * -.3deg))}80%{transform:translate(calc(var(--shiver-intensity) * .6px),calc(var(--shiver-intensity) * .2px)) rotate(calc(var(--shiver-intensity) * .5deg))}}@keyframes shiver-3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(calc(var(--shiver-intensity) * .6px),calc(var(--shiver-intensity) * -.8px)) rotate(calc(var(--shiver-intensity) * .4deg))}66%{transform:translate(calc(var(--shiver-intensity) * -.5px),calc(var(--shiver-intensity) * .5px)) rotate(calc(var(--shiver-intensity) * -.3deg))}}@keyframes shiver-4{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--shiver-intensity) * .4px),calc(var(--shiver-intensity) * .7px)) rotate(calc(var(--shiver-intensity) * .15deg))}50%{transform:translate(calc(var(--shiver-intensity) * -.3px),calc(var(--shiver-intensity) * -.2px)) rotate(calc(var(--shiver-intensity) * -.25deg))}75%{transform:translate(calc(var(--shiver-intensity) * .5px),calc(var(--shiver-intensity) * -.3px)) rotate(calc(var(--shiver-intensity) * .3deg))}}@keyframes shiver-5{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(var(--shiver-intensity) * .2px),calc(var(--shiver-intensity) * -.5px)) rotate(calc(var(--shiver-intensity) * .1deg))}40%{transform:translate(calc(var(--shiver-intensity) * -.7px),calc(var(--shiver-intensity) * .3px)) rotate(calc(var(--shiver-intensity) * -.2deg))}60%{transform:translate(calc(var(--shiver-intensity) * .5px),calc(var(--shiver-intensity) * .4px)) rotate(calc(var(--shiver-intensity) * .15deg))}80%{transform:translate(calc(var(--shiver-intensity) * -.3px),calc(var(--shiver-intensity) * -.6px)) rotate(calc(var(--shiver-intensity) * -.25deg))}}@keyframes shiver-6{0%,to{transform:translate(0) rotate(0)}16%{transform:translate(calc(var(--shiver-intensity) * .3px),calc(var(--shiver-intensity) * .2px)) rotate(calc(var(--shiver-intensity) * .25deg))}33%{transform:translate(calc(var(--shiver-intensity) * -.5px),calc(var(--shiver-intensity) * -.3px)) rotate(calc(var(--shiver-intensity) * -.15deg))}50%{transform:translate(calc(var(--shiver-intensity) * .2px),calc(var(--shiver-intensity) * .4px)) rotate(calc(var(--shiver-intensity) * .1deg))}66%{transform:translate(calc(var(--shiver-intensity) * -.4px),calc(var(--shiver-intensity) * .3px)) rotate(calc(var(--shiver-intensity) * -.2deg))}83%{transform:translate(calc(var(--shiver-intensity) * .5px),calc(var(--shiver-intensity) * -.4px)) rotate(calc(var(--shiver-intensity) * .3deg))}}@keyframes click-effect{0%{transform:scale(1)}50%{transform:scale(.99)}to{transform:scale(1)}}@keyframes swap-effect{0%{transform:scale(1);opacity:1}25%{transform:scale(1.02);opacity:.8}50%{transform:scale(.98);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-btn.sortable-ghost,.control-btn:not(.inactive).sortable-ghost,.control-btn.inactive.sortable-ghost{opacity:0}.control-btn.sortable-chosen{transform:scale(1.06)!important;animation:none!important}.control-btn.sortable-drag{opacity:0;animation:none!important}.calendar.dragging{transform:rotateX(25deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.board-container.dragging{transition:transform .3s ease-out}.board-container.dragging:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 10px 20px #0006;opacity:.5;pointer-events:none;border-radius:5px}.control-btn.inactive{opacity:.4;transition:opacity .3s ease}.control-btn.inactive:after{content:"visibility_off";font-family:Material Icons;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;z-index:10;opacity:1;pointer-events:none;transition:none}.light-mode .control-btn.inactive:after{color:#000}.control-btn:not(.inactive){opacity:1;transition:opacity .3s ease}.controls.is-dragging .control-btn:not(.sortable-chosen):not(.sortable-drag):not(.sortable-ghost){--shiver-intensity: 2}.controls.is-dragging .control-btn:hover{transform:none}.calendar.showing-back .boards-container,.calendar.showing-back .calendar-footer{opacity:0!important;visibility:hidden!important;transition:opacity .1s ease-out,visibility 0s .1s!important}.calendar:not(.showing-back) .boards-container,.calendar:not(.showing-back) .calendar-footer{opacity:1!important;visibility:visible!important;transition:opacity .1s ease-in!important}@media (orientation: portrait) and (max-width: 700px){body.narrow-mode .calendar{width:calc((var(--cal-size) / 2) + 20px);padding:10px}body.narrow-mode .calendar-footer{gap:1px}body.narrow-mode .day-label,body.narrow-mode .month-label,body.narrow-mode .date-label{padding:0 6px;font-size:10px}.control-btn:hover:not(.shiver-1):not(.shiver-2):not(.shiver-3):not(.shiver-4):not(.shiver-5):not(.shiver-6):not(.sortable-chosen):not(.sortable-drag):before{left:-20px;font-size:16px;transform:translateY(-50%) rotate(90deg)}@keyframes fade-in{0%{opacity:0;transform:translateY(-50%) translate(5px) rotate(90deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(90deg)}}.control-btn.sortable-chosen{transform:scale(1.5)!important}}@media (orientation: portrait) and (max-width: 700px){.controls:before{top:-15px;right:-15px;bottom:-15px;left:-15px}*{--shiver-intensity: .75}.calendar{transform-style:flat!important;backface-visibility:visible!important;will-change:transform,opacity;width:calc(var(--cal-size) + 20px);padding:10px}.calendar.showing-back .boards-container,.calendar.showing-back .calendar-footer{opacity:0!important;visibility:hidden!important;transition:opacity .1s linear,visibility 0s .1s!important}.calendar:not(.showing-back) .boards-container,.calendar:not(.showing-back) .calendar-footer{opacity:1!important;visibility:visible!important;transition:opacity .1s linear!important}.main-content{flex-direction:column}.calendar{max-width:100%}.controls-section{flex-direction:column;width:100%}.refresh-container{order:1;margin-top:16px;margin-bottom:8px}.controls{order:2;flex-direction:row;justify-content:center;flex-wrap:wrap}.refresh-btn{width:32px;height:32px}.refresh-btn .material-icons{font-size:18px}}@keyframes resize-toggle-to-narrow{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes resize-toggle-to-wide{0%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes resize-toggle-to-standard{0%{transform:rotate(180deg)}to{transform:rotate(0)}}@media (orientation: portrait) and (max-width: 700px){body.wide-mode .calendar{width:calc((var(--cal-size) * 2) + 20px);padding:10px}body.wide-mode .boards-container{width:calc(var(--cal-size) * 2)}.control-btn.sortable-ghost{opacity:1}.control-btn:not(.inactive).sortable-ghost{opacity:1}.control-btn.inactive.sortable-ghost{opacity:.2}}@keyframes date-label-settle{0%{transform:scale(1.02)}to{transform:scale(1)}}@media (orientation: landscape) and (max-height: 500px){*{--ctrl-button-gap: 0px;--cal-size: 50dvh}.calendar-container{align-items:center}.container{padding:8px}.calendar{padding:8px;width:calc(var(--cal-size) + 16px)}body.narrow-mode .calendar{width:calc(var(--cal-size) / 2 + 16px)}body.wide-mode .calendar{width:calc(var(--cal-size) * 2 + 16px)}.boards-container{margin-bottom:8px}.calendar-footer{gap:8px}.refresh-btn{display:none!important}.refresh-btn.mobile-refresh-btn{display:flex!important}}