:root{font-family:Inter,Avenir Next,Avenir,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#263e3b;background:#f7f6f2;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #df8057;outline-offset:4px}::selection{background:#ebcfab}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{overflow:hidden}.page-wrap{max-width:1536px;margin:0 auto;padding-left:44px;padding-right:44px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.site-brand .brand-icon{width:42px;height:42px}.site-brand span{font-size:12px;line-height:1.3;font-weight:800;letter-spacing:1.5px}.site-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.site-nav a{text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.08em;transition:color .2s}.site-nav a:hover,.site-footer a:hover{color:#cf7654}.header-note{margin:0 0 0 34px;padding-left:30px;border-left:1px solid #dce2d9;font-size:11px;letter-spacing:.1em;color:#7e8b81;white-space:nowrap}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:54px 2px 38px}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#779386;font-size:10px;font-weight:700;letter-spacing:.18em}.eyebrow-sun{color:#df8057;font-size:15px;line-height:1}.intro h1{margin:14px 0 0;font-size:clamp(32px,3.9vw,58px);font-weight:600;line-height:1.25;letter-spacing:-.065em}.intro h1 em{font-style:normal;color:#d57856}.intro p{margin:0 0 7px;color:#748579;font-size:12px;line-height:1.9;letter-spacing:.04em}.ride-root{--paper: #f7f6f2;--ink: #263e3b;--muted: #7e8b81;--line: #dce2d9;--sky: #e8eee8;--cloud: #f8f8ec;--sea: #a8c7c1;--sea-light: #d6e5d8;--far-hill: #bdcdc0;--hill: #a6bcaa;--sand: #e9dfc5;--road: #f1e8d3;--road-line: #d9ceb3;--plant: #6e947e;--plant-light: #95ac80;--sun: #f3ce81;--accent: #df8057;--bike: #5b9390;--wheel: #f0e7d2}.ride-root[data-scene=sunset]{--sky: #efe0d0;--cloud: #f7ecdc;--sea: #b5c5be;--sea-light: #e7dfca;--far-hill: #cbbfb1;--hill: #b5bbaa;--sand: #ebd4b2;--road: #f3e1c5;--road-line: #dfc9a8;--plant: #88977a;--plant-light: #b4ae7f;--sun: #e69a6a;--wheel: #f0dec2}.ride-scene{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1440 / 760;border-radius:24px;background:var(--sky)}.landscape{display:block;width:100%;height:100%}.landscape .palette{transition:fill .8s,stroke .8s}.ride-copy{position:absolute;z-index:2;left:5.25%;top:8.4%;pointer-events:none}.ride-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:24px;font-size:10px;font-weight:600;letter-spacing:.2em}.ride-eyebrow:before{content:"";width:24px;height:1px;background:var(--ink);opacity:.65}.ride-copy h2{margin:0 0 20px;font-size:clamp(34px,4.45vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.23}.ride-copy p{margin:0;color:#687b70;font-size:13px;line-height:1.9;letter-spacing:.07em}.hand-line{display:inline-block;position:relative}.hand-line:after{content:"";position:absolute;left:3px;right:5px;bottom:-6px;height:5px;border-top:2px solid var(--accent);border-radius:50%;transform:rotate(-2deg);opacity:.78}.scene-tools{position:absolute;z-index:3;right:27px;top:25px;display:flex;gap:3px;padding:4px;border:1px solid #ffffff69;background:#ffffff54;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px}.theme-option{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;border-radius:99px;padding:8px 13px;font-size:11px;color:#667b70;transition:background .3s,color .3s,box-shadow .3s}.theme-option.active{background:var(--paper);box-shadow:0 2px 6px #263e3b09;color:var(--ink)}.theme-option svg,.bell-button svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.scene-caption{position:absolute;bottom:25px;left:32px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.15em;color:#7d8271}.caption-number{font-family:Georgia,serif;font-style:italic;font-size:19px;color:var(--ink);letter-spacing:0}.caption-rule{width:28px;height:1px;background:#aaa98c}.scene-stamp{position:absolute;bottom:26px;right:30px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#7d8271}.scene-stamp svg{width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.ride-toast{position:absolute;z-index:4;left:50%;bottom:70px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap;background:var(--paper);box-shadow:0 5px 25px #263e3b13;border:1px solid #ffffff88;color:var(--ink);font-size:12px;padding:11px 18px;border-radius:99px}.ride-toast.show{opacity:1;transform:translate(-50%)}.sun-group{transition:transform .8s}.ride-root[data-scene=sunset] .sun-group{transform:translateY(46px)}.gull{stroke:var(--ink);stroke-width:2;fill:none;opacity:.5}.bike-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.bird-outline{stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.leg-outline{fill:none;stroke:var(--ink);stroke-width:17;stroke-linejoin:round;stroke-linecap:round}.leg-fill{fill:none;stroke:#e9a55f;stroke-width:10.5;stroke-linejoin:round;stroke-linecap:round}.petal{fill:#f7f1d9;stroke:#8c9e77;stroke-width:1.2}.motion-swoosh{fill:none;stroke:#7f9c91;stroke-width:2;stroke-linecap:round;opacity:.5}.control-bar{display:flex;align-items:center;gap:24px;padding:27px 4px 23px}.play-button{width:139px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;color:#faf9f0;background:var(--ink);border:1px solid var(--ink);border-radius:99px;font-size:13px;transition:transform .2s,background .2s;flex-shrink:0}.play-button svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.play-button:hover{background:#3c5650;transform:translateY(-1px)}.divider{height:29px;width:1px;background:var(--line)}.speed-control{display:flex;align-items:center;gap:17px}.speed-label{color:#758377;font-size:12px;white-space:nowrap}.speed-input{appearance:none;width:144px;height:4px;border-radius:4px;background:linear-gradient(to right,var(--ink) 37.5%,#dce2d8 37.5%);cursor:pointer;margin:12px 0}.speed-input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}.speed-input::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}.speed-value{min-width:37px;font-size:12px;font-variant-numeric:tabular-nums}.bell-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}.bell-button:hover{background:#eaece4;transform:rotate(-2deg)}.control-spacer{flex:1}.pace-note{text-align:right;color:#899184;font-size:11px;line-height:1.7;white-space:nowrap}.pace-note strong{color:#637566;font-size:12px;font-weight:500}.ride-footnote{display:flex;justify-content:space-between;gap:20px;padding:14px 4px 23px;border-top:1px solid var(--line);color:#9a9f93;font-size:10px;letter-spacing:.07em}.ride-footnote kbd{margin:0 2px;padding:2px 5px;border:1px solid #dfe2da;border-radius:4px;font:inherit}.footnote-dot{margin:0 10px}.playthings{margin-top:88px;padding:92px 0 100px;background:#eff1ea;border-top:1px solid #e2e7dc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:37px}.section-heading h2{margin:13px 0 0;font-size:clamp(32px,3.6vw,52px);font-weight:600;letter-spacing:-.055em;line-height:1.2}.section-heading h2 span{color:#d57856}.section-heading p{margin:0 0 5px;color:#586f62;font-size:14px;line-height:1.9}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.tool-card{display:flex;flex-direction:column;min-width:0;padding:32px 36px 28px;border:1px solid #dfe5d9;border-radius:18px;background:#fbfaf6;box-shadow:0 14px 35px #5364510b}.card-number{padding-top:8px;color:#8a9c8d;font-size:10px;font-weight:700;letter-spacing:.18em}.tool-card h3{margin:17px 0 11px;font-size:27px;font-weight:600;letter-spacing:-.04em}.card-description{max-width:480px;margin:0;color:#586f62;font-size:15px;line-height:1.85}.card-rule{height:1px;margin:28px 0 23px;background:#e3e7de}.tool-guide h4{margin:0 0 20px;color:#9a5537;font-size:16px;line-height:1.6}.guide-steps{margin:0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps>li{position:relative;padding-left:40px;counter-increment:guide-step}.guide-steps>li+li{margin-top:26px}.guide-steps>li:before{content:counter(guide-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e5eee7;color:#355b51;font-size:14px;font-weight:700}.captcha-card .guide-steps>li:before{background:#f4e9dc;color:#9a5537}.tool-guide h5,.help-content h5{margin:0 0 7px;font-size:16px;line-height:1.7;font-weight:600}.tool-guide p,.help-content p{margin:0;color:#52685b;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.tool-guide p+p,.help-content p+p{margin-top:9px}.tool-guide strong{color:#263e3b;font-weight:600}.tool-guide kbd{display:inline-block;padding:0 5px;border:1px solid #ccd6ca;border-radius:4px;background:#fffdf8;font:inherit;font-size:13px;line-height:1.6}.tool-guide code,.help-content code{padding:1px 4px;border-radius:4px;background:#eaf0e7;color:#355b51;font-size:.9em;overflow-wrap:anywhere}.tool-guide .step-result{margin-top:10px;padding:8px 12px;border-left:3px solid #89a791;border-radius:0 6px 6px 0;background:#edf2e9;color:#405e4b;font-size:14px}.tool-guide .action-button{margin-top:13px}.daily-guide{margin-top:27px;padding-top:23px;border-top:1px solid #e3e7de}.guide-help{margin-top:25px;border:1px solid #dce3d6;border-radius:10px;background:#f3f5ee}.guide-help summary{padding:15px 16px;color:#355b51;cursor:pointer;font-size:14px;line-height:1.7;font-weight:600}.guide-help summary:hover{color:#9a5537}.guide-help[open] summary{border-bottom:1px solid #dce3d6}.help-content{padding:18px 16px}.help-content h5:not(:first-child){margin-top:23px}.action-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:350px;padding:14px 20px;border-radius:10px;background:#355b51;color:#fffdf5;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.action-button:hover{transform:translateY(-2px);background:#476c60}.bookmark-action{position:relative;max-width:350px;margin-top:13px}.bookmark-action .action-button{margin-top:0}.bookmark-button{cursor:grab}.bookmark-button:after{content:"";width:16px;height:16px;flex:none;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23fffdf5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3.5 12.5 12 4M5 4h7v7"/%3E%3C/svg%3E') center / contain no-repeat;transition:transform .25s}.bookmark-action:not(.is-dragging):hover .bookmark-button{animation:bookmark-nudge .45s ease-out both}.bookmark-action:not(.is-dragging):hover .bookmark-button:after,.bookmark-action:not(.is-dragging):focus-within .bookmark-button:after{transform:translate(2px,-3px) rotate(-8deg)}.bookmark-button:active{cursor:grabbing}.bookmark-tooltip{position:absolute;z-index:2;top:50%;left:calc(100% + 14px);width:220px;padding:10px 13px;border:1px solid #dce3d6;border-radius:12px;background:#fffdf8;box-shadow:0 10px 24px #263e3b18;color:#355b51;font-size:12px;font-weight:600;line-height:1.6;opacity:0;pointer-events:none;transform:translate(-7px,calc(-50% + 7px));transition:opacity .2s,transform .2s}.bookmark-tooltip:before{content:"";position:absolute;top:calc(50% - 5px);left:-6px;width:10px;height:10px;border-left:1px solid #dce3d6;border-bottom:1px solid #dce3d6;background:#fffdf8;transform:rotate(45deg)}.bookmark-action:not(.is-dragging):hover .bookmark-tooltip,.bookmark-action:not(.is-dragging):focus-within .bookmark-tooltip{opacity:1;transform:translateY(-50%)}@keyframes bookmark-nudge{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(1deg)}to{transform:translateY(-2px) rotate(0)}}.extension-button{background:#b96e4c}.extension-button:hover{background:#c77f5e}.download-icon{width:20px;height:20px;flex:none;transition:transform .25s ease-out}.extension-button:hover .download-icon,.extension-button:focus-visible .download-icon{transform:translateY(3px)}.card-aside{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;color:#91a094;font-size:11px}.version-aside{justify-content:flex-end}.card-aside>a{color:#5b7f70;text-decoration:underline;text-underline-offset:3px}.browser-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.browser-links button{min-height:44px;padding:9px 12px;border:1px solid #c8d6c9;border-radius:7px;background:#fffdf8;color:#355b51;font-size:13px;line-height:1.6;text-align:left}.browser-links button:hover{background:#e5eee7}.card-fineprint{margin:0;padding-top:18px;border-top:1px solid #e3e7de;color:#627468;font-size:13px;line-height:1.85}.preview-note{margin:13px 0 0;padding:12px 14px;border-radius:7px;background:#fbefda;color:#896944;font-size:11px;line-height:1.65}.collection-note{margin:32px 0 0;text-align:center;color:#627468;font-size:13px;line-height:1.85}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:106px;color:#93a095;font-size:10px;letter-spacing:.12em}.site-footer a{text-decoration:none;transition:color .2s}.site-toast{position:fixed;z-index:10;right:24px;bottom:24px;display:flex;align-items:start;gap:16px;max-width:min(420px,calc(100vw - 48px));padding:14px 17px;border-radius:9px;background:#263e3b;box-shadow:0 15px 35px #263e3b32;color:#fff;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.site-toast button{padding:0;border:0;background:transparent;color:#fff;font-size:18px;line-height:1}@media(max-width:1050px){.page-wrap{padding-left:26px;padding-right:26px}.site-header{height:80px}.header-note{display:none}.ride-eyebrow{margin-bottom:17px;font-size:8px}.ride-copy h2{margin-bottom:15px}.ride-copy p{font-size:11px}.control-bar{gap:17px}.speed-control{gap:12px}.speed-input{width:108px}}@media(max-width:1499px){.bookmark-tooltip{top:auto;bottom:calc(100% + 12px);left:0;transform:translateY(7px)}.bookmark-tooltip:before{top:auto;bottom:-6px;left:28px;border:0;border-right:1px solid #dce3d6;border-bottom:1px solid #dce3d6}.bookmark-action:not(.is-dragging):hover .bookmark-tooltip,.bookmark-action:not(.is-dragging):focus-within .bookmark-tooltip{transform:translateY(0)}}@media(max-width:760px){.page-wrap{padding-left:18px;padding-right:18px}.site-header{height:76px}.site-brand .brand-icon{width:34px;height:34px}.site-brand span{font-size:10px}.site-nav{gap:19px}.site-nav a{font-size:11px}.intro{display:block;padding:38px 0 26px}.intro h1{margin-top:10px;font-size:clamp(33px,7vw,45px)}.intro p{margin-top:17px;font-size:11px}.ride-scene{aspect-ratio:680 / 880;border-radius:20px}.landscape{position:absolute;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.ride-copy{left:7.5%;top:6.5%}.ride-eyebrow{margin-bottom:19px;letter-spacing:.16em}.ride-copy h2{margin-bottom:17px;font-size:clamp(36px,8.7vw,58px)}.ride-copy p{font-size:11px;line-height:1.8}.scene-tools{top:22px;right:18px;gap:0;padding:3px}.theme-option{padding:7px 9px;gap:0}.theme-option span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.theme-option svg{width:15px;height:15px}.scene-caption{left:22px;bottom:22px;gap:9px;font-size:8px}.caption-number{font-size:18px}.caption-rule{width:20px}.scene-stamp{right:19px;bottom:23px;gap:5px;font-size:8px}.scene-stamp svg{width:18px}.sun-group{transform-origin:1156px 166px;transform:translate(-150px,-100px) scale(.72)}.ride-root[data-scene=sunset] .sun-group{transform:translate(-150px,-50px) scale(.72)}.control-bar{flex-wrap:wrap;gap:14px;padding:22px 0}.play-button{width:121px;min-height:44px;padding:0 13px;font-size:12px}.control-bar>.divider{display:none}.speed-control{gap:9px;margin-left:auto}.speed-label{font-size:11px}.speed-input{width:83px}.speed-value{min-width:31px;font-size:11px}.bell-button{min-height:37px;padding:0 13px;font-size:11px}.bell-button svg{width:16px;height:16px}.control-spacer{display:none}.pace-note{margin-left:auto;font-size:10px}.pace-note strong{font-size:11px}.ride-footnote{padding:12px 0 20px;font-size:9px}.playthings{margin-top:62px;padding:68px 0 74px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:37px}.section-heading p{margin-top:16px}.tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:27px 26px 25px}.card-description{min-height:0}.site-footer{min-height:90px}.site-footer span:nth-child(2){display:none}}@media(max-width:420px){.tool-card{padding:24px 18px}.guide-steps>li{padding-left:34px}.site-nav{gap:12px}.site-nav a{font-size:10px}.ride-copy h2{font-size:35px}.ride-footnote>span:last-child{display:none}.scene-stamp{display:none}.speed-input{width:65px}.speed-control{gap:6px}.speed-label{font-size:10px}.play-button{width:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.bookmark-action:not(.is-dragging):hover .bookmark-button{animation:none}.play-button:hover,.bell-button:hover,.action-button:hover,.extension-button:hover .download-icon,.extension-button:focus-visible .download-icon{transform:none}}