main.bare { max-width: none; padding: 0; }

.d-page {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 9vh 16px 30px;
}

.d-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--d-bg, #0c0c0d);
}

.th-night { --d-bg: #0c0c0d; }
.th-sunset { --d-bg: #171014; }
.th-sea { --d-bg: #0d1519; }
.th-moss { --d-bg: #10150f; }
.th-paper { --d-bg: #e7e0d0; }

.th-paper::before {
    background-image: repeating-linear-gradient(transparent 0 25px, rgba(60, 50, 30, .08) 25px 26px);
}

.d-box {
    width: 100%;
    max-width: 400px;
    padding: 18px;
    background: var(--panel);
    border: 1px solid var(--line2);
}

.d-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.d-ava { width: 76px; height: 76px; font-size: 26px; }
.d-who { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.d-nick { display: flex; align-items: center; gap: 6px; font: 700 19px var(--serif); }
.d-nick .flag { width: 22px; height: 15px; }
.d-badges { display: flex; flex-wrap: wrap; gap: 4px; }

.d-about { margin: 12px 0 0; }
.d-sign { margin: 8px 0 0; color: var(--dim); font: 11px var(--mono); white-space: pre-line; }

.d-links { margin-top: 12px; border-top: 1px solid var(--line); }

.d-link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 2px;
    border-bottom: 1px solid var(--line);
}

.d-link:hover { text-decoration: none; }
.d-link-name { color: var(--link); }
.d-link:hover .d-link-name { color: var(--accent); }
.d-link-host { color: var(--dim); font: 11px var(--mono); }

.d-stats { margin-top: 12px; color: var(--dim); font: 11px var(--mono); }

.d-brand { color: var(--dim); font: 11px var(--mono); letter-spacing: 1px; }
.d-brand:hover { color: var(--accent); text-decoration: none; }

.th-paper { color: #2a2620; }
.th-paper .d-box { background: #f2ecdf; border-color: #b9ae98; }
.th-paper .d-head, .th-paper .d-links { border-color: #cfc4ab; }
.th-paper .d-link { border-color: #d8cfba; }
.th-paper .d-about { color: #3a352c; }
.th-paper .d-sign, .th-paper .d-stats, .th-paper .d-brand, .th-paper .d-link-host { color: #6b6354; }

.p-card { display: flex; align-items: center; gap: 8px; margin: 6px 0; }
.p-card a { font: 11px var(--mono); }

.palette label.th-night span { background: #0c0c0d; border: 1px solid var(--line2); }
.palette label.th-sunset span { background: #171014; }
.palette label.th-sea span { background: #0d1519; }
.palette label.th-moss span { background: #10150f; }
.palette label.th-paper span { background: #e7e0d0; border: 1px solid #b9ae98; }

@media (max-width: 420px) {
    .d-page { padding: 5vh 12px 24px; }
    .d-ava { width: 64px; height: 64px; font-size: 22px; }
    .d-nick { font-size: 17px; }
}