body.search-home {
    --home-background: #fff;
    --home-surface: #f7f5f2;
    --home-muted: #857e74;
    --home-text: #57534e;
    --home-strong: #292524;
    --home-toggle: #ece9e5;
    --home-button: linear-gradient(110deg, #ffab65, #f47732);
    margin: 0;
    background: var(--home-background) !important;
    color: var(--home-text);
    font-family: Arial, Helvetica, sans-serif;
}
html[data-theme="dark"] body.search-home {
    --home-background: #0c0b09;
    --home-surface: #171511;
    --home-muted: #787267;
    --home-text: #d0cbc2;
    --home-strong: #f0ece6;
    --home-toggle: #302d26;
    --home-button: linear-gradient(110deg, #ad6100, #d87900);
    color-scheme: dark;
}
.search-home .main-content { margin-top: 0 !important; }
.home-content { min-height: 100vh; min-height: 100svh; box-sizing: border-box; padding: 30vh 24px 48px; text-align: center; }
.home-wordmark { margin: 0 0 clamp(52px, 6.2vw, 90px); color: #ff8500; font-family: Arial, Helvetica, sans-serif; font-size: clamp(30px, 3.44vw, 58px); font-weight: 700; font-style: italic; line-height: 1.2; letter-spacing: -0.04em; }
.home-search { display: flex; align-items: center; gap: clamp(7px, .84vw, 14px); width: min(54vw, 900px); margin: 0 auto; padding: clamp(3px, .36vw, 6px) clamp(5px, .6vw, 10px); border-radius: 999px; background: var(--home-surface); }
.home-search svg { width: clamp(15px, 1.72vw, 25px); height: clamp(15px, 1.72vw, 25px); flex-shrink: 0; color: var(--home-muted) !important; }
.home-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: none; background: transparent; color: var(--home-strong); font: inherit; font-size: clamp(11px, 1.18vw, 16px); line-height: clamp(24px, 2.57vw, 38px); }
.home-search input::placeholder { color: var(--home-muted); opacity: 1; font-style: italic; }
.home-search:focus-within { outline: 2px solid #f58a34; outline-offset: 3px; }
.home-search button { flex-shrink: 0; border: 0; border-radius: 999px; padding: 0 clamp(15px, 1.79vw, 28px); background: var(--home-button); color: #fff; font: inherit; font-size: clamp(9px, .96vw, 14px); line-height: clamp(23px, 2.47vw, 36px); cursor: pointer; }
.home-search button:hover { filter: brightness(1.08); }
.home-search .notice-clear { background: transparent; border: 0; color: var(--home-muted); padding: 0 6px; font-size: 20px; cursor: pointer; }
.home-search input:placeholder-shown + .notice-clear { visibility: hidden; }
.home-search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.home-search input[type="search"]::-ms-clear { display: none; }
.home-tagline { margin: clamp(14px, 1.72vw, 27px) 0 clamp(20px, 2.37vw, 36px); color: var(--home-muted); font-size: clamp(11px, 1.18vw, 16px); line-height: 1.6; }
.home-tagline strong { color: var(--home-strong); font-weight: 700; }
.home-links { display: flex; justify-content: center; gap: clamp(70px, 8.37vw, 135px); }
.home-links a { color: var(--home-text); font-size: clamp(11px, 1.18vw, 16px); line-height: 1.6; text-decoration: none; }
.home-links a:hover { text-decoration: underline; }
.home-links a:focus-visible, .home-search button:focus-visible { outline: 2px solid #f58a34; outline-offset: 4px; }
.home-theme-toggle { position: absolute; top: clamp(27px, 3.22vw, 48px); right: clamp(36px, 4.3vw, 64px); }
.home-theme-input { position: absolute; width: 100%; height: 100%; opacity: 0; margin: 0; }
.home-theme-label { position: relative; display: flex; align-items: center; justify-content: space-around; width: clamp(42px, 4.73vw, 68px); height: clamp(24px, 2.57vw, 36px); margin: 0; border: 1px solid var(--home-toggle); border-radius: 999px; background: var(--home-surface); cursor: pointer; }
.home-theme-label img { width: clamp(16px, 1.91vw, 24px); height: clamp(16px, 1.91vw, 24px); position: relative; z-index: 1; }
.home-theme-slider { position: absolute; right: 2px; width: calc(50% - 2px); height: calc(100% - 4px); border-radius: 50%; background: var(--home-toggle); transition: transform .2s; }
html[data-theme="dark"] .home-theme-label .home-theme-slider { transform: translateX(-100%); }
html[data-theme="dark"] .home-theme-label .home-theme-sun { filter: grayscale(1); opacity: .5; }
html[data-theme="dark"] .home-theme-label .home-theme-moon { filter: sepia(1) saturate(5); }
.home-theme-input:focus-visible + .home-theme-label { outline: 2px solid #f58a34; outline-offset: 4px; }
@media (max-width: 600px) {
    .home-search { width: 100%; max-width: 480px; }
    .home-wordmark { font-size: 36px; margin-bottom: 42px; }
    .home-search input { font-size: 16px; line-height: 38px; }
    .home-search button { font-size: 13px; line-height: 34px; padding: 0 20px; }
    .home-tagline, .home-links a { font-size: 13px; }
    .home-theme-toggle { top: 20px; right: 20px; }
    .home-links { gap: 48px; }
}
@media (prefers-reduced-motion: reduce) { .home-theme-slider { transition: none; } }

.home-search { position: relative; }
.home-search.history-open {
    border-radius: 22px 22px 0 0;
    outline: 1px solid #ed8900;
    outline-offset: 0;
    box-shadow: 0 0 7px #ed890080;
    z-index: 2;
}
.home-search.history-open > svg { color: #ed8900 !important; }
.home-history {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    margin: 0;
    padding: 12px 0;
    list-style: none;
    text-align: left;
    background: var(--home-background);
    border: 1px solid #ad6800;
    border-top: 2px solid #c77800;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 3px 7px #ed890050;
    overflow: hidden;
}
.home-history[hidden] { display: none; }
.home-history li {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 36px;
    padding: 8px 16px;
    color: var(--home-muted);
    font-size: clamp(13px, 1.18vw, 16px);
    line-height: 1.4;
    cursor: pointer;
}
.home-history li:hover, .home-history li[aria-selected="true"], .home-history li:focus-within {
    background: var(--home-toggle);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px var(--home-muted);
}
.home-history-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-search .home-history-delete {
    visibility: hidden;
    padding: 0 16px;
    background: transparent;
    color: var(--home-muted);
    font-size: 11px;
    line-height: 20px;
    border-radius: 4px;
}
.home-history li:hover .home-history-delete,
.home-history li[aria-selected="true"] .home-history-delete,
.home-history li:focus-within .home-history-delete { visibility: visible; }
.home-search .home-history-delete:hover { color: var(--home-strong); text-decoration: none; }
@media (hover: none) { .home-search .home-history-delete { visibility: visible; } }
.home-history-clock { position: relative; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; flex-shrink: 0; }
.home-history-clock::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 5px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; }
