*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#0b1712;font-family:Inter,"PingFang SC",sans-serif}nav{height:66px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#07110e;color:#fff}nav a{color:inherit;text-decoration:none}main{width:min(960px,92vw);margin:auto;padding:64px 0 90px}.step>span,header span{font:800 11px monospace;letter-spacing:.15em;color:#24775c}header h1{margin:12px 0;font-size:clamp(42px,7vw,72px);line-height:1}.lead,header p{color:#66736c}.notice{margin:30px 0 18px;padding:14px 18px;border-radius:10px;background:#fff0c6;color:#735500}.notice.ok{background:#e5f5e9;color:#17613f}.steps{margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.steps li{padding:15px;border-bottom:2px solid #d8dfda;color:#829087}.steps li.active{border-color:#17684f;color:#17684f}.steps b{margin-right:8px}form{padding:34px;border:1px solid #dbe2dd;border-radius:20px;background:#fff}.step{display:none}.step.active{display:block}.step h2{margin:9px 0 10px;font-size:32px}.mode-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-grid label{position:relative;min-height:230px;padding:22px;border:2px solid #e0e6e2;border-radius:15px;cursor:pointer}.mode-grid label:has(input:checked){border-color:#17684f;background:#f2faf5;box-shadow:0 10px 25px rgba(23,104,79,.1)}.mode-grid input{position:absolute;right:16px;top:16px}.mode-grid i{display:block;margin-bottom:30px;color:#24775c;font:800 11px monospace}.mode-grid strong{font-size:19px}.mode-grid p{color:#526159;line-height:1.6}.mode-grid small{color:#809087;line-height:1.5}.fields{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{display:grid;gap:8px;color:#536159;font-size:12px}.fields .full{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;padding:13px;border:1px solid #ccd7d0;border-radius:9px;background:#fff}.fields textarea{resize:vertical}.fields small{color:#7a887f}.confirm{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.confirm input{width:auto}.mode-summary{margin-top:20px;padding:18px;border-radius:12px;background:#edf5f0}.mode-summary strong{display:block;margin-bottom:6px}footer{margin-top:28px;display:flex;justify-content:space-between;gap:12px}button{min-height:46px;padding:0 22px;border:0;border-radius:9px;background:#0b2118;color:#c8ff58;font-weight:800;cursor:pointer}#back{background:#edf1ee;color:#173d2d}#message{min-height:20px;color:#17684f}@media(max-width:720px){main{padding-top:35px}.fields,.mode-grid{grid-template-columns:1fr}.fields .full{grid-column:auto}form{padding:22px}.mode-grid label{min-height:auto}.steps li{font-size:12px}}.mode-config{margin-top:20px;padding:22px;border:1px solid #dbe4de;border-radius:14px;background:#fafcfb}.mode-config h3{margin:0 0 8px;font-size:20px}.easy-next{padding:18px;border-radius:10px;background:#edf5f0}.easy-next li,.easy-next p{color:#536159;line-height:1.7}.final-confirm{margin-top:22px;color:#536159;font-size:12px}.subscription-pricing-fields,.token-pricing-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subscription-pricing-fields>label,.token-pricing-fields>label{grid-template-rows:auto 46px;align-content:start}.subscription-pricing-fields input,.token-pricing-fields input{height:46px}.subscription-pricing-fields>small,.token-pricing-fields>small{grid-column:1/-1;margin-top:-6px;line-height:1.6}@media(max-width:720px){.subscription-pricing-fields,.token-pricing-fields{grid-template-columns:1fr}.subscription-pricing-fields>small,.token-pricing-fields>small{grid-column:auto}}.device-list{margin:18px 0;display:grid;gap:8px}.device-item{padding:13px;border:1px solid #d9e2dc;border-radius:9px}.device-item small{display:block;margin-top:5px;color:#758078}.pairing-result{margin-top:18px;padding:20px;border:2px solid #17684f;border-radius:12px;background:#f0faf4}.pairing-result dl{display:grid;gap:10px}.pairing-result dl>div{padding:12px;background:#fff;border-radius:8px}.pairing-result dt{font-size:11px;color:#65736b}.pairing-result dd{margin:7px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.pairing-result code{word-break:break-all;color:#17684f}.pairing-result button{min-height:34px;padding:0 12px}.pairing-result a{color:#17684f;font-weight:700}.connector-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 16px;padding:0;list-style:none}.connector-steps li{display:flex;align-items:center;gap:8px;color:#819087;font-size:11px}.connector-steps li:not(:last-child):after{content:"";height:1px;flex:1;background:#d5ded8}.connector-steps b{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #cbd8d0;border-radius:50%;background:#fff}.connector-steps .active b{border-color:#17684f;background:#17684f;color:#c8ff58}.connector-download-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #cad8d0;border-radius:14px;background:linear-gradient(135deg,#f0f8f3,#fff)}.connector-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:#0b2118;color:#c8ff58;font-weight:900}.connector-download-card span,.connector-section-title span{color:#24775c;font:800 10px monospace;letter-spacing:.12em}.connector-download-card h4,.connector-section-title h4{margin:4px 0;font-size:17px}.connector-download-card p{margin:3px 0 8px;color:#607067;font-size:12px;line-height:1.5}.connector-download-card small{color:#8a6850}.connector-download-card small i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#dd9349}.connector-download-card.connected small{color:#24775c}.connector-download-card.connected small i{background:#27a46f}.connector-download-card>a{padding:13px 17px;border-radius:9px;background:#0b2118;color:#c8ff58;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.connector-section-title{display:flex;align-items:center;gap:12px;margin:28px 0 0}.connector-section-title>b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e6f1ea;color:#17684f;font:800 12px monospace}.connector-section-title h4{margin:2px 0}.device-item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;cursor:pointer}.device-item input{grid-row:1/3;align-self:center}.device-item:has(input:checked){border-color:#17684f;background:#f0faf4}.device-item:has(input:disabled){opacity:.65;cursor:not-allowed}@media(max-width:720px){.connector-steps{grid-template-columns:1fr 1fr;gap:10px}.connector-steps li:after{display:none}.connector-download-card{grid-template-columns:auto 1fr}.connector-download-card>a{grid-column:1/-1;text-align:center}}[hidden]{display:none!important}.device-action button{width:100%;min-height:48px;border:1px solid #ccd7d0;background:#fff;color:#17684f;border-radius:9px}.device-action button:hover{border-color:#17684f;background:#f2faf5}.other-device-action{margin-bottom:-8px}#newDevice .device-action button{width:100%;height:46px;min-height:0;padding:0 13px;border:1px solid #ccd7d0;border-radius:9px;background:#fff;color:#17684f;font:700 14px Inter,"PingFang SC",sans-serif;text-align:left;box-shadow:none}#newDevice .device-action button:hover{border-color:#17684f;background:#f2faf5}#newDevice .device-action button:focus-visible{outline:rgba(23,104,79,.22) solid 2px;outline-offset:2px}#newDevice>.device-action{display:block;align-self:start;padding-top:25px}#newDevice>.device-action button{display:block;margin:0;height:46px}.device-manager-group{margin-top:16px}.device-manager-group>h5,.other-devices summary{margin:0;font-size:14px;color:#173d2d}.device-manager-group>p,.other-devices>p{margin:5px 0;color:#758078;font-size:12px}.other-devices{margin-top:14px;padding:16px;border:1px solid #dbe4de;border-radius:12px;background:#fff}.other-devices summary{cursor:pointer;list-style:none}.other-devices summary::-webkit-details-marker{display:none}.other-devices summary:after{content:"＋";float:right}.other-devices[open] summary:after{content:"−"}.other-devices summary b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:7px;border-radius:12px;background:#edf5f0;color:#17684f;font-size:11px}.device-manager-card{padding:16px;border:1px solid #d9e2dc;border-radius:11px;background:#fff}.device-manager-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-manager-card header small{display:block;margin-top:4px;color:#758078}.device-state{padding:4px 8px;border-radius:10px;background:#edf1ee;color:#66736c;font-size:10px}.device-state.online{background:#e2f5e9;color:#17613f}.device-state.pending{background:#fff1ce;color:#795c18}.device-state.revoked{background:#f4e5e5;color:#874444}.device-manager-card>label{display:block;margin-top:13px;color:#65736b;font-size:11px}.device-id-control{display:grid;grid-template-columns:1fr auto;margin-top:6px}.device-id-control button,.device-id-control input,.recovery-actions button{height:42px;border:1px solid #ccd7d0;background:#fff;color:#17684f;font:13px Inter,"PingFang SC",sans-serif}.device-id-control input{min-width:0;padding:0 12px;border-radius:9px 0 0 9px;color:#43544b}.device-id-control button{padding:0 16px;border-left:0;border-radius:0 9px 9px 0;font-weight:700}.device-manager-card>p{margin:10px 0 0;color:#7a887f;font-size:11px}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.recovery-actions button{padding:0 14px;border-radius:8px;font-weight:700}.device-id-control button:hover,.recovery-actions button:hover{border-color:#17684f;background:#f2faf5}.recovery-actions button[data-revoke-device]{color:#9a641e}.recovery-actions button[data-delete-device]{color:#a44040}.recovery-actions button:disabled{cursor:not-allowed;opacity:.42;background:#f3f5f3}.recovery-item{display:block}.recovery-item .recovery-actions{margin-top:0}@media(max-width:620px){.device-manager-card>header{display:block}.device-state{display:inline-block;margin-top:8px}.recovery-actions{display:grid;grid-template-columns:1fr 1fr}.recovery-actions button{width:100%}}