:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#0b1115;color:#edf2f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 80% -15%,#19323866,transparent 55%);display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b5e7dd;outline-offset:5px}[hidden]{display:none!important}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}.site-header{width:min(1160px,calc(100% - 80px));margin:0 auto;height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:13px;font-weight:650;letter-spacing:.17em}.return-link{font-size:12px;color:#a5b4b8;padding:12px 0}.return-link span{margin-right:8px}.workspace{width:min(1040px,calc(100% - 80px));margin:65px auto 100px;flex:1}.page-heading .eyebrow{color:#9ab3b5}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:500}.page-heading h1{font-size:36px;font-weight:550;letter-spacing:.03em;line-height:1.4;margin:15px 0 14px}.page-heading p{font-size:14px;color:#aab7bc;letter-spacing:.035em;margin:0}.catalog{margin-top:55px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:15px;letter-spacing:.025em;margin:0;font-weight:500}.count{font-size:12px;color:#809499}.toolbar{display:flex;gap:14px;margin-bottom:24px}.search{height:48px;display:flex;align-items:center;gap:12px;border:1px solid #6a858536;border-radius:8px;background:#101a20;flex:1;padding:0 16px}.search svg{width:18px;height:18px;color:#7e9a9f;flex-shrink:0}.search input{border:0;outline:0!important;background:transparent;color:#edf2f2;min-width:0;width:100%;height:100%;font-size:14px}.search:focus-within{border-color:#a3d4cb;box-shadow:0 0 0 2px #a3d4cb1a}.search input::placeholder{color:#809297}.filter{border:1px solid #6a858536;border-radius:8px;background:transparent;color:#aabac0;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:12px}.filter svg{width:16px;height:16px}.filter span{background:#26363c;border-radius:4px;min-width:20px;text-align:center;line-height:20px;font-size:11px}.filter[aria-pressed=true]{border-color:#91c8bf;color:#c1ece4;background:#223a3938}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.genre-card{position:relative;border:1px solid #ffffff14;border-radius:14px;background:linear-gradient(130deg,#19242a,#11191f 78%);transition:border-color .2s,transform .2s,background .2s;isolation:isolate}.genre-card:hover{transform:translateY(-3px);border-color:var(--accent);background:linear-gradient(130deg,#1b2c33,#11191f 78%)}.fitness{--accent:#9cd9c5;--tint:#8ad9b910}.automotive{--accent:#9cc5ef;--tint:#83b4e510}.manufacturing{--accent:#d5b998;--tint:#d7b78810}.genre-link{display:flex;flex-direction:column;align-items:flex-start;min-height:237px;padding:28px 26px 25px;border-radius:inherit}.genre-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;color:var(--accent);background:var(--tint);border:1px solid #ffffff0a;border-radius:13px;flex-shrink:0}.genre-icon svg{width:36px;height:36px}.genre-copy{display:flex;flex-direction:column;gap:10px;margin-top:26px}.genre-name{font-size:23px;font-weight:550;letter-spacing:.02em}.genre-audience{font-size:12px;color:#92a4ac;line-height:1.7}.enter-arrow{position:absolute;right:26px;bottom:27px;width:19px;height:19px;color:#819b9e;transition:transform .2s}.genre-card:hover .enter-arrow{color:var(--accent);transform:translateX(3px)}.pin-button{position:absolute;right:14px;top:14px;width:44px;height:44px;display:grid;place-content:center;border:0;background:transparent;border-radius:8px;color:#7e939d}.pin-button svg{width:18px;height:18px}.pin-button:hover{color:#d0e4e5;background:#ffffff08}.pin-button[aria-pressed=true]{color:var(--accent);background:var(--tint)}.pin-button[aria-pressed=true] svg{fill:var(--tint)}.no-results{padding:48px 20px;text-align:center;border:1px dashed #66848c50;border-radius:12px;color:#a8b7bf;font-size:14px}.no-results button{background:none;color:#d2e4e6;font-size:13px;border:0;border-bottom:1px solid #7e9a9f;padding:10px 0}.genre-detail{display:none;margin-top:45px}.genre-detail:target{display:block}.workspace:has(.genre-detail:target) .catalog{display:none}.back-to-genres{display:inline-block;padding:12px 0;font-size:13px;color:#a5babe}.detail-heading{display:flex;align-items:center;gap:24px;margin-top:28px}.detail-heading .genre-icon{width:76px;height:76px}.detail-heading .genre-icon svg{width:44px;height:44px}.detail-heading .eyebrow{color:var(--accent);margin:0 0 10px}.detail-heading h2{font-size:28px;margin:0 0 8px;font-weight:550;letter-spacing:.025em}.detail-heading p:last-child{font-size:13px;color:#a0b2b8;margin:0}.app-shelf{margin-top:38px;padding:30px 32px 40px;border:1px solid #ffffff13;border-radius:14px;background:#111c2233}.shelf-label{font-size:12px;color:#8ea6ac}.app-shelf p{font-size:14px;color:#a8b9bf;margin:25px 0 0;line-height:1.9}.storage-notice{font-size:12px;color:#e6c68f;line-height:1.7}.storage-notice:empty{display:none}.site-footer{width:min(1160px,calc(100% - 80px));margin:auto auto 0;padding:26px 0 32px;border-top:1px solid #ffffff10;color:#536e77;font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between}@media(max-width:700px){.site-header{width:calc(100% - 40px);height:76px}.brand{font-size:11px}.return-link{font-size:11px}.return-link span{margin-right:3px}.workspace{width:calc(100% - 40px);margin:40px auto 55px}.page-heading h1{font-size:28px;margin-top:12px}.page-heading p{font-size:12px;line-height:1.8}.catalog{margin-top:36px}.section-heading{margin-bottom:17px}.toolbar{gap:8px;margin-bottom:18px}.search{padding:0 11px;height:46px;gap:8px}.search input{font-size:16px}.filter{font-size:11px;padding:0 10px;gap:5px}.filter svg{width:14px}.filter span{min-width:16px;font-size:10px}.genre-grid{grid-template-columns:1fr;gap:13px}.genre-link{min-height:132px;padding:24px 18px;flex-direction:row;gap:17px;align-items:center}.genre-icon{width:52px;height:52px;border-radius:12px}.genre-icon svg{width:32px;height:32px}.genre-copy{margin:0;padding-right:18px;gap:7px}.genre-name{font-size:20px}.genre-audience{font-size:11px}.pin-button{right:3px;top:2px}.enter-arrow{right:18px;bottom:19px;width:16px;height:16px}.detail-heading{gap:18px}.detail-heading .genre-icon{width:62px;height:62px}.detail-heading h2{font-size:25px}.detail-heading p:last-child{font-size:11px}.app-shelf{padding:24px 22px 30px}.app-shelf p{font-size:13px}.site-footer{width:calc(100% - 40px);font-size:9px;padding:23px 0}.genre-detail{margin-top:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.genre-card:hover{transform:none}}

