body {
    margin: 0;
    padding: 0;
    background: #080401 url(images/apr1_bg.jpg) no-repeat fixed center top;
    color: #fff4d2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/apr1_bg.jpg) no-repeat center center fixed;
    background-size: cover;
    opacity: 0.38;
    filter: saturate(1.18);
    z-index: -3;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 209, 87, 0.22), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(255, 174, 0, 0.16), transparent 26%),
        radial-gradient(circle at 50% 82%, rgba(255, 234, 176, 0.10), transparent 30%),
        linear-gradient(180deg, rgba(9, 5, 1, 0.18), rgba(6, 3, 1, 0.86));
    z-index: -2;
}

a { color: #ffd96b; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
a.side, a.white, li.white a { color: #ffe8a6; text-decoration: none; }
a:hover.side, a:hover.white, li.white a:hover { color: #ffffff; text-decoration: none; }
form { margin: 0; }
hr, hr.side-hr { height: 1px; border: 0; background: rgba(255, 214, 113, 0.24); }
td, pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.apr1-page {
    position: relative;
    z-index: 1;
    padding: 24px 0 40px 0;
}

.apr1-header-wrap,
.apr1-nav-wrap,
.apr1-showcase-wrap,
.apr1-footer-wrap,
.apr1-layout {
    position: relative;
    z-index: 3;
    margin: 0 auto;
}

.apr1-watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -40px;
    font-size: 64px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #ffd982;
    opacity: 0.06;
    z-index: 2;
    pointer-events: none;
    transform: rotate(-18deg);
    text-shadow: 0 0 18px rgba(255, 183, 0, 0.42);
}

.apr1-note-rain {
    position: fixed;
    top: -20%;
    left: 0;
    width: 100%;
    height: 160%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.56;
    background-repeat: repeat;
    background-size: 220px 220px;
    mix-blend-mode: screen;
}

.apr1-note-rain-a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Crect fill='none' width='220' height='220'/%3E%3Ctext x='18' y='44' font-size='40' fill='rgba(255,235,180,0.90)'%3E%E2%99%AA%3C/text%3E%3Ctext x='136' y='28' font-size='30' fill='rgba(255,206,90,0.88)'%3E%E2%99%AB%3C/text%3E%3Ctext x='84' y='92' font-size='34' fill='rgba(255,244,219,0.86)'%3E%E2%99%AC%3C/text%3E%3Ctext x='170' y='126' font-size='46' fill='rgba(255,186,0,0.90)'%3E%E2%99%AA%3C/text%3E%3Ctext x='34' y='174' font-size='36' fill='rgba(255,214,120,0.86)'%3E%E2%99%AB%3C/text%3E%3Ctext x='120' y='204' font-size='28' fill='rgba(255,245,208,0.82)'%3E%E2%99%AA%3C/text%3E%3C/svg%3E");
    animation: apr1NotesFall 14s linear infinite;
}

.apr1-note-rain-b {
    opacity: 0.36;
    background-size: 300px 300px;
    filter: blur(0.3px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Crect fill='none' width='300' height='300'/%3E%3Ctext x='52' y='44' font-size='52' fill='rgba(255,245,198,0.68)'%3E%E2%99%AC%3C/text%3E%3Ctext x='212' y='82' font-size='38' fill='rgba(255,211,106,0.70)'%3E%E2%99%AA%3C/text%3E%3Ctext x='18' y='162' font-size='44' fill='rgba(255,198,40,0.72)'%3E%E2%99%AB%3C/text%3E%3Ctext x='170' y='220' font-size='58' fill='rgba(255,235,175,0.70)'%3E%E2%99%AC%3C/text%3E%3Ctext x='102' y='286' font-size='34' fill='rgba(255,245,210,0.62)'%3E%E2%99%AA%3C/text%3E%3C/svg%3E");
    animation: apr1NotesFallSlow 19s linear infinite;
}

@keyframes apr1NotesFall {
    0% { transform: translate3d(0, -12%, 0); }
    100% { transform: translate3d(-30px, 22%, 0); }
}

@keyframes apr1NotesFallSlow {
    0% { transform: translate3d(0, -16%, 0); }
    100% { transform: translate3d(34px, 26%, 0); }
}

.apr1-hero {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: rgba(24, 14, 3, 0.82);
    border: 1px solid rgba(255, 220, 133, 0.28);
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.52),
        0 0 60px rgba(255, 181, 39, 0.18),
        inset 0 1px 0 rgba(255, 249, 220, 0.18),
        inset 0 -18px 60px rgba(24, 12, 2, 0.54);
}

.apr1-hero-image { display: block; width: 100%; height: auto; }

.apr1-hero-glow {
    position: absolute;
    top: -12%;
    left: -10%;
    width: 120%;
    height: 130%;
    background:
        radial-gradient(circle at 28% 34%, rgba(255, 228, 156, 0.14), transparent 24%),
        radial-gradient(circle at 76% 36%, rgba(255, 187, 0, 0.18), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.07), transparent 34%, rgba(0,0,0,0.16));
    pointer-events: none;
}

