:root{--transition-duration: .2s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}#page__play{padding:3rem 1rem;background:var(--page-background-color--simple);min-height:100vh;box-sizing:border-box}.vignette-collection{width:100%;max-width:1200px;margin:0 auto}.daily-vignette{position:relative;background:rgba(var(--page-background-color--dark-rgb),.85);border-radius:1rem;padding:2rem;overflow:hidden;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff1a;transition:transform var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing);cursor:pointer}.daily-vignette:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 16px #0000004d,inset 0 1px #ffffff26}.daily-vignette:active{transform:translateY(-2px) scale(.99)}.daily-vignette header{text-align:center;margin-bottom:1.5rem}.daily-vignette header h3{font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.1em;color:var(--page-accent-color--main);margin:0 0 .5rem}.daily-vignette header h4{font-size:1.4rem;color:var(--page-text-color--visible);margin:0 0 .25rem}.daily-vignette header p{font-size:1rem;color:var(--page-text-color--visible);margin:0;line-height:1.4}.daily-vignette article{width:100%}.vignette-widget{background:#ffffff1a;border-radius:.75rem;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:auto}.vignette-widget .widget-title{margin:0;font-size:1.1rem;color:var(--page-text-color--visible)}.todo-counter-widget .todo-count{font-family:monospace;font-size:2rem;color:var(--page-text-color--visible)}.todo-counter-widget .items-list{width:100%;padding-left:0;margin:0;list-style:none}.todo-counter-widget .items-list__item{margin:.25rem 0;font-size:1.9rem;font-weight:700;color:var(--page-text-color--visible);transition:color var(--transition-duration) var(--transition-easing);cursor:pointer}.todo-counter-widget .items-list__item:hover{background:var(--page-accent-color--dark-hover);transition:background var(--transition-duration) var(--transition-easing)}.todo-counter-widget .todo-input,.todo-counter-widget .items-input{width:100%;padding:.5rem .75rem;font-size:.95rem;color:var(--page-text-color--visible);background:#ffffff26;border:none;border-radius:.5rem;text-align:center;transition:background var(--transition-duration),box-shadow var(--transition-duration);cursor:text}.todo-counter-widget .todo-input::placeholder,.todo-counter-widget .items-input::placeholder{color:var(--page-text-color--visible)}.todo-counter-widget .todo-input:focus,.todo-counter-widget .items-input:focus{background:#ffffff40;outline:none;box-shadow:0 0 0 3px var(--page-accent-color--festive)}.todo-counter-widget .button-group,.todo-counter-widget .todo-button-group{display:flex;gap:1rem;margin-top:.5rem}.todo-counter-widget .btn{padding:.5rem 1.25rem;font-size:1rem;color:var(--page-text-color--visible);border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform var(--transition-duration) var(--transition-easing),filter var(--transition-duration) var(--transition-easing)}.todo-counter-widget .btn:focus-visible{outline:2px solid var(--page-accent-color--festive);outline-offset:2px}.todo-counter-widget .btn:active{transform:scale(.98);filter:brightness(.9)}.todo-counter-widget .btn--increment{background:var(--page-accent-color--boon)}.todo-counter-widget .btn--increment:hover{transform:translateY(-2px);filter:brightness(1.1)}.todo-counter-widget .btn--decrement{background:var(--page-accent-color--bane)}.todo-counter-widget .btn--decrement:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.todo-counter-widget .btn--decrement:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.color-swatch-widget .color-input{width:2.75rem;height:2.75rem;padding:0;border:none;background:transparent;cursor:pointer;transition:transform var(--transition-duration) var(--transition-easing)}.color-swatch-widget .color-input:hover{transform:scale(1.05)}.color-swatch-widget .color-input:focus-visible{outline:2px solid var(--page-accent-color--main);outline-offset:2px}.color-swatch-widget .color-preview{width:4rem;height:4rem;border-radius:.5rem;border:2px solid var(--page-text-color--visible);box-shadow:inset 0 1px 2px #0003;pointer-events:none}.spinner-widget{display:flex;gap:.6rem;margin-top:.5rem}.spinner-widget .dot{width:.7rem;height:.7rem;background:var(--page-accent-color--main);border-radius:50%;animation:bounce 1.4s infinite ease-in-out;pointer-events:none}.spinner-widget .dot--one{animation-delay:-.32s}.spinner-widget .dot--two{animation-delay:-.16s}.spinner-widget .dot--three{animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.div-hover{transition:transform var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing)}.div-hover:hover{transform:perspective(100px) rotateX(5deg) scale(1.05);background:rgba(var(--page-background-color--dark-rgb),.3);cursor:pointer}