body.theme-safari {
    background: #bdbdc4;
    color: #1d1d1f;
}
.theme-safari .window {
    background: #ececf1;
}
.theme-safari .titlebar {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 10px 10px 0 14px;
    background: linear-gradient(#f4f4f7, #e6e6eb);
    border-bottom: 1px solid #d4d4da;
    min-height: 44px;
}
.theme-safari .traffic {
    display: flex;
    gap: 8px;
    padding: 0 4px 12px;
}
.theme-safari .traffic span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    box-shadow: inset 0 0 0 0.5px rgb(0 0 0 / .18);
}
.theme-safari .traffic span:nth-child(1) { background: #ff5f57; }
.theme-safari .traffic span:nth-child(2) { background: #febc2e; }
.theme-safari .traffic span:nth-child(3) { background: #28c840; }
.theme-safari .tabs {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: flex-end;
}
.theme-safari .tab {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 240px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #d0d0d6;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #1d1d1f;
    font-size: 12px;
    font-weight: 500;
}
.theme-safari .tab-favicon {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(#8e8e93, #636366);
    flex: 0 0 auto;
}
.theme-safari .tab-add {
    margin: 0 4px 6px auto;
    color: #6e6e73;
}
.theme-safari .toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 10px;
    background: #fff;
    border-bottom: 1px solid #e5e5ea;
}
.theme-safari .toolbar .icon-btn { color: #3a3a3c; }
.theme-safari .omnibox {
    height: 32px;
    padding: 0 12px;
    background: #f2f2f7;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e5e5ea;
}
.theme-safari .omnibox input {
    text-align: center;
    font-size: 13px;
}
.theme-safari .omnibox input:focus { text-align: left; }
.theme-safari .lock {
    display: grid;
    place-items: center;
    color: #8e8e93;
}
.theme-safari .lock svg { width: 12px; height: 12px; }
.theme-safari .toolbar-end { display: flex; gap: 2px; }
.theme-safari .start { background: #f5f5f7; color: #1d1d1f; }
.theme-safari .start-kicker {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6e6e73;
}
.theme-safari .start p { color: #6e6e73; }
.theme-safari .status {
    background: rgb(255 255 255 / .92);
    color: #1d1d1f;
    box-shadow: 0 8px 24px rgb(0 0 0 / .12);
}