.apr1-hero-text {
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 26px;
    padding: 16px 22px;
    border-radius: 18px;
    background: rgba(16, 9, 2, 0.42);
    border: 1px solid rgba(255,241,194,0.16);
    box-shadow: 0 10px 30px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.10);
}

.apr1-kicker {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #ffe38f;
    margin-bottom: 8px;
}

.apr1-hero-text h1 {
    margin: 0;
    font-size: 42px;
    line-height: 1.1;
    color: #fffaf0;
    text-shadow: 0 3px 20px rgba(255, 205, 85, 0.30), 0 0 26px rgba(255, 225, 160, 0.16);
}

.apr1-subline {
    margin-top: 8px;
    font-size: 13px;
    color: #fff0c4;
}

.top-nav { font-weight: bold; }
.top-nav ul { margin: 0; padding: 0; }
.top-nav ul li { display: inline; }
.top-nav ul li.first-link .bullet { display: none; }

.apr1-nav {
    margin-top: 16px;
    padding: 18px 22px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(37, 22, 5, 0.92), rgba(12, 7, 2, 0.92));
    border: 1px solid rgba(255, 220, 137, 0.22);
    box-shadow: 0 18px 40px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,249,221,0.10);
}

.apr1-bullet {
    color: #ffd15b;
    padding: 0 10px;
    text-shadow: 0 0 12px rgba(255, 197, 40, 0.55);
}

.apr1-showcase-wrap { margin-top: 18px; }
.apr1-showcase-cell { padding: 0; }

.apr1-premium-grid {
    overflow: hidden;
    padding: 24px;
    border-radius: 28px;
    background: rgba(17, 10, 2, 0.76);
    border: 1px solid rgba(255, 220, 132, 0.20);
    box-shadow: 0 26px 65px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255,255,255,0.08);
}

.apr1-premium-card {
    float: left;
    width: 31%;
    min-height: 250px;
    margin: 0 1.1% 22px 1.1%;
    padding: 18px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.00) 18%),
        radial-gradient(circle at 18% 12%, rgba(255, 226, 145, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(46, 28, 7, 0.96), rgba(16, 9, 2, 0.98));
    border: 1px solid rgba(255, 220, 130, 0.20);
    box-shadow:
        0 24px 60px rgba(0,0,0,0.42),
        0 10px 18px rgba(255, 192, 54, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.14),
        inset 0 -18px 30px rgba(0,0,0,0.22);
}

.apr1-request-card { width: 64.2%; min-height: 330px; }
.apr1-chat-card { min-height: 330px; }

.apr1-card-head {
    margin-bottom: 16px;
    overflow: hidden;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 220, 132, 0.12);
}
.apr1-card-head span {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff6dc;
}
.apr1-card-head em {
    float: right;
    font-style: normal;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #2d1800;
    padding: 5px 8px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffe9a4, #ffbf36);
}

