.timeline-scrolly{--steps: 1;--step-size: 58vh;--pebble-case: #1a1c1f;--pebble-case-hi: #2a2e33;--pebble-case-lo: #0d0e10;--pebble-bezel: #0a0b0d;--pebble-lcd: #0c1014;--pebble-lcd-ink: #e8edf2;--pebble-lcd-dim: #8b98a8;--pebble-orange: #ff6a00;--pebble-red: #e23b2e;position:relative;height:calc(var(--steps) * var(--step-size))}.timeline-scrolly.is-compact{--step-size: 42vh}.timeline-scrolly.is-static{height:auto}.timeline-pin{position:sticky;top:var(--nav-h);height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;gap:.75rem;z-index:2;padding:.35rem 0 .75rem}.timeline-scrolly.is-static .timeline-pin{position:relative;top:auto;height:auto}.timeline-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;flex-shrink:0}.era-filters{display:flex;flex-wrap:wrap;gap:.45rem}.era-filters button{appearance:none;border:1px solid var(--line);background:#ffffff08;color:var(--muted);border-radius:999px;padding:.45rem .85rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.era-filters button.is-active,.era-filters button:hover{color:var(--ink);border-color:transparent}.era-filters button[data-era=all].is-active,.era-filters button[data-era=all]:hover{background:var(--paper)}.era-filters button[data-era=origin].is-active,.era-filters button[data-era=origin]:hover{background:var(--orange)}.era-filters button[data-era=classic].is-active,.era-filters button[data-era=classic]:hover{background:var(--cyan)}.era-filters button[data-era=winter].is-active,.era-filters button[data-era=winter]:hover{background:#8b9bb4}.era-filters button[data-era=revival].is-active,.era-filters button[data-era=revival]:hover{background:linear-gradient(90deg,var(--orange),var(--cyan))}.timeline-progress{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.04em}.timeline-progress [data-progress-index]{color:var(--orange)}.timeline-progress-sep{margin:0 .2rem;opacity:.5}.pebble-stage{--watch-h: min(calc(100svh - var(--nav-h) - 6.5rem), 580px);position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.25rem 0}.timeline-years{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;list-style:none;margin:0;padding:.35rem .15rem;width:3.75rem;height:min(var(--watch-h),100%);max-height:var(--watch-h);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,106,0,.45) transparent}.timeline-years li.is-hidden{display:none}.tl-year-btn{appearance:none;width:100%;border:0;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;text-align:right;padding:.38rem .35rem;cursor:pointer;border-radius:6px;transition:color .15s ease,background .15s ease}.tl-year-btn:hover{color:var(--paper);background:#ffffff0a}.tl-year-btn.is-active{color:var(--pebble-orange);background:#ff6a001a}.tl-year-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.pebble-watch{position:relative;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0;margin:0 auto;filter:drop-shadow(0 28px 40px rgba(0,0,0,.55));transform-origin:center}.pebble-watch:before,.pebble-watch:after{content:"";position:absolute;left:50%;width:42%;height:18px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent),#141618;border:1px solid rgba(255,255,255,.06);z-index:0;pointer-events:none}.pebble-watch:before{top:-10px;border-radius:8px 8px 0 0}.pebble-watch:after{bottom:-10px;border-radius:0 0 8px 8px}.pebble-case{--case-max-w: min(86vw, 360px);position:relative;z-index:1;aspect-ratio:.78;height:min(var(--watch-h),calc(var(--case-max-w) / .78));width:auto;max-width:var(--case-max-w);padding:clamp(10px,1.6vw,16px);border-radius:clamp(28px,4vw,44px);background:linear-gradient(145deg,var(--pebble-case-hi),var(--pebble-case) 40%,var(--pebble-case-lo));box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 6px #0000008c,0 2px #050505}.pebble-bezel{height:100%;border-radius:30px;padding:10px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 55%),var(--pebble-bezel);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 8px 18px #000000a6}.pebble-screen{position:relative;height:100%;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:var(--pebble-lcd);color:var(--pebble-lcd-ink);box-shadow:inset 0 0 0 2px #050607,inset 0 0 40px #0000008c;outline:none}.pebble-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%,transparent 82%,rgba(0,0,0,.25)),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 3px);mix-blend-mode:soft-light;opacity:.7}.pebble-screen.is-flash .pebble-pin.is-now{animation:pebble-pin-in .28s ease}@keyframes pebble-pin-in{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pebble-status{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;padding:.55rem .7rem .4rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--pebble-lcd-dim);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.pebble-status-time{justify-self:start;color:var(--pebble-lcd-ink);font-weight:500}.pebble-status-brand{justify-self:center;color:var(--pebble-red);font-weight:700;letter-spacing:.18em;font-size:.58rem}.pebble-status-batt{justify-self:end;color:var(--pebble-orange)}.pebble-pins{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.45rem;padding:.55rem .55rem .35rem}.pebble-pin{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.45rem;align-items:start}.pebble-pin.is-prev,.pebble-pin.is-next{opacity:.42;font-family:var(--font-mono);font-size:.62rem;color:var(--pebble-lcd-dim);padding:0 .15rem;display:flex;gap:.45rem;align-items:baseline}.pebble-pin.is-prev[hidden],.pebble-pin.is-next[hidden]{display:none}.pebble-pin-year{color:var(--pebble-orange);min-width:2.4rem}.pebble-pin-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pebble-pin-axis{position:relative;display:flex;justify-content:center;padding-top:.55rem;min-height:100%}.pebble-pin-axis:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18) 20%,rgba(255,255,255,.18) 80%,transparent)}.pebble-dot{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--pebble-orange);box-shadow:0 0 0 3px #ff6a0033}.pebble-dot[data-era=classic]{background:var(--cyan);box-shadow:0 0 0 3px #27d0ff33}.pebble-dot[data-era=winter]{background:#8b9bb4;box-shadow:0 0 0 3px #8b9bb438}.pebble-dot[data-era=revival]{background:var(--good);box-shadow:0 0 0 3px #3dff9a2e}.pebble-pin-card{padding:.55rem .6rem .65rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-width:0}.pebble-pin-meta{margin:0 0 .35rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pebble-lcd-dim)}.pebble-pin-meta [data-detail-era]{color:var(--cyan)}.pebble-pin-sep{margin:0 .2rem;opacity:.5}.pebble-pin-card h2{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.15;color:var(--pebble-lcd-ink)}.pebble-pin-body{margin:0;font-size:clamp(.72rem,1.5vw,.84rem);line-height:1.4;color:var(--pebble-lcd-dim);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.pebble-pin-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.pebble-pin-links:empty{display:none}.pebble-pin-links a{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--pebble-lcd);background:var(--pebble-orange);padding:.28rem .45rem;border-radius:4px}.pebble-pin-links a:hover{filter:brightness(1.08)}.pebble-hint{position:relative;z-index:1;margin:0;padding:.35rem .7rem .55rem;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:#8b98a8bf;text-align:center;flex-shrink:0}.pebble-hw{appearance:none;border:0;padding:0;cursor:pointer;background:linear-gradient(90deg,#3a3f46,#1c1f24 40%,#0f1114);box-shadow:inset 0 1px #fff3,1px 1px 2px #0000008c;transition:transform .08s ease,filter .08s ease;z-index:2}.pebble-hw:active{transform:scaleX(.92);filter:brightness(.85)}.pebble-hw:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pebble-hw-back{width:10px;height:42px;border-radius:4px 0 0 4px;margin-right:-2px}.pebble-hw-col{display:flex;flex-direction:column;justify-content:center;gap:14px;margin-left:-2px;z-index:2}.pebble-hw-up,.pebble-hw-down{width:11px;height:38px;border-radius:0 4px 4px 0}.pebble-hw-select{width:12px;height:28px;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#4a5058,#22262c 40%,#121417)}.timeline-scrolly.is-locked .pebble-case{box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 6px #0000008c,0 2px #050505,0 0 0 1px #27d0ff2e,0 0 28px #ff6a001f}@media(max-width:800px){.timeline-scrolly{--step-size: 48vh}.timeline-scrolly.is-compact{--step-size: 36vh}.pebble-stage{--watch-h: min(calc(100svh - var(--nav-h) - 5.75rem), 540px)}.timeline-years{width:3.15rem}.pebble-case{--case-max-w: min(78vw, 310px)}.pebble-bezel{border-radius:24px;padding:8px}.pebble-screen{border-radius:14px}.pebble-pin-body{-webkit-line-clamp:5}.tl-year-btn{font-size:.7rem;padding:.32rem .15rem}}@media(max-width:480px){.pebble-stage{--watch-h: min(calc(100svh - var(--nav-h) - 5.25rem), 500px)}.pebble-case{--case-max-w: min(84vw, 300px)}.pebble-pin.is-prev,.pebble-pin.is-next{display:none}.pebble-pin-body{-webkit-line-clamp:4}}@media(prefers-reduced-motion:reduce){.pebble-screen.is-flash .pebble-pin.is-now{animation:none}}