*{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}@media (prefers-reduced-motion:reduce){.hiroba-bookmarklet-step-content,.hiroba-bookmarklet-platform-option{transition:none;animation:none}.hiroba-bookmarklet-platform-option:hover{transform:none}}