.history-guide .history-timeline{list-style:none;margin:1.5rem 0;padding:1.2rem;background:#152d3b;border-radius:18px;box-shadow:0 16px 35px #1d384233}.history-timeline li{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;position:relative;padding:1rem .5rem 1.5rem 1.5rem;color:#f5f8f4;border-left:2px solid #4aa3cb}.history-timeline li:before{content:"";position:absolute;left:-8px;top:1.38rem;width:13px;height:13px;border-radius:50%;background:#5db4dc;box-shadow:0 0 0 5px #17394d}.history-timeline li:last-child{padding-bottom:.5rem}.history-timeline h3{color:#fff;margin:0 0 .3rem}.history-timeline p{color:#dae8e4;margin:0}.history-year{color:#93e2a9;font-weight:800;letter-spacing:.02em}.history-before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-before-after>div{padding:1.25rem;border:1px solid #cad8d0;border-radius:14px;box-shadow:0 12px 24px #2841391c}.history-old{background:#172c29;color:#e2f0d8}.history-now{background:#ecf5ef}.history-mini{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:1rem auto}.history-mini span{display:grid;place-items:center;width:var(--history-size,56px);height:calc(var(--history-size,56px) * 1.18);font:700 calc(var(--history-size,56px) * .45)/1 Georgia,serif}.history-old .history-mini span,.history-demo-board[data-skin="pixel"] .history-mini span{background:#1e3b32;border:2px solid #a2c59b;color:#f7ecc7;box-shadow:3px 3px 0 #0b1714;font-family:monospace}.history-now .history-mini span,.history-demo-board[data-skin="modern"] .history-mini span{background:linear-gradient(135deg,#fff,#eee9d5);border:1px solid #b8aa8a;border-radius:7px;color:#21382e;box-shadow:3px 6px 0 #c9b996,5px 10px 12px #223a365c}.history-interactive{padding:1.2rem;border:1px solid #c6d8cc;border-radius:16px;background:#f7faf7;box-shadow:0 12px 24px #2841391c}.history-controls{display:flex;gap:.5rem;flex-wrap:wrap}.history-controls button{border:1px solid #98baa7;background:#fff;border-radius:10px;padding:.6rem .8rem;color:#193a2d;cursor:pointer}.history-controls button[aria-pressed="true"]{background:#166b43;color:white;border-color:#166b43}.history-demo-board{padding:1rem;border-radius:12px;margin:1rem 0;min-height:150px;display:grid;place-items:center;transition:background .15s}.history-demo-board[data-skin="pixel"]{background:#12312c}.history-demo-board[data-skin="windows"]{background:#b8c5ca;border:5px ridge #e1e6e8}.history-demo-board[data-skin="windows"] .history-mini span{background:#e9dfbf;border:2px outset #fff;color:#183c59;box-shadow:2px 3px 0 #6f818c}.history-demo-board[data-skin="modern"]{background:#e3eee5}.history-demo-board.history-mark .history-mini span{animation:history-glow .36s ease-out}@keyframes history-glow{50%{outline:3px solid #59a9dd}}.history-interactive label{display:inline-flex;align-items:center;gap:.4rem;margin:.3rem 1rem .3rem 0;font-size:.94rem}@media(max-width:650px){.history-timeline li{grid-template-columns:1fr;gap:.2rem}.history-before-after{grid-template-columns:1fr}.history-mini span{width:min(var(--history-size,56px),18vw);height:calc(min(var(--history-size,56px),18vw) * 1.18)}}@media(prefers-reduced-motion:reduce){.history-demo-board,.history-demo-board.history-mark .history-mini span{transition:none;animation:none}}