* [hidden]{display:none!important}html{-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;height:100%;overflow:auto;width:100%}body{background:linear-gradient(to bottom,var(--color-surface-subtle) 0,transparent 12rem);font-family:inherit;margin:0;min-height:100%;overflow-x:hidden;padding:0}body,main{height:100%}main{height:fit-content;min-height:calc(100% - 140px)}header.header{background-color:var(--color-btn-main);box-shadow:var(--shadow-sm);box-sizing:border-box;position:relative;width:100%;z-index:2}.header .header-bar{align-items:center;box-sizing:border-box;display:flex;gap:8px;height:60px;justify-content:space-between;padding:0 20px 0 10px}.header .header-brand{align-items:center;display:flex;gap:4px;min-width:0}.header .header-brand a{align-items:center;color:var(--color-white);display:flex;text-decoration:none}.header .header-text{color:var(--color-white);display:inline-block;font-size:14px;margin:0;padding:0 0 0 10px;white-space:nowrap}.header .header-nav{align-items:center;display:flex;flex:1 1 auto;gap:4px;justify-content:flex-end;min-width:0}.header .header-nav .page-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-white);display:flex;font-size:16px;font-weight:600;padding:8px 12px;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.header .header-nav .page-link:hover{background-color:var(--color-hover);color:var(--color-white)}.header .header-menu-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;display:none;justify-content:center;min-height:44px;min-width:44px;padding:8px}.header .header-menu-btn:hover{background-color:var(--color-hover)}.header .header-menu-icon{background:currentColor;border-radius:1px;display:block;height:2px;position:relative;width:22px}.header .header-menu-icon:after,.header .header-menu-icon:before{background:currentColor;border-radius:1px;content:"";height:2px;left:0;position:absolute;right:0;transition:transform .2s ease}.header .header-menu-icon:before{top:-6px}.header .header-menu-icon:after{top:6px}.header .as-a-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:8px}.guide-page #fullScreen,.guide-page #headerSpinSoundBtn{display:none}@media(max-width:1300px){.header .header-menu-btn{display:inline-flex}.header .header-nav{align-items:stretch;background:var(--color-btn-main);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;left:0;max-height:0;opacity:0;overflow:hidden;padding:8px 12px 16px;position:absolute;right:0;top:60px;transition:max-height .25s ease,opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1}.header.header-nav-open .header-nav{max-height:80vh;opacity:1;overflow-y:auto;visibility:visible}.header .header-nav .page-link{border-radius:var(--radius-sm);box-sizing:border-box;font-size:16px;min-height:48px;padding:12px 16px}.header .header-text{display:none}.header .header-logo-img{height:40px;width:40px}}@media(max-width:500px){.header .header-bar{height:56px;padding:0 12px}.header .header-nav{top:56px}}footer{background:var(--color-btn-main);box-shadow:0 -1px 0 0 rgba(0,0,0,.1)}.footer{box-sizing:border-box;display:flex;flex-direction:column;gap:22px;padding:36px 24px 20px}.footer-inner{flex-direction:row;flex-wrap:wrap;gap:24px 64px;justify-content:center;margin:0 auto;max-width:1100px;width:100%}.footer-col,.footer-inner{align-items:flex-start;display:flex}.footer-col{flex-direction:column;gap:10px;min-width:0}.footer-wheel-link{align-items:start;display:grid;gap:10px 48px;grid-auto-flow:column;grid-template-rows:repeat(4,auto)}.footer .copy-right,.footer .link{color:var(--color-white);font-size:.8125rem;white-space:nowrap}.footer .link{padding:2px 0!important;text-decoration:none;transition:opacity .2s ease}.footer .link:hover{opacity:.85}.footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.15);display:flex;justify-content:center;padding-top:16px;width:100%}.footer .copy-right{color:hsla(0,0%,100%,.9);font-size:.75rem}.footer-lang{align-items:flex-start;display:flex;justify-content:center}.as-a-button{background-color:var(--color-btn-main);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;padding:6px 10px}.guide-hero{margin:0 auto;max-width:800px;padding:40px 24px 16px;text-align:center}.guide-hero h1{color:var(--color-btn-main);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.guide-intro{color:var(--color-text-secondary,#555);font-size:1.05rem;line-height:1.6;margin:0}.guide-cta{display:inline-block;font-size:1rem;margin-top:20px;padding:10px 24px;text-decoration:none}.guide-quickstart{margin:0 auto;max-width:1100px;padding:24px 40px}.guide-features h2,.guide-obs h2,.guide-quickstart h2{color:var(--color-btn-main);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;margin:0 0 24px;text-align:center}.guide-steps{counter-reset:step;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));list-style:none;margin:0;padding:0}.guide-step{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);counter-increment:step;padding:20px 20px 20px 56px;position:relative}.guide-step:before{align-items:center;background:var(--color-btn-main);border-radius:50%;color:var(--color-white);content:counter(step);display:flex;font-size:.95rem;font-weight:700;height:28px;justify-content:center;left:18px;position:absolute;top:20px;width:28px}.guide-step h3{color:var(--color-btn-main);font-size:1.05rem;margin:0 0 8px}.guide-step p{color:var(--color-text-secondary,#444);font-size:.95rem;line-height:1.55;margin:0}.guide-features,.guide-obs{margin:0 auto;max-width:1200px;padding:8px 40px 48px}.guide-obs .guide-intro{margin:0 auto;max-width:760px;text-align:center}.guide-obs .guide-cta{display:block;margin:28px auto 0;width:fit-content}.guide-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.guide-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:22px}.guide-card h4{color:var(--color-btn-main);font-size:1.1rem;font-weight:700;margin:0 0 10px}.guide-card p{color:var(--color-text-secondary,#444);flex:1;font-size:.95rem;line-height:1.55;margin:0 0 12px}.guide-card p.guide-card-tip{background:var(--color-surface-subtle,#f3f4f6);border-radius:var(--radius-sm);color:var(--color-btn-main);display:block;flex:0 0 auto;font-size:.8rem;font-weight:600;line-height:1.4;margin:0;padding:8px 12px}.guide-group-heading{color:var(--color-btn-main);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:28px auto 16px;max-width:1200px}.guide-group-heading:first-of-type{margin-top:8px}.guide-bottom-cta{padding:8px 24px 56px;text-align:center}.guide-bottom-cta .btn{display:inline-block;font-size:1.05rem;padding:12px 28px;text-decoration:none}@media(max-width:700px){.guide-features,.guide-obs,.guide-quickstart{padding-left:16px;padding-right:16px}.guide-grid{gap:16px;grid-template-columns:1fr}.guide-hero{padding:24px 16px 8px}}@media(max-width:500px){.footer{gap:18px;padding:28px 16px 16px;text-align:center}.footer-inner{flex-direction:column;gap:22px}.footer-col,.footer-inner{align-items:center}.footer-wheel-link{gap:12px 28px;grid-auto-flow:row;grid-template-columns:repeat(2,auto);grid-template-rows:none;justify-content:center}}