:root{--bg: #0b0c0e;--surface: #14171a;--border: #2b3036;--text: #e8eaed;--muted: #9299a2;--accent: #ffffff;--success: #b8e986;--danger: #ed8f8f;--green: var(--success);--red: var(--danger);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit}.loading,.container{width:min(100% - 32px,640px);margin:0 auto}.loading{display:grid;min-height:100dvh;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.loading-logo{width:72px;height:72px;animation:spin 1s linear infinite}.page-message{padding-top:32px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.container{min-height:100dvh;padding:28px 0 48px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.header-avatar{width:96px;height:96px;border-radius:8px;object-fit:cover}.header-line{color:var(--accent);font-size:21px;font-weight:600;letter-spacing:-.02em}.header-desc{margin-top:2px;color:var(--muted);font-size:14px}.box{margin-bottom:32px}.box-title{margin-bottom:14px;color:var(--accent);font-size:18px;font-weight:600}.info-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:0}.info-label{color:var(--muted)}.info-value{text-align:right}.badge{color:var(--success);font-weight:600}.badge-disabled,.badge-expired,.badge-limited{color:var(--danger)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:3px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.tab{min-height:36px;padding:7px 10px;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:14px}.tab:hover,.tab:focus-visible{color:var(--text);outline:none}.tab.active{background:var(--bg);color:var(--accent)}.pills{display:flex;justify-content:center;gap:4px;margin-bottom:18px;padding:3px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.pill{flex:1 1 0;min-width:0;min-height:36px;padding:7px 10px;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:clamp(12px,2vw,14px);white-space:nowrap}.pill:hover,.pill:focus-visible{background:var(--bg);color:var(--text);outline:none}.pill.active{background:var(--bg);color:var(--accent)}#appSteps{padding-top:18px;border-top:1px solid var(--border)}.step{margin-bottom:18px}.step:last-child{margin-bottom:0}.step-title{margin-bottom:4px;font-size:14px;font-weight:600}.step-title:before{display:inline-block;min-width:22px;content:attr(data-num);color:var(--muted);font-weight:400}.step-desc{margin:0;padding-left:22px;color:var(--muted);font-size:14px}.step-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-left:22px}.btn{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:14px;text-decoration:none}.btn:hover,.btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.btn-primary{border-color:var(--accent);color:var(--bg);background:var(--accent)}.btn-primary:hover,.btn-primary:focus-visible{color:var(--bg);background:#d8dce0}.step-guide-image{display:block;width:calc(100% - 22px);margin:10px 0 0 22px}.step-guide-image img{display:block;width:100%;max-height:360px;border:1px solid var(--border);border-radius:6px;object-fit:contain}.profile-section+.profile-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.profile-section-title{margin:0 0 4px;color:var(--accent);font-size:14px;font-weight:600}.profile-optional>summary{cursor:pointer;font-size:18px}.profile-optional[open]>summary{margin-bottom:12px}.profile-optional>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.profile-help,.profile-status{margin:0 0 12px;color:var(--muted);font-size:14px}.profile-status.error{color:var(--danger)}.profile-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.profile-url-row .btn{padding-inline:14px}.profile-url{padding:10px;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:5px;background:var(--surface);font:12px/1.5 var(--mono)}.profile-qr{display:flex;justify-content:center;margin-top:16px}.profile-qr img{display:block;width:100%;max-width:280px;height:auto;border-radius:4px}.toast{position:fixed;bottom:20px;left:50%;z-index:1;padding:8px 12px;transform:translate(-50%,64px);border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);font-size:13px;pointer-events:none;transition:transform .15s ease}.toast.show{transform:translate(-50%)}@media(max-width:560px){.loading,.container{width:min(100% - 24px,640px)}.container{padding-top:24px}.page-header{margin-bottom:28px}.header-avatar{width:80px;height:80px}.info-row{align-items:flex-start;flex-direction:column;gap:2px}.info-value{text-align:left}.pills{flex-wrap:wrap}.pill{flex:0 1 calc(50% - 2px)}.step-buttons{flex-direction:column}.step-buttons .btn{width:100%}}