.comic-timeline{--timeline-bg:#fff7ee;--timeline-panel:#fffaf5;--timeline-ink:#2d1846;--timeline-outline:#2d1846;--timeline-shadow:#8059a3;--timeline-today-panel:#edf8ef;color:var(--timeline-ink);background:var(--timeline-bg);padding:0 0 12px}.dark .comic-timeline{--timeline-bg:#160d20;--timeline-panel:#291a39;--timeline-ink:#fff7ee;--timeline-outline:#dcc7ff;--timeline-shadow:#5c2b80;--timeline-today-panel:#1c2b29}.timeline-hero{isolation:isolate;text-align:center;background-position:50%;background-size:cover;padding:28px 24px 26px;position:relative;overflow:hidden}.timeline-hero-with-image:before{content:"";z-index:-1;background:var(--timeline-bg);opacity:.86;position:absolute;inset:0}.timeline-hero-content{position:relative}.timeline-agenda-label{color:#2d1846;box-shadow:5px 6px 0 var(--timeline-shadow);background:#bde8ce;border:2px solid #2d1846;margin:0 auto 14px 0;padding:7px 17px;font-size:clamp(.85rem,1.8vw,1.2rem);font-style:italic;font-weight:900;line-height:1.2;display:table;transform:rotate(-2deg)}.timeline-hero h1{letter-spacing:-.065em;margin:20px 0 10px;font-size:clamp(3rem,7.1vw,6rem);font-weight:900;line-height:1}.timeline-hero h1 em{color:#bde8ce;text-shadow:4px 4px #593274;font-style:italic}.light .timeline-hero h1 em{color:#bde8ce;-webkit-text-stroke:1px #2d1846;paint-order:stroke fill;text-shadow:3px 3px #2d1846}.timeline-hero p{max-width:900px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:600;line-height:1.35}.timeline-week-bar{border:3px solid var(--timeline-outline);background:var(--timeline-panel);box-shadow:7px 7px 0 var(--timeline-shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px 10px 24px;display:flex}.timeline-week-range{align-items:center;gap:16px;font-size:clamp(1.15rem,2.4vw,1.8rem);font-weight:900;display:flex}.timeline-week-range svg{width:34px;height:34px;color:var(--timeline-outline)}.timeline-week-controls{flex-shrink:0;align-items:center;gap:9px;display:flex}.timeline-week-controls button{min-width:48px;height:48px;color:var(--timeline-ink);background:var(--timeline-bg);border:3px solid var(--timeline-outline);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:1.15rem;font-weight:900;transition:transform .15s;display:inline-flex}.timeline-week-controls button:hover,.timeline-off a:hover{transform:translateY(-2px)}.timeline-week-controls button:active,.timeline-off a:active{transform:translateY(1px)}.timeline-week-controls .timeline-week-today{color:#2d1846;background:#bde8ce;border-color:#2d1846;padding:0 19px;font-style:italic}.timeline-days{gap:20px;margin-top:34px;display:grid}.timeline-day{border:3px solid var(--timeline-outline);background:var(--timeline-panel);border-radius:18px;grid-template-columns:165px minmax(0,1fr);gap:24px;padding:20px;display:grid}.timeline-day-today{background:var(--timeline-today-panel);border-color:#bde8ce}.timeline-date{border-right:3px solid var(--timeline-outline);text-align:center;flex-direction:column;align-items:center;gap:11px;padding:10px 20px 10px 0;display:flex}.timeline-day-today .timeline-date{border-color:#bde8ce}.timeline-day-label,.timeline-today-label{color:#2d1846;text-transform:uppercase;background:#dcc7ff;border:2px solid #2d1846;width:100%;padding:5px 9px;font-size:clamp(.85rem,1.4vw,1.15rem);font-style:italic;font-weight:900;line-height:1.1;display:block;transform:rotate(-5deg);box-shadow:4px 4px #2d1846}.timeline-today-label{background:#bde8ce;width:auto;min-width:90px}.timeline-date-number{text-transform:uppercase;flex-direction:column;align-items:center;font-style:italic;font-weight:900;line-height:.88;display:flex}.timeline-date-number strong{letter-spacing:-.07em;font-size:clamp(4.5rem,7vw,6.3rem)}.timeline-date-number span{font-size:1.8rem}.timeline-day-content{align-self:center;min-width:0}.timeline-cards{grid-template-columns:repeat(auto-fill,minmax(160px,215px));align-items:start;gap:18px;display:grid}.timeline-card{border:4px solid var(--timeline-ink);background:var(--timeline-panel);border-radius:16px;min-width:0;position:relative;overflow:visible;box-shadow:5px 6px #a979d1,7px 8px #2d1846}.timeline-card-editable{cursor:grab}.timeline-card-editable:active{cursor:grabbing}.timeline-card-dragging{opacity:.5}.timeline-card-over{outline-offset:5px;outline:3px solid #bde8ce}.timeline-card-art{aspect-ratio:4/4.6;background:#291a39;border-radius:10px 10px 0 0;position:relative;overflow:hidden}.timeline-card-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.timeline-card-art-watched img{opacity:.55;filter:grayscale(.7)}.timeline-cover-placeholder{color:#dcc7ff;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:.75rem;font-weight:800;display:flex}.timeline-category{z-index:1;overflow-wrap:anywhere;color:#2d1846;background:#dcc7ff;border:2px solid #2d1846;border-radius:12px;max-width:90%;padding:4px 11px;font-size:clamp(.8rem,1.3vw,1rem);font-style:italic;font-weight:900;line-height:1.1;position:absolute;top:-10px;right:3px;box-shadow:2px 3px #2d1846}.timeline-category-film{background:#ffc3a1}.timeline-card-title{border-top:3px solid var(--timeline-ink);min-height:48px;color:var(--timeline-ink);text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:8px;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:900;line-height:1.15;display:flex}.timeline-completed{pointer-events:none;color:#160d20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timeline-completed span{background:#bde8ce;border:3px solid #160d20;border-radius:50%;place-items:center;width:49px;height:49px;display:grid}.timeline-completed b{background:#bde8ce;border:2px solid #160d20;padding:3px 9px;font-size:clamp(.85rem,1.5vw,1.1rem);font-style:italic;font-weight:900;transform:rotate(-7deg);box-shadow:3px 3px #160d20}.timeline-grip{color:#fff;background:#2d1846;border-radius:4px;place-items:center;padding:3px;display:grid;position:absolute;top:7px;left:7px}.timeline-card-actions{opacity:0;background:#160d20bd;border-radius:10px;justify-content:center;align-items:center;gap:8px;transition:opacity .15s;display:flex;position:absolute;inset:0}.timeline-card:hover .timeline-card-actions,.timeline-card:focus-within .timeline-card-actions{opacity:1}.timeline-card-actions button{color:#2d1846;cursor:pointer;background:#fff7ee;border:2px solid #2d1846;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.timeline-card-actions button:last-child{background:#ffc3a1}.timeline-add{border:2px dashed var(--timeline-outline);min-height:150px;color:var(--timeline-ink);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.timeline-off{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:6px 10px;display:flex}.timeline-off h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;line-height:1.05}.timeline-off h2 span{color:#8acaa7;font-size:.65em;font-style:italic;display:inline-block;transform:rotate(-14deg)}.timeline-off p{margin:8px 0 16px;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:600}.timeline-off a{color:#2d1846;background:#dcc7ff;border:2px solid #2d1846;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:9px 22px;font-size:1.1rem;font-weight:900;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:5px 6px #70419a}.timeline-off+.timeline-cards:empty{display:none}.timeline-loading{justify-content:center;align-items:center;gap:10px;min-height:180px;margin-top:34px;font-weight:800;display:flex}.comic-timeline button:focus-visible,.comic-timeline a:focus-visible{outline-offset:3px;outline:3px solid #a971d5}@media (hover:none){.timeline-card-actions{opacity:1;background:0 0;padding:7px;position:static}}@media (width<=700px){.timeline-hero{padding:25px 4px 24px}.timeline-agenda-label{margin-left:5px;font-size:.8rem}.timeline-hero h1{font-size:clamp(2.55rem,10.5vw,4.2rem)}.timeline-week-bar{gap:8px;padding:10px}.timeline-week-range{gap:7px;font-size:clamp(.9rem,4vw,1.2rem)}.timeline-week-range svg{flex-shrink:0;width:25px;height:25px}.timeline-week-controls{gap:5px}.timeline-week-controls button{border-width:2px;min-width:42px;height:44px;padding:0 6px}.timeline-week-controls .timeline-week-today{padding:0 10px}.timeline-days{gap:16px;margin-top:26px}.timeline-day{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.timeline-date{border-right:0;border-bottom:2px solid var(--timeline-outline);flex-flow:wrap;justify-content:flex-start;align-items:center;gap:14px;padding:0 0 15px}.timeline-day-label,.timeline-today-label{width:auto;min-width:0;font-size:.85rem}.timeline-date-number{flex-direction:row;align-items:baseline;gap:6px}.timeline-date-number strong{font-size:2.8rem}.timeline-date-number span{font-size:1.1rem}.timeline-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeline-card-title{font-size:.9rem}.timeline-off{min-height:145px}}@media (width<=400px){.timeline-week-bar{flex-wrap:wrap}.timeline-week-controls{margin-left:auto}.timeline-date{gap:9px}.timeline-day{padding:12px}}