.apr1-player-disc {
    width: 82px;
    height: 82px;
    margin: 8px auto 14px auto;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #141414 0 13px, #d09a1e 14px 18px, #101010 19px 30px, #2a2a2a 31px 40px, #121212 41px 100%);
    box-shadow: 0 14px 28px rgba(0,0,0,0.45), inset 0 0 16px rgba(255,210,80,0.14);
    animation: apr1Spin 3.8s linear infinite;
}
@keyframes apr1Spin { 100% { transform: rotate(360deg); } }

.apr1-player-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffe4a0;
}
.apr1-player-sub {
    margin-top: 8px;
    text-align: center;
    color: #f5e7c2;
}
.apr1-player-controls {
    margin-top: 18px;
    text-align: center;
}
.apr1-player-controls span,
.apr1-fake-button,
.apr1-chat-input span {
    display: inline-block;
    padding: 10px 16px;
    margin: 0 4px 6px 4px;
    border-radius: 999px;
    font-weight: bold;
    color: #2c1900;
    background: linear-gradient(180deg, #ffe7a1, #ffbe35);
    box-shadow: 0 10px 20px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.54);
}

.apr1-eq-stage {
    position: relative;
    height: 180px;
    padding-top: 30px;
    text-align: center;
}
.apr1-bar {
    display: inline-block;
    width: 22px;
    margin: 0 3px;
    vertical-align: bottom;
    border-radius: 10px 10px 7px 7px;
    background: linear-gradient(180deg, #fff1ba 0%, #ffd25f 14%, #ffb72c 42%, #bc6d00 100%);
    box-shadow: 0 12px 18px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.48);
    transform: perspective(300px) rotateX(-14deg);
}
.apr1-bar1 { height: 72px; animation: apr1Eq 1.1s ease-in-out infinite; }
.apr1-bar2 { height: 118px; animation: apr1Eq 1.3s ease-in-out infinite; }
.apr1-bar3 { height: 92px; animation: apr1Eq 1.2s ease-in-out infinite; }
.apr1-bar4 { height: 150px; animation: apr1Eq 1.4s ease-in-out infinite; }
.apr1-bar5 { height: 108px; animation: apr1Eq 1.25s ease-in-out infinite; }
.apr1-bar6 { height: 165px; animation: apr1Eq 1.15s ease-in-out infinite; }
.apr1-bar7 { height: 102px; animation: apr1Eq 1.35s ease-in-out infinite; }
.apr1-bar8 { height: 138px; animation: apr1Eq 1.18s ease-in-out infinite; }
.apr1-bar9 { height: 88px; animation: apr1Eq 1.28s ease-in-out infinite; }
.apr1-bar10 { height: 114px; animation: apr1Eq 1.22s ease-in-out infinite; }

@keyframes apr1Eq {
    0%, 100% { transform: perspective(300px) rotateX(-14deg) scaleY(0.56); }
    50% { transform: perspective(300px) rotateX(-14deg) scaleY(1.04); }
}

.apr1-eq-floor {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 4px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 194, 52, 0.18);
    filter: blur(8px);
}

