.robot-app{--robot-ink:#163e32;--robot-muted:#506b5e;--robot-green:#16704d;--robot-line:#c8ddcf;min-height:100vh;color:var(--robot-ink);background:#f1f6f2;padding:0 5vw 80px;font-family:Arial,Noto Sans TC,sans-serif}.robot-app *{box-sizing:border-box}.robot-top{border-bottom:1px solid var(--robot-line);justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:auto;padding:28px 0;display:flex}.robot-top a{color:inherit;text-decoration:none}.robot-brand{letter-spacing:-1px;font-size:28px;font-weight:800}.robot-brand span{letter-spacing:2px;color:var(--robot-muted);font-size:10px;font-weight:500;display:block}.robot-top nav{flex-wrap:wrap;justify-content:flex-end;gap:24px;font-size:14px;display:flex}.robot-top nav form{margin:0}.robot-top nav form button{background:0 0;border:0;min-height:0;padding:0;font-size:14px}.robot-top a:hover,.robot-subtle:hover{color:var(--robot-green);text-underline-offset:5px;text-decoration:underline}.robot-heading{justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:44px auto 30px;display:flex}.robot-app h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(32px,5vw,60px);line-height:1.2}.robot-app h2{margin:0 0 18px;font-size:22px}.robot-app p{color:var(--robot-muted);line-height:1.8}.robot-eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--robot-green)!important}.robot-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;max-width:1360px;margin:auto;display:grid}.robot-card{border:1px solid var(--robot-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border-radius:24px;min-width:0;padding:28px;box-shadow:inset 0 1px #fff,0 8px 28px #163e3209}.robot-main{gap:20px;display:grid}.robot-app button,.robot-primary{border:1px solid var(--robot-line);min-height:44px;color:var(--robot-ink);font:inherit;cursor:pointer;background:#ffffffbf;border-radius:14px;padding:11px 18px;text-decoration:none;transition:background .18s,border-color .18s;display:inline-block}.robot-app button:hover:not(:disabled),.robot-app .robot-google:hover{background:#e8f2eb;border-color:#92b8a1}.robot-app button:disabled{opacity:.45;cursor:default}:is(.robot-app button:focus-visible,.robot-app a:focus-visible,.robot-app summary:focus-visible,.robot-app input:focus-visible,.robot-app textarea:focus-visible){outline:3px solid var(--robot-green);outline-offset:3px}.robot-app .robot-primary{background:var(--robot-green);color:#fff;border-color:var(--robot-green);margin-top:12px}.robot-app .robot-primary:hover:not(:disabled){background:#115c3e;border-color:#115c3e}.robot-app input,.robot-app textarea{width:100%;color:var(--robot-ink);font:inherit;background:#ffffffe0;border:1px solid #a9c7b5;border-radius:14px;margin:10px 0;padding:14px;display:block}.robot-app input::placeholder,.robot-app textarea::placeholder{color:#647e70;opacity:1}.robot-app textarea{resize:vertical;min-height:100px}.robot-device{text-align:left;width:100%;display:block;margin:10px 0!important}.robot-device.chosen{background:#dcece2;border-color:#80ab93}.robot-device small{color:var(--robot-muted);margin-top:8px;font-size:12px;display:block}.robot-badge{border:1px solid var(--robot-line);background:#ffffffb3;border-radius:100px;flex-shrink:0;padding:10px 16px;font-size:13px}.robot-badge.live{color:#155c3e;background:#dcece2;border-color:#9bc4ac}.robot-tabs{flex-wrap:wrap;gap:10px;display:flex}.robot-tabs button[aria-pressed=true]{background:var(--robot-green);border-color:var(--robot-green);color:#fff}.robot-tabs button[aria-pressed=true]:hover{background:#115c3e}.robot-subtle{color:var(--robot-green);margin-top:24px;font-size:14px;text-decoration:none;display:block}.robot-error,.robot-notice{background:#fff0ec;border:1px solid #e8bdb5;border-radius:14px;max-width:1360px;margin:16px auto;padding:15px 20px}.robot-app .robot-error{color:#a13027}.robot-app .robot-notice{color:#1f6546;background:#e3f0e8;border-color:#b5d7c2}.robot-section-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.robot-section-title small{color:var(--robot-muted);font-size:12px}.robot-pad{grid-template-rows:repeat(3,65px);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:8px;width:100%;max-width:310px;margin:28px auto;display:grid}.robot-direction{touch-action:none;-webkit-user-select:none;user-select:none;font-size:15px!important}.robot-direction:active{background:#c3dfcf!important}.robot-pad .up{grid-area:1/2}.robot-pad .left{grid-area:2/1}.robot-pad .center{color:#913c2c;background:#f8ebe6;border-color:#dfc0b4;grid-area:2/2}.robot-pad .right{grid-area:2/3}.robot-pad .down{grid-area:3/2}.robot-arm{border-top:1px solid var(--robot-line);flex-wrap:wrap;justify-content:center;gap:16px;padding-top:22px;display:flex}.robot-arm>div{align-items:center;gap:8px;display:flex}.robot-arm span{font-size:13px}.robot-arm button{padding:8px 14px}.robot-entry{border-top:1px solid var(--robot-line);padding:16px 0}.robot-entry small,.robot-entry span{color:var(--robot-muted);margin:6px 0;font-size:12px;display:block}.robot-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.robot-welcome{border:1px solid var(--robot-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border-radius:28px;max-width:850px;margin:10vh auto;padding:clamp(28px,5vw,58px);box-shadow:inset 0 1px #fff,0 12px 40px #163e320a}.robot-welcome h1{font-size:clamp(44px,6vw,74px)}.robot-welcome>p{max-width:560px}.robot-app details{margin-top:26px}.robot-app summary{cursor:pointer;font-size:14px}.robot-app label{font-size:13px}.robot-docs{max-width:900px;margin:40px auto}.robot-docs code{overflow-wrap:anywhere;font-size:13px}.robot-docs pre{white-space:pre-wrap;border:1px solid var(--robot-line);background:#e4efe8;border-radius:16px;padding:18px}.robot-login-options{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.robot-app .robot-google{color:var(--robot-ink);border-color:var(--robot-line);background:#fffc}.robot-muted{overflow-wrap:anywhere;color:var(--robot-muted);font-size:13px}.robot-setup{max-width:760px}.robot-setup .robot-card{margin:28px 0}.robot-setup h1{margin-top:12px}.robot-privacy{padding:60px 0}.robot-privacy h2{margin-top:36px}.robot-privacy a{color:var(--robot-green);text-underline-offset:4px;text-decoration:underline}.robot-privacy p{font-size:16px}@media (max-width:780px){.robot-app{padding:0 18px 40px}.robot-layout{grid-template-columns:1fr}.robot-card{border-radius:20px;padding:22px}.robot-heading{flex-wrap:wrap;gap:12px;margin:28px auto 20px}.robot-heading h1{font-size:36px}.robot-section-title{display:block}.robot-direction{padding:9px 5px!important;font-size:13px!important}.robot-top nav{gap:10px 14px}.robot-top{gap:18px;padding:20px 0}.robot-arm{gap:12px}.robot-tabs button{padding:10px 13px;font-size:13px}.robot-welcome{border-radius:24px;margin:40px auto;padding:28px 22px}.robot-welcome h1{font-size:clamp(38px,9vw,56px)}.robot-login-options{align-items:stretch;gap:4px}.robot-login-options>a{text-align:center;width:100%}.robot-privacy{padding:35px 0}}@media (prefers-reduced-transparency:reduce){.robot-card,.robot-welcome{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbfdfb}}