:root{--office-card-bg:#fff;--office-body:#000;--office-code-panel-bg:#f3f2f1;--office-file-row-bg:#faf9f8;--office-file-row-border:#edebe9;--office-text:#323130}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,"Segoe UI Web (West European)",system-ui,-apple-system,sans-serif}.app-shell,body{min-height:100vh}.app-shell{background-color:var(--office-page-bg);color:var(--office-text);display:flex;flex-direction:column}.top-bar{align-items:center;background:var(--office-primary);color:#fff;display:flex;gap:8px;min-height:48px;padding:10px 20px}.top-bar .header-logo-svg{flex-shrink:0;height:22px;width:auto}.top-bar .brand-text{font-size:15px;font-weight:600;letter-spacing:-.2px}.page-wrap{display:flex;flex:1;justify-content:center;padding:32px 16px 24px}.card{background:var(--office-card-bg);border-radius:2px;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c;max-width:520px;padding:32px 36px 28px;width:100%}.share-block{margin-bottom:24px;text-align:center}.share-heading{color:var(--office-heading);font-size:20px;font-weight:600;line-height:1.35;margin-bottom:10px}.share-subtitle{color:var(--office-body);font-size:14px;line-height:1.5;margin-bottom:20px}.code-panel{background:var(--office-code-panel-bg);border-radius:4px;margin:24px 0 0;padding:20px 16px 18px;text-align:center}.code-label{color:var(--office-body);font-size:12px;margin-bottom:8px}.code-value{color:var(--office-primary);font-family:Segoe UI,Consolas,monospace;font-size:28px;font-weight:600;letter-spacing:2px;margin-bottom:12px;word-break:break-all}.copy-btn{background:var(--office-primary);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 20px}.copy-btn:hover{background:var(--office-primary-hover)}.copy-btn.copied{background:#107c10}.steps-block{margin-top:20px;text-align:left}.steps-title{color:#323130;font-size:13px;font-weight:600;margin-bottom:8px}.steps-list{color:var(--office-body);font-size:13px;line-height:1.65;padding-left:18px}.steps-list strong{color:var(--office-primary);font-weight:600}.open-btn{background:var(--office-primary);border:none;border-radius:2px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:22px;padding:11px 16px;width:100%}.open-btn:hover{background:var(--office-primary-hover)}.auth-wait{align-items:center;color:var(--office-body);display:none;font-size:13px;gap:10px;justify-content:center;margin-top:16px}.auth-wait.visible{display:flex}.auth-disclaimer{color:var(--office-body);font-size:11px;line-height:1.55;margin-left:auto;margin-right:auto;margin-top:14px;max-width:440px;text-align:center}.mini-spinner{animation:spin .8s linear infinite;border:2px solid var(--office-file-row-border);border-radius:50%;border-top-color:var(--office-primary);height:16px;width:16px}.secure-line{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:20px}.page-footer,.secure-line{color:#8a8886;text-align:center}.page-footer{font-size:11px;padding:16px}.page-footer a{color:#8a8886;margin:0 6px;text-decoration:none}.page-footer a:hover{text-decoration:underline}.loading-state,.success-state{padding:48px 20px;text-align:center}.spinner{animation:spin .9s linear infinite;border:3px solid #edebe9;border-radius:50%;border-top:3px solid var(--office-primary);height:40px;margin:0 auto 20px;width:40px}.loading-text{color:var(--office-text);font-size:15px;font-weight:600}.message-sub{color:var(--office-body);font-size:13px;margin-top:8px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:480px){.card{padding:24px 20px}.share-heading{font-size:18px}.code-value{font-size:22px;letter-spacing:1px}}@media(prefers-color-scheme:light){.app-shell.theme-adaptive{background-color:#f5f5f5!important}.app-shell.theme-adaptive .top-bar{background:#fff!important;border-bottom:1px solid #e5e5e5;color:#1b1b1b!important}.app-shell.theme-adaptive .card{background:#fff}.app-shell.theme-adaptive .code-panel{background:#f3f2f1}.app-shell.theme-adaptive .steps-title{color:#323130}.app-shell.theme-adaptive .page-footer,.app-shell.theme-adaptive .page-footer a,.app-shell.theme-adaptive .secure-line{color:#8a8886}.app-shell.theme-adaptive .secure-line path{fill:#8a8886}}@media(prefers-color-scheme:dark){.app-shell.theme-adaptive{background-color:#1a1a1a!important;color:#e0e0e0}.app-shell.theme-adaptive .top-bar{background:#2d2d2d!important;border-bottom:1px solid #404040;color:#fff!important}.app-shell.theme-adaptive .card{background:#2d2d2d;box-shadow:0 1.6px 3.6px #0006,0 .3px .9px #0000004d}.app-shell.theme-adaptive .share-subtitle{color:#b0b0b0}.app-shell.theme-adaptive .code-panel{background:#383838}.app-shell.theme-adaptive .code-label{color:#b0b0b0}.app-shell.theme-adaptive .steps-title{color:#e0e0e0}.app-shell.theme-adaptive .steps-list{color:silver}.app-shell.theme-adaptive .auth-wait{color:#b0b0b0}.app-shell.theme-adaptive .auth-disclaimer{color:#999}.app-shell.theme-adaptive .loading-text{color:#e0e0e0}.app-shell.theme-adaptive .message-sub{color:#b0b0b0}.app-shell.theme-adaptive .page-footer,.app-shell.theme-adaptive .page-footer a,.app-shell.theme-adaptive .secure-line{color:#666}.app-shell.theme-adaptive .secure-line path{fill:#666}.app-shell.theme-adaptive .mini-spinner,.app-shell.theme-adaptive .spinner{border-color:#555}}