.apr1-schedule-row {
    overflow: hidden;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 220, 132, 0.08);
    background: rgba(255,255,255,0.02);
}
.apr1-schedule-row span,
.apr1-schedule-row strong {
    float: left;
    width: 33%;
}
.apr1-schedule-head {
    color: #2e1a00;
    background: linear-gradient(180deg, #ffe8a2, #ffbe38);
    border-radius: 14px;
    margin-bottom: 8px;
}

.apr1-stat-grid { overflow: hidden; }
.apr1-stat-box {
    float: left;
    width: 44%;
    margin: 0 3% 14px 3%;
    padding: 16px 10px;
    text-align: center;
    border-radius: 18px;
    background: rgba(255, 218, 122, 0.08);
    border: 1px solid rgba(255, 220, 132, 0.14);
}
.apr1-stat-box strong {
    display: block;
    font-size: 26px;
    color: #ffe08e;
    text-shadow: 0 2px 0 #653700;
}
.apr1-stat-box span { color: #fff1c6; }

.apr1-form-row,
.apr1-request-line {
    margin-bottom: 12px;
}
.apr1-form-row label,
.apr1-request-line label {
    display: block;
    margin-bottom: 6px;
    color: #fff1c9;
    font-weight: bold;
}

.apr1-chat-bubble {
    padding: 12px 14px;
    border-radius: 16px;
    margin-bottom: 10px;
    max-width: 88%;
}
.apr1-chat-left {
    background: rgba(255, 220, 135, 0.10);
    border: 1px solid rgba(255, 220, 132, 0.14);
}
.apr1-chat-right {
    margin-left: auto;
    background: rgba(92, 54, 8, 0.70);
    border: 1px solid rgba(255, 220, 132, 0.10);
}
.apr1-chat-input {
    margin-top: 14px;
}
.apr1-chat-input input { width: 68%; }
.apr1-chat-input span { float: right; }

.apr1-request-text {
    width: 96%;
    height: 88px;
}
.apr1-request-bottom {
    margin-top: 14px;
}
.apr1-request-bottom small {
    display: block;
    margin-top: 8px;
    color: #f1dfb5;
}

.apr1-layout {
    clear: both;
    margin-top: 18px;
    border-radius: 28px;
    background: rgba(17, 10, 2, 0.72);
    border: 1px solid rgba(255, 220, 132, 0.20);
    box-shadow: 0 26px 65px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255,255,255,0.08);
}

.main-bg { padding: 18px 16px 14px 16px; }
.apr1-content-shell { min-height: 400px; }
.side-border-left, .side-border-right {
    width: 211px;
    padding: 16px 10px;
    vertical-align: top;
}

.side-left .side-border-right { display: none; }
.side-right .side-border-left { display: none; }

.apr1-block,
.apr1-side {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 24px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.00) 18%),
        radial-gradient(circle at 15% 12%, rgba(255, 231, 153, 0.18), transparent 30%),
        radial-gradient(circle at 85% 0%, rgba(255, 193, 64, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(39, 24, 6, 0.96), rgba(14, 8, 2, 0.98));
    border: 1px solid rgba(255, 220, 132, 0.20);
    box-shadow:
        0 24px 60px rgba(0,0,0,0.42),
        0 10px 18px rgba(255, 192, 54, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.16),
        inset 0 -18px 30px rgba(0,0,0,0.24);
    margin-bottom: 20px;
}

.main-body, .side-body {
    font-size: 12px;
    line-height: 1.7;
    color: #fff4d6;
    padding: 18px 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00) 16%),
        linear-gradient(180deg, rgba(23, 14, 4, 0.92), rgba(11, 7, 2, 0.96));
}

.capmain {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #fffdf7;
    letter-spacing: 0.7px;
    padding: 18px 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.00) 22%),
        linear-gradient(135deg, rgba(255, 229, 141, 0.34), rgba(255, 187, 0, 0.22) 46%, rgba(37, 22, 5, 0.98) 100%);
    border-bottom: 1px solid rgba(255, 220, 132, 0.16);
    text-shadow: 0 2px 20px rgba(255, 214, 103, 0.20);
    box-shadow: inset 0 -10px 22px rgba(0,0,0,0.16);
}

.scapmain {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #fffdf7;
    padding: 14px 16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.00) 24%),
        linear-gradient(135deg, rgba(255, 229, 141, 0.28), rgba(255, 187, 0, 0.18) 52%, rgba(37, 22, 5, 0.98) 100%);
    border-bottom: 1px solid rgba(255, 220, 132, 0.16);
    box-shadow: inset 0 -8px 16px rgba(0,0,0,0.14);
}

.apr1-side-toggle { width: 34px; }

.news-footer,
.apr1-footer-inner,
.apr1-side-foot {
    font-size: 11px;
    color: #f3dfac;
    padding: 12px 16px;
    background: rgba(11, 6, 2, 0.92);
    border-top: 1px solid rgba(255, 220, 132, 0.12);
}

