:root{--spacing-base:1.7em;--font-family-mono:monospace;--font-size-base:1.3em;--font-size-small:0.95em;--font-size-code:0.85em;--spacing-xs:calc(var(--spacing-base) * 0.25);--spacing-sm:calc(var(--spacing-base) * 0.5);--spacing-md:var(--spacing-base);--spacing-lg:calc(var(--spacing-base) * 2);--bg-h:210;--bg-s:10%;--bg-l:91%;--color-bg-primary:hsl(var(--bg-h) var(--bg-s) var(--bg-l));--color-bg-lighten:hsl(var(--bg-h) var(--bg-s) calc(var(--bg-l) + 7%));--color-bg-secondary:hsl(var(--bg-h) var(--bg-s) calc(var(--bg-l) - 5%));--color-border:hsl(var(--bg-h) var(--bg-s) calc(var(--bg-l) - 6%));--color-selection-bg:hsl(var(--bg-h) var(--bg-s) calc(var(--bg-l) - 13%));--color-active:#2d78baaf;--color-text-primary:hsl(
    var(--bg-h) var(--bg-s) clamp(8%, calc(100% - var(--bg-l)), 90%)
  );--color-text-muted:hsl(
    var(--bg-h) var(--bg-s) clamp(30%, calc(85% - var(--bg-l)), 75%)
  );--color-text-code:hsl(
    var(--bg-h) var(--bg-s) clamp(20%, calc(90% - var(--bg-l)), 85%)
  );--container-width:64ch;--pre-border-radius:0.75rem;--inline-border-radius:0.375rem;--gap-base:1em;--gap-small:0.5em;--breakpoint-mobile:600px}html,body{height:100vh;width:100vw;background-color:var(--color-bg-primary);font-family:courier new,Courier,monospace}main#main-content{display:flex;width:100vw;min-height:100vh;justify-content:center;align-items:center}.calendar-container{width:78vw;position:relative}.calendar-header{display:flex;align-items:flex-start;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding-bottom:0;position:relative}.date-selector-wrapper{position:relative;z-index:200}.date-trigger{background:0 0;border:none;padding:0;cursor:pointer;display:flex;align-items:baseline;gap:var(--spacing-xs);color:var(--color-text-primary);font-family:inherit}.big-date{font-size:3rem;font-weight:300;letter-spacing:-2px}.chevron{font-size:.8rem;opacity:.5;transition:transform .3s ease}.date-dropdown{position:absolute;top:100%;left:0;background:var(--color-bg-primary);border:1px solid var(--color-text-primary);padding:15px;display:none;box-shadow:10px 10px 0 var(--color-text-primary);margin-top:10px}.date-dropdown.show{display:block}.selector-columns{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);padding-bottom:10px}.opt{padding:5px 10px;cursor:pointer;font-family:courier new,monospace}.opt:hover{background:var(--color-selection-bg)}.opt.active{background:var(--color-text-primary);color:var(--color-bg-primary)}.go-btn{width:100%;margin-top:10px;background:0 0;border:1px solid var(--color-text-primary);padding:5px;cursor:pointer;font-size:.7rem;font-weight:700}.go-btn:hover{background:var(--color-text-primary);color:var(--color-bg-primary)}.week-row{display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:10px;color:var(--color-text-primary);font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.week-row div{padding-left:5px}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,1fr);min-height:0;flex-grow:1;background-color:var(--color-bg-primary);border-top:1px solid var(--color-text-primary);border-left:1px solid var(--color-text-primary)}.day-cell{position:relative;height:auto;border-right:1px solid var( --color-text-primary);border-bottom:1px solid var( --color-text-primary)}.day-cell.empty{background-color:var(--color-bg-secondary)}.day-number{position:absolute;top:6px;left:8px;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);z-index:5}.photo-sticker{display:block;width:85%;margin:25px auto 0;background:#f0f0f0;padding:5px 5px 15px;box-shadow:1px 2px 10px rgba(0,0,0,.3);transition:all .3s ease;text-decoration:none;color:var(--color-text-primary);position:relative;transform-origin:center;z-index:20}.photo-sticker img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:contrast(1.1)brightness(.95)}.photo-sticker .caption{font-size:var(--font-size-small);text-align:center;display:block;margin-top:6px;font-family:courier new,monospace;color:var(--color-text-primary);line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-sticker:hover{transform:scale(1.015)rotate(0)!important;z-index:100;box-shadow:0 10px 25px rgba(0,0,0,.4)}.rotate-left{transform:rotate(-3deg)}.rotate-right{transform:rotate(2deg)}.rotate-center{transform:rotate(0)}.rotate-wild{transform:rotate(5deg)}.lightbox-dialog{border:none!important;padding:0!important;background:0 0!important;max-width:95vw;max-height:95vh;outline:none;margin:auto;overflow:visible;transition:opacity .4s ease-out,transform .4s ease-out,display .4s allow-discrete;opacity:0;transform:scale(.9)}.lightbox-dialog[open]{opacity:1;transform:scale(1)}@starting-style{.lightbox-dialog[open] {
        opacity: 0;
        transform: scale(0.9);
    }
}.lightbox-dialog::backdrop{background:0 0;backdrop-filter:blur(0);transition:display .4s allow-discrete,background-color .4s ease-out,backdrop-filter .4s ease-out}.lightbox-dialog[open]::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}@starting-style{.lightbox-dialog[open]::backdrop {
        background: rgba(0, 0, 0, 0);
        backdrop-filter: blur(0px);
    }
}.lightbox-content{display:flex;flex-direction:column;align-items:center;position:relative;width:fit-content}#lightbox-img{display:block;max-width:90vw;max-height:70vh;object-fit:contain;background-color:#fff;border:12px solid #fff;border-bottom:none;box-shadow:0 20px 50px rgba(0,0,0,.5)}.lightbox-info{background:#fff;width:100%;padding:15px 20px 25px;box-sizing:border-box;text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.5)}#lightbox-caption{margin:0;font-size:1.2rem;font-weight:600;color:#333}.nav-arrow-wrapper{position:absolute;overflow:visible;z-index:9999}.nav-arrow{position:fixed!important;top:50%;left:6%;transform:translateY(-50%);display:flex;opacity:.5;text-decoration:none;transition:all .4s ease;cursor:pointer}.nav-arrow:hover{opacity:1}.tri-svg{width:24px;display:inline-block;color:#333}.tri-spin-slow{animation:tri-spin 4s linear infinite}.tri-spin-fast{animation:tri-spin 1s linear infinite}@keyframes tri-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}