.start-page-star { display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle; width: 44px; height: 44px; margin: 0 0 0 4px; padding: 10px; border: 0; border-radius: var(--btn-radius, 10px); background: transparent; color: var(--muted, #6b7280); cursor: pointer; transition: color .18s ease, background .18s ease; }
.start-page-star svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.start-page-star[aria-pressed="true"] { color: var(--primary-ink, #4f46e5); }
.start-page-star[aria-pressed="true"] svg { fill: currentColor; }
.start-page-star:hover, .start-page-star:focus-visible { color: var(--primary-ink, #4f46e5); background: var(--primary-soft, #eef2ff); }
.start-page-star:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
.start-page-star[hidden], .start-page-status[hidden] { display: none; }
.start-page-star:disabled { opacity: .55; cursor: wait; }
.shell-header > .start-page-star { margin: 0; }
.start-page-status { position: fixed; z-index: 200; bottom: calc(var(--bnav-h, 74px) + 12px); left: 50%; transform: translateX(-50%); max-width: calc(100% - 32px); box-sizing: border-box; padding: 12px 16px; border: 1px solid var(--border, #e5e7eb); border-radius: 16px; background: var(--card, #fff); color: var(--text, #111827); box-shadow: 0 8px 28px rgba(15,23,42,.16); font-size: 13px; line-height: 1.4; }
.start-page-status.is-error { color: var(--danger, #b91c1c); }
@media (min-width: 1024px) { .start-page-status { bottom: 24px; } }
@media (prefers-reduced-motion: reduce) { .start-page-star { transition: none; } }