.apr1-spacer,
.apr1-side-foot { height: 12px; }

.apr1-footer { padding-top: 18px; }
.apr1-footer-inner {
    border-radius: 20px;
    border: 1px solid rgba(255, 220, 132, 0.20);
    box-shadow: 0 18px 40px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
}

.textbox, .button, .bbcode {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff5dc;
    background: rgba(13, 8, 2, 0.96);
    border: 1px solid rgba(255, 220, 132, 0.24);
    border-radius: 10px;
    padding: 6px 8px;
}

.button {
    height: 30px;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(255, 222, 130, 0.24), rgba(255, 187, 0, 0.16));
}

.tbl, .tbl1, .tbl2, .forum-caption, .quote, .shoutboxname, .shoutbox, .shoutboxdate, .side-label, .side-small, .footer, .sub-header, .full-header, .admin-message, .pagenav span, .pagenav a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tbl, .tbl1, .tbl2 {
    color: #fff4d6;
    background: rgba(19, 11, 2, 0.92);
    padding: 7px;
    border-bottom: 1px solid rgba(255, 214, 113, 0.12);
}

.forum-caption {
    font-size: 11px;
    font-weight: bold;
    color: #fffdf7;
    background: linear-gradient(180deg, rgba(255, 218, 122, 0.34), rgba(155, 93, 0, 0.45));
    padding: 7px;
}

.quote {
    color: #fff4d8;
    background: rgba(11, 6, 2, 0.92);
    padding: 10px;
    margin: 0 20px;
    border: 1px solid rgba(255, 220, 132, 0.20);
    border-radius: 12px;
}

.poll { height: 12px; border: 1px solid rgba(255, 220, 132, 0.24); background: linear-gradient(90deg, #ffe39a, #ffb31f); }
.comment-name, .shoutboxname { font-weight: bold; color: #ffe4a0; }
.shoutbox, .shoutboxdate, .side-label, .side-small { color: #fff0ca; background: transparent; }
.small, .small2 { font-size: 10px; font-weight: normal; color: #dfc993; }
.alt { color: #ffe08e; }
.center { margin: 0 auto; }
.outer-border, .tbl-border { border: 1px solid rgba(255, 220, 132, 0.16); }

.news-category { border: 0; margin: 3px 8px 0 0; float: left; border-radius: 8px; }

#navigation h2 {
    font-size: 10px;
    color: #fffdf7;
    background: rgba(255, 218, 122, 0.24);
    margin: 0;
    padding: 6px;
    border-radius: 10px 10px 0 0;
}

#navigation ul { margin: 0; padding: 0; list-style-type: none; }
* html #navigation ul li { height: 1%; }

#navigation a {
    display: block;
    color: #ffe9ab;
    background: rgba(13, 8, 2, 0.76);
    padding: 6px 8px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 220, 132, 0.08);
}

#navigation a:hover {
    color: #ffffff;
    background: rgba(255, 193, 67, 0.18);
}

.pagenav { padding: 0.4em; }
.pagenav span {
    color: #2d1900;
    background: rgba(255, 219, 124, 0.92);
    border: 1px solid rgba(255, 220, 132, 0.24);
    border-radius: 8px;
    padding: 0.25em 0.55em;
    margin: 0.2em;
}

.pagenav a {
    color: #ffe7a5;
    background: rgba(13, 8, 2, 0.86);
    border: 1px solid rgba(255, 220, 132, 0.20);
    border-radius: 8px;
    padding: 0.25em 0.55em;
    margin: 0.2em;
    text-decoration: none;
}

.pagenav a:hover {
    color: #ffffff;
    background: rgba(255, 193, 67, 0.18);
    text-decoration: none;
}

.apr1-block,
.apr1-side,
.apr1-nav,
.apr1-layout,
.apr1-footer-inner,
.apr1-hero,
.apr1-premium-grid,
.apr1-premium-card {
    position: relative;
}

.apr1-block:before,
.apr1-side:before,
.apr1-nav:before,
.apr1-layout:before,
.apr1-footer-inner:before,
.apr1-hero:before,
.apr1-premium-grid:before,
.apr1-premium-card:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 38%;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.00));
    pointer-events: none;
}

