.surprise-root .terminal-path { margin-bottom: 8px; }
.surprise-root .terminal-back { margin-bottom: 8px; }
.surprise-welcome { display: flex; align-items: center; gap: 14px; margin: 14px 0 22px; }
.surprise-root .surprise-welcome p { margin: 0; font-size: 12px; line-height: 1.7; color: #685b47; max-width: 31ch; }
.surprise-welcome img { width: 86px; height: 86px; flex: none; object-fit: contain; }
.surprise-paper { border-block: 1px dotted #a08f77; padding: 22px 0 24px; margin: 20px 0 10px; }
.surprise-root .surprise-category { font-size: 11px; color: #52603e; margin: 0 0 12px; }
.surprise-root .surprise-action { font-family: var(--font-body, "DM Sans"), sans-serif; font-size: 21px; font-weight: 500; line-height: 1.5; margin: 0 0 16px; color: #241f19; }
.surprise-root .surprise-detail { font-family: var(--font-body, "DM Sans"), sans-serif; font-size: 16px; line-height: 1.65; margin: 0; color: #685b47; }
.surprise-paper:focus-visible { outline: 2px solid #814852; outline-offset: 7px; }
.surprise-actions { display: flex; flex-wrap: wrap; gap: 0 18px; }
.surprise-actions button { min-height: 48px; font-size: 12px; }
.surprise-next { display: block; width: 100%; padding: 12px 0; background: none; border: 0; text-align: left; cursor: pointer; color: #814852 !important; }
.surprise-actions [aria-pressed="true"] { color: #52603e; }
.surprise-root .surprise-stats, .surprise-root .surprise-privacy { font-size: 10px; color: #685b47; line-height: 1.7; }
.surprise-root .surprise-stats { margin: 10px 0 18px; }
.surprise-root .surprise-privacy { margin: 20px 0 0; }
.surprise-saved { border-top: 1px dotted #a08f77; padding-top: 5px; }
.surprise-saved summary { padding: 10px 0; min-height: 44px; cursor: pointer; font-size: 12px; }
.surprise-saved p { font-size: 12px; color: #685b47; }
.surprise-saved-item { display: block; width: 100%; background: none; border: 0; border-bottom: 1px dotted #cbbca2; text-align: left; padding: 14px 0; cursor: pointer; min-height: 48px; font-size: 12px !important; line-height: 1.6; }
.surprise-saved-item span { display: block; font-size: 10px; color: #52603e; margin-top: 4px; }
@media (max-width: 350px) { .surprise-welcome img { width: 66px; height: 66px; } .surprise-root .surprise-action { font-size: 19px; } }