@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;600;700&display=swap');

html body.jd-site,html.dark-mode body.jd-site {
    --text-color:#171717; --bg-gradient:#f4f1e8; --card-bg:#ffffff; --menu-bg:#f4f1e8;
    --border-color:#b9b4bb; --shadow-color:transparent; --button-bg:#171717;
    --button-bg-hover:#38323c; --button-secondary-bg:#9d7fe8; --button-secondary-text:#171717;
    --accent-pink:#f85ca9; --accent-lavender:#9d7fe8; --site-ink:#171717;
    --site-paper:#f4f1e8; --site-pink:#f85ca9; --site-lavender:#9d7fe8;
    --title-pill-bg:transparent; --title-pill-text:#171717; --page-accent:#f85ca9;
    background:#f4f1e8; color:#171717; font-family:'DM Sans',Arial,sans-serif;
    margin:0; padding:0; text-align:left; letter-spacing:0;
}
.jd-site *, .jd-site *::before, .jd-site *::after { box-sizing:border-box; }
.jd-site.jd-media-page { --page-accent:#9d7fe8; }
.jd-site #app-wrapper { max-width:none; width:100%; padding:0; margin:0; }
.jd-site:not(.jd-game-page) main { width:100%; max-width:1480px !important; margin:0 auto !important; padding:44px 5% 80px !important; }
.jd-site h1,.jd-site h2,.jd-site h3 { color:inherit; letter-spacing:0; text-shadow:none; }
.jd-site .editorial-page-title { font:400 80px/1.08 'Anton',Impact,sans-serif; text-transform:uppercase; text-align:left; overflow-wrap:anywhere; width:fit-content; max-width:100%; padding:0; margin:4px 0 38px; border:0; border-radius:0; box-shadow:none; background:transparent; }
.jd-site:not(.jd-tool-page):not(.jd-game-page) .editorial-page-title { border-bottom:12px solid var(--page-accent); padding-bottom:12px; }
.jd-site .editorial-page-title img { width:56px; height:56px; object-fit:contain; vertical-align:middle; }
.jd-site h2:not(.editorial-page-title) { font:700 25px/1.25 'DM Sans',Arial,sans-serif; }
.jd-site h3 { font-size:19px; line-height:1.3; }
.jd-site p { line-height:1.6; }
.jd-site a { color:inherit; text-underline-offset:4px; }
.jd-site button,.jd-site input,.jd-site textarea,.jd-site select { font-family:inherit; letter-spacing:0; }
.jd-site button,.jd-site .nav-cta-button,.jd-site .submit-button { border-radius:4px; box-shadow:none; }
.jd-site button:not(:disabled) { cursor:pointer; }
.jd-site :is(button,a,input,select,textarea):focus-visible { outline:3px solid #8a2462; outline-offset:3px; }
.jd-site input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.jd-site textarea,.jd-site select { border:1px solid #8a828a; border-radius:4px; background:#fff; color:#171717; max-width:100%; }
.jd-site :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:#852566; }
.jd-site :is(.card,.form-container,.admin-card,.profile-card,.notification,.message-card,.poll-card,.stream-card,.blurb-card) { border-radius:4px; box-shadow:none; }
.jd-site main > :is(.card,.page-header,.page-hero,.hero-section),.jd-site :is(.form-title,.section-title) { border:0; border-radius:0; background:transparent; box-shadow:none; }
.jd-site :is(.page-header,.page-hero,.hero-section) { color:#171717; }
.jd-site :is(.stream-info,.blurb-content,.poll-card,.notification) { color:#171717; }
.jd-site :is(.streams-grid,.blurbs-grid,.polls-grid) { gap:24px; }
.jd-site :is(.stream-card,.blurb-card) { border:0; border-bottom:2px solid #171717; background:transparent; padding-bottom:12px; }
.jd-site .stream-card:hover { transform:translateY(-3px); }
.jd-site :is(.stream-thumbnail,.blurb-image) { border-radius:2px; }
.jd-site .stream-info { padding:16px 0; }
.jd-site :is(.profile-left-column,.profile-right-column) { min-width:0; }
.jd-site :is(#profile-content-container,.profile-section,.perks-section) { border-radius:0; box-shadow:none; }
.jd-site #subscription-status { border-radius:4px; }
.jd-site .form-title { justify-content:flex-start; }
.jd-site :is(table) { border-collapse:collapse; }
.jd-site :is(th) { background:#171717; color:#f4f1e8; }
.jd-site :is(td,th) { border-bottom:1px solid #b9b4bb; }
.jd-site .pagination { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:28px 0; }
.jd-site .pagination button { min-height:40px; }
.jd-site.jd-tool-page .editorial-page-title { font-size:38px; margin-bottom:22px; }
.jd-site.jd-tool-page :is(.admin-section,.admin-panel,.form-container) { border:1px solid #b9b4bb; border-radius:4px; background:#fff; box-shadow:none; }
.jd-site.jd-game-page .editorial-page-title { font-size:44px; margin:20px 0; }
.jd-site.jd-game-page :is(.room-heading,.editor-header,.game-header) { background:transparent; color:#171717; border-radius:0; box-shadow:none; }
.jd-site.jd-game-page :is(.editor-panel,.controls-panel) { border-radius:4px; box-shadow:none; }
.jd-site #nav-placeholder { margin:0; min-height:80px; background:#f4f1e8; }
.jd-site #nav-placeholder > header { background:#f4f1e8; color:#171717; border:0; border-bottom:1px solid #171717; border-radius:0; padding:12px 4%; min-height:80px; box-shadow:none; backdrop-filter:none; }
.jd-site #nav-placeholder nav { gap:28px; }
.jd-site .jd-brand { font:21px 'Anton',Impact,sans-serif; text-decoration:none; white-space:nowrap; }
.jd-site .jd-nav-links { display:flex; gap:24px; align-items:center; }
.jd-site .jd-nav-links a { font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; }
.jd-site .nav-left-group { margin-left:auto; }
.jd-site .nav-right-group { margin-left:0; gap:12px; }
.jd-site .nav-center-links,.jd-site .nav-theme-toggle { display:none; }
.jd-site .nav-left-group > .nav-dropdown .dropdown-button { border:0; background:transparent; color:#171717; font-size:12px; text-transform:uppercase; padding:10px 0; }
.jd-site #login-dropdown-container > button { background:#171717; color:#f4f1e8; border:0; font-size:12px; padding:12px 18px; }
.jd-site .dropdown-menu { border-radius:2px; box-shadow:4px 4px 0 #171717; }
.jd-site main > :is(.gallery-hero,.admin-hero,.wm-hero,.polls-hero,.lore-hero,.stats-hero,.calendar-hero,.notifications-hero,.my-chores-hero,.date-night-hero),
.jd-site :is(.streams-banner-wrapper,.chores-banner-wrapper) {
    background:transparent; border:0; border-radius:0; box-shadow:none; padding:12px 0 32px; color:#171717;
}
.jd-site :is(.admin-hero,.gallery-hero)::after { display:none; }
.jd-site :is(.admin-intro,.gallery-hero p,.lore-hero p) { color:#171717; font-weight:400; }
.jd-site :is(.gallery-filter-panel,.notifications-toolbar,.wm-history-panel,.my-chores-week-panel,.lore-feature-panel,.profile-settings-section) {
    background:transparent; border:0; border-top:1px solid #171717; border-radius:0; box-shadow:none; padding:24px 0;
}
.jd-site :is(.admin-status,.admin-login-message,.gallery-item,.wm-game-panel,.calendar-panel,.lore-submit-panel,.lore-filter-panel) { border-radius:4px; box-shadow:none; background:#fff; }
.jd-site .gallery-tag-chip { border-radius:4px; background:#fff; color:#171717; font:500 14px/1.4 'DM Sans',Arial,sans-serif; }
.jd-site .gallery-tag-chip.active { background:#171717; color:#fff; }
.jd-site #gallery-view-toggle { background:#171717; border-color:#171717; }
.jd-site :is(.wm-hero,.wm-game-panel) { padding:24px; }
.jd-site :is(.gallery-filter-panel,.admin-hero,.wm-hero) :is(input,button,p,label) { font-family:'DM Sans',Arial,sans-serif; }
.jd-site :is(.admin-kicker,.gallery-kicker,.lore-kicker) { letter-spacing:0; color:#852566; }
.jd-site .nav-jbucks-container { background:transparent; border:0; box-shadow:none; }
@media(max-width:1100px) { .jd-site .jd-nav-links { display:none; } .jd-site .editorial-page-title { font-size:64px; } }
@media(max-width:700px) {
    .jd-site:not(.jd-game-page) main { padding:28px 6% 56px !important; }
    .jd-site .editorial-page-title { font-size:42px; margin-bottom:26px; }
    .jd-site.jd-tool-page .editorial-page-title,.jd-site.jd-game-page .editorial-page-title { font-size:32px; }
    .jd-site #nav-placeholder nav { gap:12px; }
    .jd-site .jd-brand { font-size:17px; }
    .jd-site #nav-placeholder > header { padding:12px 4%; }
    .jd-site :is(.streams-grid,.blurbs-grid) { grid-template-columns:minmax(0,1fr); }
    .jd-site .editorial-page-title img { width:36px; height:36px; }
}
@media(max-width:380px) { .jd-site .jd-brand {font-size:15px;} .jd-site .editorial-page-title {font-size:36px;} }