*{margin:0;padding:0;box-sizing:border-box}html{background:transparent}body{font-family:var(--font-family-base);background:transparent;color:var(--fg-neutral-1-rest);height:100vh;display:flex;flex-direction:column;overflow:hidden;padding-inline-start:var(--shell-start-margin);padding-inline-end:var(--shell-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));transition:padding-inline-start .2s ease,padding-inline-end .2s ease;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}.skin-od4 .time-nav{position:absolute;top:12px;inset-inline-start:28px;z-index:20;height:auto;background:#1e1e1ed9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--surface-stroke-1);border-bottom:1px solid var(--surface-stroke-1);border-radius:16px;padding:4px 6px;gap:var(--spacing-20)}.skin-od4 .time-nav.at-root{display:none}.skin-od4 .time-nav~.time-grid{padding-top:52px}.skin-od4 .time-nav.at-root~.time-grid{padding-top:0}.skin-od4 .time-root-header{display:none;flex-shrink:0}.skin-od4 body:has(.time-nav.at-root) .time-root-header{display:flex}.skin-od4 .time-nav button{font-size:var(--font-size-caption-1);padding:2px 6px}.skin-od4 .time-nav .separator{font-size:var(--font-size-caption-1)}[data-theme=light].skin-od4 .time-nav{background:#f0f0f0d9;border-color:#0000001a}.time-nav{height:50px;background:var(--bg-neutral-2-rest);border-bottom:1px solid var(--stroke-neutral-1-rest);display:flex;align-items:center;padding:0 var(--spacing-200);gap:6px;flex-shrink:0}.time-nav button.current{color:var(--fg-neutral-1-rest);cursor:default}.time-nav .separator{color:var(--fg-neutral-placeholder-rest);font-size:var(--font-size-body-1);user-select:none}.time-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.time-loading .spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--stroke-neutral-1-rest);border-top-color:var(--fg-brand-1-rest);border-radius:var(--radius-circular);animation:spin .8s linear infinite}.time-loading p{margin-top:var(--spacing-120);color:var(--fg-neutral-5-rest);font-size:var(--font-size-body-1)}@keyframes spin{to{transform:rotate(360deg)}}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:min-content;gap:var(--spacing-200);padding:0 0 var(--spacing-240);overflow-y:auto;flex:1;align-content:start}.time-grid-title{grid-column:1 / -1;padding-top:var(--spacing-200);font-size:var(--font-size-title-3);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-2-rest);letter-spacing:.5px}.skin-od4 .time-grid-title{padding-top:0;font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-4-rest);letter-spacing:normal}.time-grid.hidden{display:none}.time-card{position:relative;background:var(--bg-neutral-2-rest);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:cardEnter .4s ease-out both;will-change:transform;display:flex;flex-direction:column}[data-theme=light] .time-card{border:1px solid rgba(0,0,0,.08)}.time-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #7b9dff26}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.time-card-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing-20);aspect-ratio:3 / 2;background:var(--bg-neutral-5-rest);flex-shrink:0;overflow:hidden}.time-card-mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;opacity:0;transition:opacity .3s ease;background:var(--bg-neutral-5-rest)}.time-card-mosaic-overlay{position:absolute;top:0;left:0;right:0;padding:10px 12px;background:linear-gradient(rgba(0,0,0,.6),transparent);font-size:var(--font-size-title-2);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-inverted-rest);pointer-events:none;letter-spacing:.5px;z-index:1}.time-card-mosaic img.loaded{opacity:1}.time-card-info{padding:14px 16px}.time-card-label{font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);margin-bottom:var(--spacing-40)}.time-card-count{font-size:var(--font-size-body-1);color:var(--fg-brand-1-rest);font-weight:var(--font-weight-subtitle-2)}.time-card.season-winter{border-top:3px solid var(--fg-brand-1-rest)}.time-card.season-spring{border-top:3px solid var(--fg-status-success-1)}.time-card.season-summer,.time-card.season-fall{border-top:3px solid var(--fg-status-warning-1)}.time-gallery{flex:1;display:none}.time-gallery.active{display:flex}.time-gallery iframe{flex:1;width:100%;height:100%;border:none}.fade-out{animation:fadeOut .2s ease forwards}.fade-in{animation:fadeIn .2s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#selection-ring{position:absolute;pointer-events:none;border:3px solid var(--fg-brand-1-rest);box-shadow:0 0 0 1px #00000080,0 0 12px #7b9dff4d;z-index:60;display:none}#info-btn{position:absolute;width:18px;height:18px;z-index:70;cursor:pointer;display:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7));opacity:.85;transition:opacity .1s}#info-btn:hover{opacity:1}.time-card-mosaic{position:relative}.time-card-mosaic img{cursor:pointer}