*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}a{text-decoration:none}@keyframes hiroba-bookmarklet-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hiroba-bookmarklet-step-content{min-height:160px;margin-top:18px;animation:.22s both hiroba-bookmarklet-step-in}.hiroba-bookmarklet-platform-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.hiroba-bookmarklet-platform-option{color:#1f1f1f;cursor:pointer;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:152px;padding:18px 14px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;display:flex}.hiroba-bookmarklet-platform-option:hover,.hiroba-bookmarklet-platform-option-selected{background:#fff7f8;border-color:#e8556a;box-shadow:0 6px 18px #e8556a1f}.hiroba-bookmarklet-platform-option:focus-visible{background:#fff7f8;border-color:#e8556a;box-shadow:0 6px 18px #e8556a1f}.hiroba-bookmarklet-platform-option:hover{transform:translateY(-1px)}.hiroba-bookmarklet-platform-option:focus-visible{outline-offset:2px;outline:2px solid #ffb3bf}.hiroba-bookmarklet-platform-icon{color:#e8556a;font-size:48px;line-height:1}.hiroba-bookmarklet-platform-label{font-size:16px;font-weight:700}.hiroba-bookmarklet-platform-hint{color:#8c8c8c;font-size:13px;line-height:1.5}.hiroba-bookmarklet-source-card{color:#f0f6fc;cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;margin-top:14px;padding:16px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 12px 28px #0d111729}.hiroba-bookmarklet-source-card:hover{background:#161b22;border-color:#8b949e;box-shadow:0 14px 32px #0d111738}.hiroba-bookmarklet-source-card:focus-visible{outline-offset:3px;outline:2px solid #e8556a}.hiroba-bookmarklet-source-icon{color:#f0f6fc;background:#161b22;border:1px solid #3d444d;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;line-height:1;display:inline-flex}.hiroba-bookmarklet-source-content{flex-direction:column;gap:4px;min-width:0;display:flex}.hiroba-bookmarklet-source-status{color:#7ee787;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.hiroba-bookmarklet-source-status-dot{background:#3fb950;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #3fb95024}.hiroba-bookmarklet-source-repository{color:#f0f6fc;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:700;line-height:1.45;display:flex}.hiroba-bookmarklet-source-external{color:#8b949e;flex:none;font-size:12px;transition:color .2s}.hiroba-bookmarklet-source-card:hover .hiroba-bookmarklet-source-external{color:#7ee787}.hiroba-bookmarklet-source-description{color:#b1bac4;font-size:13px;line-height:1.65}@media (max-width:480px){.hiroba-bookmarklet-source-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px}.hiroba-bookmarklet-source-icon{width:42px;height:42px;font-size:24px}.hiroba-bookmarklet-source-repository{font-size:13px}}@media (prefers-reduced-motion:reduce){.hiroba-bookmarklet-step-content,.hiroba-bookmarklet-platform-option,.hiroba-bookmarklet-source-card,.hiroba-bookmarklet-source-external{transition:none;animation:none}.hiroba-bookmarklet-platform-option:hover{transform:none}}