.sm-theme-18 {
    --sm-accent: var(--cyan);
    --sm-bg: var(--bg);
    --sm-panel: var(--panel);
    --sm-line: var(--line);
    --sm-text: var(--text);
    --sm-muted: var(--muted);
    --sm-control-radius: 9px;
    --sm-panel-radius: 14px;
    --sm-action-text: var(--bg);
}
.sm-theme-18 .sm-native-member-slot,
.sm-theme-18 .sm-member-dock { display: flex; align-items: center; }
.sm-theme-18 .sm-member-dock { position: static !important; gap: 6px; }
.sm-theme-18 .sm-member-icon {
    width: 40px;
    height: 40px;
    border-color: var(--line);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
}
.sm-theme-18 .sm-member-icon:hover,
.sm-theme-18 .sm-member-icon.active { border-color: var(--cyan); color: var(--cyan); }
.sm-theme-18 .sm-page-main {
    box-sizing: border-box;
    width: min(calc(100% - 40px), var(--max));
    max-width: none;
    min-height: 65vh;
    padding: 34px 0 58px;
}
.sm-theme-18 .sm-page-hero {
    margin-bottom: 18px;
    padding: clamp(26px, 4vw, 48px);
    border: 1px solid var(--line);
    border-left: 5px solid var(--cyan);
    border-radius: 16px;
    background: linear-gradient(120deg, var(--panel), var(--panel2));
    box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
}
.sm-theme-18 .sm-page-hero > span { color: var(--cyan); }
.sm-theme-18 .sm-page-hero h1 { margin: 6px 0; font-size: clamp(32px, 5vw, 58px); }
.sm-theme-18 .sm-page-hero p { margin: 0 0 22px; color: var(--muted); }
.sm-theme-18 .sm-page-hero nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.sm-theme-18 .sm-page-hero nav a {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--bg);
    color: var(--muted);
    font-weight: 800;
}
.sm-theme-18 .sm-page-hero nav a:hover { border-color: var(--cyan); color: var(--cyan); }
.sm-theme-18 .sm-page-notice {
    border-color: var(--line);
    background: var(--panel);
    color: var(--muted);
}
.sm-theme-18 .sm-card,
.sm-theme-18 .sm-create,
.sm-theme-18 .sm-public-sort a,
.sm-theme-18 .sm-history-clear,
.sm-theme-18 .sm-page-pages a {
    border-color: var(--line);
    border-radius: 11px;
    background: var(--panel);
    color: var(--text);
}
.sm-theme-18 .sm-create input,
.sm-theme-18 .sm-create textarea { border-color: var(--line); background: var(--panel2); color: var(--text); }
.sm-theme-18.sm-member-dialog,
.sm-theme-18.sm-playlist-dialog,
.sm-theme-18 .sm-member-dialog,
.sm-theme-18 .sm-playlist-dialog { border-color: var(--line); background: var(--panel); color: var(--text); }
.sm-theme-18 .sm-member-menu button,
.sm-theme-18 .sm-member-menu a,
.sm-theme-18 .sm-member-local a { border-color: var(--line); background: var(--panel2); color: var(--text); }
.sm-theme-18 .sm-native-page-foot { border-color: var(--line); background: #050b10; }
.watch .sm-video-actions { margin: 18px 0 12px !important; }
.watch .sm-video-actions button {
    min-height: 42px;
    border-color: var(--line) !important;
    border-radius: 9px !important;
    background: var(--panel2) !important;
    color: var(--text) !important;
}
.watch .sm-video-actions button:hover { border-color: var(--cyan) !important; color: var(--cyan) !important; }
.watch .sm-video-actions button.active { border-color: var(--cyan) !important; background: var(--cyan) !important; color: var(--bg) !important; }
.watch .sm-comments {
    width: 100%;
    max-width: none;
    border-color: var(--line);
    border-radius: 14px;
    background: var(--panel);
}
@media (max-width: 1050px) {
    .sm-theme-18 .topbar .header-row { gap: 10px; }
    .sm-theme-18 .topbar .search { margin-left: auto; }
}
@media (max-width: 640px) {
    .sm-theme-18 .sm-page-main { width: min(calc(100% - 24px), var(--max)); padding-top: 18px; }
    .sm-theme-18 .sm-page-hero { padding: 23px 18px; }
    .sm-theme-18 .sm-page-hero nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sm-theme-18 .topbar .header-row { gap: 6px; }
    .sm-theme-18 .topbar .search { width: 42px; flex: 0 0 42px; }
    .sm-theme-18 .topbar .search input { display: none; }
    .sm-theme-18 .topbar .search button { width: 42px; padding: 0; }
    .sm-theme-18 .sm-member-dock .sm-member-icon { display: none !important; }
    .sm-theme-18 .sm-member-dock [data-sm-open] { display: inline-flex !important; }
    .watch .sm-video-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .watch .sm-video-actions button { min-width: 0; padding-right: 7px !important; padding-left: 7px !important; }
    .watch .sm-comments { margin-right: 0; margin-left: 0; padding: 16px 14px; }
}
