.cheat-sheet-page{min-height:100vh;background:linear-gradient(to bottom,var(--background-dark,#1a1a2e),#0f0f1a);padding:2rem 1rem}.cheat-sheet-container{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary,rgba(255,255,255,.7));text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:var(--primary-color,#4d88ff)}.page-header h1{font-size:2.5rem;color:var(--text-primary,#fff);margin:0 0 1rem}.page-subtitle{color:var(--text-secondary,rgba(255,255,255,.7));font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.page-review{margin:.75rem auto 0;color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.5}.page-review a{color:#8fb5ff}.page-review a:hover{color:#b8d0ff}.timing-data-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:1.75rem;gap:1.75rem;align-items:center;margin:1rem 0 3rem;padding:1.5rem;background:radial-gradient(circle at 0 100%,rgba(77,136,255,.15),transparent 45%),rgba(16,26,48,.92);border:1px solid rgba(143,181,255,.28);border-radius:12px}.timing-data-copy{min-width:0}.timing-data-eyebrow{display:block;margin-bottom:.4rem;color:#8fb5ff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timing-data-panel h2{margin:0 0 .55rem;color:var(--text-primary,#fff);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2}.timing-data-panel p{max-width:760px;margin:0;color:var(--text-secondary,rgba(255,255,255,.72));font-size:.9rem;line-height:1.6}.timing-data-panel .timing-data-caveat{margin-top:.65rem;color:rgba(255,255,255,.58);font-size:.8rem}.timing-data-actions{display:grid;min-width:250px;grid-gap:.65rem;gap:.65rem}.timing-data-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;color:#fff;background:rgba(77,136,255,.16);border:1px solid rgba(143,181,255,.36);border-radius:8px;font-size:.86rem;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.timing-data-actions a:hover{background:rgba(77,136,255,.26);border-color:rgba(143,181,255,.58);transform:translateY(-1px)}.timing-data-actions a:focus-visible{outline:3px solid rgba(143,181,255,.8);outline-offset:3px}.timing-data-actions span{color:rgba(255,255,255,.52);font-size:.7rem;line-height:1.4;text-align:center}.timing-api-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);grid-gap:1rem 1.5rem;gap:1rem 1.5rem;margin:-1rem 0 3rem;padding:1.5rem;background:rgba(10,18,34,.94);border:1px solid rgba(34,211,238,.24);border-radius:12px}.timing-api-copy,.timing-api-note{grid-column:1/-1}.timing-api-eyebrow{display:block;margin-bottom:.4rem;color:#67e8f9;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timing-api-panel h2,.timing-api-panel h3{color:var(--text-primary,#fff)}.timing-api-panel h2{margin:0 0 .55rem;font-size:clamp(1.2rem,2vw,1.55rem)}.timing-api-panel h3{margin:0 0 .7rem;font-size:.92rem}.timing-api-copy p,.timing-api-note{margin:0;color:var(--text-secondary,rgba(255,255,255,.72));font-size:.88rem;line-height:1.6}.timing-api-facts{display:grid;grid-gap:.65rem;gap:.65rem;margin:0}.timing-api-facts>div{min-width:0;padding:.75rem .85rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:8px}.timing-api-facts dt{margin-bottom:.3rem;color:rgba(255,255,255,.54);font-size:.68rem;font-weight:700;text-transform:uppercase}.timing-api-facts dd{margin:0;color:#e6fbff;font-size:.78rem;overflow-wrap:anywhere}.timing-api-example,.timing-api-fields{min-width:0;padding:1rem;background:rgba(3,10,22,.68);border:1px solid rgba(34,211,238,.14);border-radius:8px}.timing-api-example pre{max-width:100%;margin:0;padding:.9rem;overflow-x:auto;color:#d8f9ff;background:#060d19;border-radius:6px;font-size:.75rem;line-height:1.55}.timing-api-fields ul{display:grid;grid-gap:.45rem;gap:.45rem;margin:0;padding-left:1.1rem;color:rgba(255,255,255,.68);font-size:.8rem;line-height:1.5}.timing-api-panel code{color:#a5f3fc}.timing-api-note a{color:#8fb5ff}.timing-citation-panel{margin:-1rem 0 3rem;padding:1.5rem;background:rgba(12,20,38,.9);border:1px solid rgba(143,181,255,.2);border-radius:12px}.timing-citation-copy{max-width:820px}.timing-citation-eyebrow{display:block;margin-bottom:.4rem;color:#8fb5ff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timing-citation-panel h2{margin:0 0 .55rem;color:var(--text-primary,#fff);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2}.timing-citation-panel p{margin:0;color:var(--text-secondary,rgba(255,255,255,.72));font-size:.9rem;line-height:1.6}.timing-citation-options{display:grid;grid-gap:.8rem;gap:.8rem;margin:1.2rem 0}.timing-citation-options>div{min-width:0;padding:.9rem 1rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:8px}.timing-citation-options dt{margin-bottom:.35rem;color:rgba(255,255,255,.58);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.timing-citation-options dd{margin:0;color:#eef4ff;font-size:.84rem;line-height:1.55;overflow-wrap:anywhere}.timing-citation-options code{color:#b8d0ff;white-space:normal}.timing-citation-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.9rem}.timing-citation-links a{display:inline-flex;align-items:center;min-height:40px;padding:.55rem .8rem;color:#dbe8ff;background:rgba(77,136,255,.12);border:1px solid rgba(143,181,255,.28);border-radius:7px;font-size:.8rem;font-weight:700;text-decoration:none}.timing-citation-links a:hover{background:rgba(77,136,255,.22);border-color:rgba(143,181,255,.5)}.timing-citation-links a:focus-visible{outline:3px solid rgba(143,181,255,.8);outline-offset:3px}.timing-citation-panel .timing-citation-note{color:rgba(255,255,255,.54);font-size:.76rem}.timing-review-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:2rem;gap:2rem;align-items:center;margin:1.5rem 0 0;padding:1.5rem;background:radial-gradient(circle at 100% 0,rgba(101,201,55,.15),transparent 42%),linear-gradient(135deg,rgba(19,55,45,.95),rgba(19,31,65,.95));border:1px solid rgba(101,201,55,.32);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.timing-review-copy{min-width:0}.timing-review-eyebrow{display:block;margin-bottom:.45rem;color:#8ee66a;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timing-review-cta h2{margin:0 0 .55rem;color:var(--text-primary,#fff);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.18}.timing-review-cta p{max-width:760px;margin:0;color:var(--text-secondary,rgba(255,255,255,.72));font-size:.92rem;line-height:1.6}.timing-review-actions{display:grid;min-width:310px;grid-gap:.55rem;gap:.55rem}.timing-review-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.85rem 1.15rem;color:#08130b;background:linear-gradient(135deg,#8ee66a,#65c937);border-radius:8px;box-shadow:0 10px 24px rgba(101,201,55,.2);font-size:.9rem;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.timing-review-button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 30px rgba(101,201,55,.27)}.timing-review-button:focus-visible{outline:3px solid rgba(143,181,255,.8);outline-offset:3px}.timing-review-proof{color:rgba(255,255,255,.58);font-size:.72rem;line-height:1.4;text-align:center}.cheat-sheet-tips{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.cheat-sheet-tips h2{font-size:1.5rem;color:var(--text-primary,#fff);margin:0 0 1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tips-grid{grid-template-columns:repeat(4,1fr)}}.tip-card{padding:1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px}.tip-card h3{color:var(--primary-color,#4d88ff);font-size:1rem;margin:0 0 .5rem}.tip-card p{color:var(--text-secondary,rgba(255,255,255,.7));font-size:.875rem;margin:0;line-height:1.5}.cta-section{margin-top:3rem;padding:2.5rem;background:rgba(77,136,255,.1);border:1px solid rgba(77,136,255,.2);border-radius:12px;text-align:center}.cta-section h2{color:var(--text-primary,#fff);font-size:1.5rem;margin:0 0 .75rem}.cta-section>p{color:var(--text-secondary,rgba(255,255,255,.7));margin:0 0 1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease}.cta-button.primary{background:var(--primary-color,#4d88ff);color:white}.cta-button.primary:hover{background:#3d78ef;transform:translateY(-2px)}.cta-button.secondary{background:rgba(255,255,255,.1);color:var(--text-primary,#fff);border:1px solid rgba(255,255,255,.2)}.cta-button.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}@media (max-width:640px){.cheat-sheet-page{padding:1.25rem .75rem 2rem}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:1rem}.timing-review-cta{grid-template-columns:1fr;gap:1rem;padding:1.2rem}.timing-review-button{width:100%;white-space:normal}.timing-review-actions{min-width:0;width:100%}.timing-data-panel{grid-template-columns:1fr;gap:1rem;padding:1.2rem}.timing-data-actions{min-width:0;width:100%}.timing-api-panel{grid-template-columns:1fr;margin-top:-1.25rem;padding:1.2rem}.timing-api-copy,.timing-api-note{grid-column:1}.timing-citation-panel{margin-top:-1.25rem;padding:1.2rem}.cta-section{padding:1.75rem 1rem}.cta-button,.cta-buttons{width:100%}.cta-button{justify-content:center}}@media print{.cheat-sheet-page{min-height:auto;padding:0;background:#fff}.back-link,.cheat-sheet-search,.cta-section,.timing-api-panel,.timing-data-actions,.timing-review-cta{display:none!important}.page-header h1,.timing-citation-panel h2,.timing-data-panel h2{color:#111827}.page-review,.page-subtitle,.timing-citation-options code,.timing-citation-options dd,.timing-citation-panel .timing-citation-note,.timing-citation-panel p,.timing-data-panel .timing-data-caveat,.timing-data-panel p{color:#374151}.timing-data-panel{margin-bottom:1rem}.timing-citation-panel,.timing-data-panel{padding:.75rem;background:none;border-color:#cbd5e1}.timing-citation-panel{margin:0 0 1rem}}.cheat-sheet{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:2rem 0}.cheat-sheet-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.cheat-sheet-header{flex-direction:row;justify-content:space-between;align-items:center}}.cheat-sheet h2{margin:0;font-size:1.25rem;color:var(--text-primary,#fff)}.cheat-sheet-search{padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;width:100%;max-width:250px}.cheat-sheet-search:focus{outline:none;border-color:var(--primary-color,#4d88ff)}.cheat-sheet-search::placeholder{color:var(--text-secondary,rgba(255,255,255,.5))}.cheat-sheet-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.cheat-sheet-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cheat-sheet-grid{grid-template-columns:repeat(3,1fr)}}.cheat-sheet-item{padding:.875rem 1rem;background:rgba(255,255,255,.02);border-left:3px solid;border-radius:0 6px 6px 0;transition:background .2s ease}.cheat-sheet-item:hover{background:rgba(255,255,255,.05)}.cheat-sheet-timing{font-family:monospace;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.cheat-sheet-event{color:var(--text-primary,#fff);font-weight:500;font-size:.9rem;margin-bottom:.25rem}.cheat-sheet-details{color:var(--text-secondary,rgba(255,255,255,.6));font-size:.8rem}