/* Genre launch pages and compact quick-access / membership controls. */
body[data-page-genre] .catalog{display:none}.genre-detail[data-current]{display:block}.quick-access{margin-top:30px;padding:24px 26px;border:1px solid #ffffff18;border-radius:12px;background:linear-gradient(115deg,var(--tint),#101c2180);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.quick-copy h3{font-size:14px;font-weight:550;margin:0 0 10px}.quick-copy p{font-size:12px;line-height:1.9;color:#a3b7ba;margin:0}.quick-actions{display:grid;grid-template-columns:auto auto;gap:10px 12px;align-items:center}.action-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:550;line-height:1.5;border:1px solid transparent;text-align:center}.action-button svg{width:15px;height:15px}.primary{background:var(--accent,#afdccf);color:#142727}.primary:hover{filter:brightness(1.08)}.secondary,.subtle{color:#c0d2d6;background:#ffffff05;border-color:#ffffff20}.subtle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.text-button{border:0;background:transparent;color:#9fb5ba;font-size:11px;padding:6px;text-decoration:underline;text-underline-offset:4px;min-height:32px}.local-notice{grid-column:1/-1;font-size:12px;line-height:1.7;color:#b7dcd1;margin:0}.local-notice:empty{display:none}.membership{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px;padding:29px 26px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.membership .eyebrow{font-size:9px;color:#78969e}.membership h3{font-size:17px;letter-spacing:.02em;font-weight:500;margin:12px 0}.membership p{max-width:440px;font-size:12px;line-height:1.9;color:#92aab2;margin:0}.membership-cta{display:grid;grid-template-columns:auto auto;align-items:center;gap:9px 24px;flex-shrink:0}.monthly-price{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.monthly-price small{font-size:11px;color:#a5bbc1}.monthly-price strong{font-size:31px;font-weight:500;letter-spacing:-.04em}.monthly-price>span{font-size:12px}.availability-note{grid-column:2;font-size:10px;color:#9aaeb5;text-align:center}.shelf-heading{display:flex;align-items:center;justify-content:space-between}.free-label{font-size:10px;color:#8fb6ab;border:1px solid #7cad9a25;padding:4px 8px;border-radius:4px}.app-shelf{margin-top:30px}.access-dialog{background:#111c22;color:#ecf3f2;border:1px solid #47606a;border-radius:16px;max-width:480px;width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:34px;box-shadow:0 25px 100px #0008;overscroll-behavior:contain}.access-dialog::backdrop{background:#02090ebf;backdrop-filter:blur(7px)}.access-dialog .eyebrow{color:#82a8ad}.access-dialog h2{font-size:22px;font-weight:550;margin:16px 0;line-height:1.5;padding-right:10px}.access-dialog p,.access-dialog li{font-size:13px;line-height:1.9;color:#bdcdd0}.access-dialog ol{padding-left:24px}.access-dialog li{padding-left:3px;margin:10px 0}.dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;color:#acc1c5;background:transparent;border:0;font-size:25px;border-radius:8px}.access-dialog .dialog-note{font-size:11px;color:#8faab1;line-height:1.9}.copy-link-label{display:grid;gap:8px;font-size:11px;color:#9db7be;margin:24px 0 12px}.copy-link-label input{width:100%;min-width:0;border:1px solid #47606a;border-radius:6px;background:#09141a;color:#d9e9e8;padding:12px;font-size:12px}.access-dialog .action-button{width:100%}.access-dialog .local-notice{margin-top:12px;font-size:12px;color:#afdccc}.dialog-price{display:flex;align-items:baseline;gap:8px;padding:4px 0 16px}.dialog-price strong{font-size:44px;font-weight:450;letter-spacing:-.04em}.dialog-price span{font-size:13px;color:#b2c7cc}.plan-features{padding-left:18px}.checkout-flow{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding-top:10px;padding-bottom:10px}.access-dialog button:disabled,.action-button:disabled{cursor:default;background:#2a3b40;color:#94a9b0;filter:none}.access-dialog:modal{animation:dialog-enter .18s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.quick-access{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr;max-width:460px}.membership{gap:24px}.membership-cta{grid-template-columns:1fr;gap:10px}.availability-note{grid-column:1}.monthly-price{justify-content:center}}
@media(max-width:700px){body[data-page-genre] .workspace{margin-top:30px}.quick-access{padding:21px 18px;gap:17px;margin-top:25px}.quick-copy h3{font-size:13px}.quick-copy p{font-size:11px}.quick-actions{gap:8px}.action-button{padding:11px 10px;font-size:11px}.membership{padding:23px 2px;display:block;margin-top:22px}.membership h3{font-size:16px}.membership p{font-size:11px}.membership-cta{margin-top:19px;grid-template-columns:auto 1fr;gap:7px 20px}.monthly-price{justify-content:flex-start}.monthly-price strong{font-size:30px}.availability-note{grid-column:2}.access-dialog{padding:28px 23px}.access-dialog h2{font-size:20px}.access-dialog p,.access-dialog li{font-size:12px}.app-shelf{margin-top:25px}.quick-access noscript p{font-size:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.access-dialog:modal{animation:none}}

/* The same concise guide is available from either a phone or a computer. */
#shortcut-dialog{max-width:520px}.device-tabs{display:flex;padding:4px;gap:4px;background:#09141a;border:1px solid #ffffff10;border-radius:9px;margin:22px 0 18px}.device-tabs button{flex:1;min-height:44px;border:0;border-radius:6px;background:transparent;color:#8da7af;font-size:12px;font-weight:550}.device-tabs button[aria-selected=true]{background:#263d42;color:#d9f0e9}.phone-options{display:flex;gap:8px;margin:0 0 20px}.phone-options button{min-height:38px;min-width:92px;border:1px solid #ffffff20;background:transparent;border-radius:7px;color:#91abb3;font-size:12px}.phone-options button[aria-pressed=true]{border-color:#91c7b8;color:#c4e8db;background:#91c7b80e}.guide-heading{font-size:14px;font-weight:550;margin:18px 0 10px;color:#d6e7e6}.access-dialog .guide-steps{padding:0;list-style:none;counter-reset:guide}.access-dialog .guide-steps li{position:relative;counter-increment:guide;padding:0 0 0 33px;margin:16px 0;line-height:1.85}.guide-steps li::before{content:counter(guide);position:absolute;left:0;top:2px;display:grid;place-items:center;background:#28413f;color:#b1deca;border-radius:50%;font-size:10px;width:22px;height:22px}.browser-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#9cb3ba}.browser-choice select{font:inherit;font-size:13px;color:#d8e8e7;background:#14272d;border:1px solid #ffffff20;border-radius:7px;padding:10px;min-height:42px;max-width:180px}.bookmark-drag{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed #567670;border-radius:8px;margin:18px 0;cursor:grab;background:#9bc6b807}.bookmark-drag svg{width:20px;height:20px;flex-shrink:0;color:#b1dccb}.bookmark-drag span{display:grid;gap:6px}.bookmark-drag strong{font-size:12px;font-weight:500;color:#c3e0d6}.bookmark-drag small{font-size:10px;line-height:1.7;color:#8daab2}.native-install{margin:20px 0 14px}.native-install .dialog-note{margin-bottom:0}.quick-actions>.primary{max-width:230px}#shortcut-dialog .copy-link-label{margin-top:18px}#shortcut-dialog .dialog-note{line-height:1.8}@media(max-width:700px){.quick-copy h3{font-size:12px}.quick-actions{grid-template-columns:1.15fr 1fr}.quick-actions>.primary{font-size:10px;padding-inline:8px}.device-tabs{margin-top:18px}.browser-choice select{font-size:16px;max-width:170px}.copy-link-label input{font-size:16px}.access-dialog .guide-steps li{font-size:12px}.browser-choice{align-items:flex-start;flex-direction:column;gap:8px}.browser-choice select{max-width:none;width:100%}}