:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#1f2937;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{min-height:100vh;padding:16px;display:flex;justify-content:center}.app-shell{width:100%;max-width:460px}.top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tab-group{display:inline-flex;background:#e5e7eb;border-radius:10px;padding:4px;gap:4px}.tab-button{border:none;background:transparent;color:#4b5563;padding:8px 16px;border-radius:8px;font-size:14px}.tab-button.active{background:#fff;color:#111827;box-shadow:0 1px 4px #0000001a}.icon-button{width:36px;height:36px;border:none;border-radius:10px;background:#fff;color:#111827;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f}.content-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px #1f29371a}.section-title{margin:0 0 8px;font-size:22px}.section-subtitle{margin:0 0 14px;color:#6b7280;font-size:14px}.actions{display:grid;gap:10px}.history-placeholder{border:1px dashed #cbd5e1;border-radius:10px;padding:14px;color:#64748b;font-size:14px;background:#f8fafc}.status-text{margin:14px 0 0;color:#374151;font-size:13px}button{border:none;border-radius:10px;background:#06c755;color:#fff;padding:11px 14px;font-size:14px;cursor:pointer}button:disabled{background:#9ca3af;cursor:not-allowed}.secondary{background:#374151}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;padding:12px}.settings-modal{width:100%;max-width:460px;background:#fff;border-radius:16px;padding:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h2{margin:0;font-size:18px}.profile-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280}.profile-name{margin:0;font-weight:600}.profile-id{margin:4px 0 0;color:#6b7280;font-size:13px;word-break:break-all}.info-list{margin:0 0 12px}.info-list div{margin-bottom:8px}.info-list dt{color:#6b7280;font-size:12px}.info-list dd{margin:2px 0 0;font-size:14px}