.apr1-block:after,
.apr1-side:after,
.apr1-premium-card:after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: -14px;
    height: 18px;
    border-radius: 50%;
    background: rgba(0,0,0,0.32);
    filter: blur(10px);
    pointer-events: none;
}

.tbl, .tbl1, .tbl2 {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00) 14%),
        rgba(19, 11, 2, 0.92);
}

#navigation a,
.pagenav a,
.pagenav span,
.button,
.apr1-player-controls span,
.apr1-fake-button,
.apr1-chat-input span {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 6px 14px rgba(0,0,0,0.18);
}

@media all and (max-width: 1240px) {
    .apr1-page { min-width: 1200px; }
}


.apr1-login-card,
.apr1-autodj-card,
.apr1-request-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.01) 18%),
        radial-gradient(circle at 12% 12%, rgba(255, 234, 177, 0.24), transparent 28%),
        radial-gradient(circle at 88% 0%, rgba(255, 191, 61, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(57, 35, 10, 0.96), rgba(16, 9, 2, 0.98));
    box-shadow:
        0 28px 70px rgba(0,0,0,0.48),
        0 12px 24px rgba(255, 193, 54, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.16),
        inset 0 -20px 36px rgba(0,0,0,0.26);
}

.apr1-autodj-card {
    width: 31%;
    min-height: 330px;
}

.apr1-autodj-now {
    padding: 16px 16px 14px 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,232,170,0.12), rgba(255,200,70,0.05));
    border: 1px solid rgba(255, 221, 132, 0.16);
    margin-bottom: 14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.apr1-autodj-label {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #ffe39a;
    margin-bottom: 8px;
}

.apr1-autodj-title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff7e2;
    text-shadow: 0 2px 16px rgba(255, 201, 65, 0.18);
}

.apr1-autodj-meta {
    margin-top: 8px;
    color: #f5e5ba;
}

.apr1-autodj-list {
    padding: 4px 2px 0 2px;
    line-height: 1.8;
    color: #fff0c6;
}

.apr1-request-card {
    width: 64.2%;
    min-height: 330px;
}

.apr1-request-card:before,
.apr1-login-card:before,
.apr1-autodj-card:before {
    background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.00));
}

.apr1-request-line .textbox,
.apr1-form-row .textbox,
.apr1-chat-input .textbox,
.apr1-request-text {
    background: rgba(15, 8, 2, 0.88);
    border: 1px solid rgba(255, 221, 132, 0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 18px rgba(0,0,0,0.12);
}

.apr1-request-bottom .apr1-fake-button {
    font-size: 13px;
    letter-spacing: .3px;
    padding: 12px 18px;
}

.apr1-request-bottom small {
    font-size: 11px;
    line-height: 1.5;
}


.apr1-real-button {
    padding: 10px 18px;
    font-weight: bold;
    border-radius: 999px;
    cursor: pointer;
}

.apr1-modbox {
    margin-top: 22px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 214, 120, 0.07);
    border: 1px solid rgba(255, 220, 132, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.apr1-mod-title {
    font-size: 16px;
    font-weight: bold;
    color: #ffe49f;
    margin-bottom: 12px;
}

.apr1-mod-request {
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(17, 9, 2, 0.78);
    border: 1px solid rgba(255, 220, 132, 0.14);
    line-height: 1.7;
    color: #fff0cb;
}

.apr1-mod-request-head {
    font-size: 13px;
    font-weight: bold;
    color: #fff8e0;
    margin-bottom: 6px;
}

.apr1-delete-form {
    margin-top: 10px;
}

.apr1-delete-button {
    background: linear-gradient(180deg, #ffd89e, #ff9f35);
    color: #2f1600;
    border-radius: 999px;
    padding: 9px 16px;
    cursor: pointer;
    font-weight: bold;
}

.apr1-mod-empty {
    color: #f7e8c1;
}