/*
This demo CSS is minified to prevent misuse.
The purchased version includes a clear, fully readable CSS file.
Buy this layout: ko-fi.com/itinerae/shop
*/

 :root {--main-bg: #f9f9f2;--accent: #d1ae9f;--text-light: #888;--text-dark: #666;--border: #cfc09c;--gap: 10px;}body {margin: 0;background: #404040 url(https://shye.nekoweb.org/graphics_bg/blackwood.png) fixed;font-family: Arial, Tahoma, Calibri, Verdana, sans-serif;font-size: 10px;letter-spacing: 1px;color: var(--text-dark);line-height: 13px;}textarea {font:11px tahoma;border:1px solid #ccc;color:#333;}a {color: var(--text-light);text-decoration: none;}a:hover {text-decoration: underline;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #f6f1e8;}::-webkit-scrollbar-thumb {background: #d1ae9f;border-radius: 0px;border: 1px solid #f6f1e8;}::-webkit-scrollbar-thumb:hover {background: #b89586;}.line {height: 0;border-bottom: 1px dashed #ddd;margin: 4px 0;}.page-wrapper {max-width: 800px;margin: 0 auto;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding-bottom: 20px;}.container {display: flex;gap: var(--gap);padding: var(--gap);flex-direction: row;}.left-column {flex: 0 0 250px;display: flex;flex-direction: column;gap: var(--gap);}.right-column {flex: 1;display: flex;flex-direction: column;gap: var(--gap);}@media (max-width: 900px) {.container {flex-direction: column;}.left-column {flex: 1;}}.grid {display: grid;gap: var(--gap);}.grid-2-1 {grid-template-columns: 2fr 1fr;}.grid-1-1 {grid-template-columns: 1fr 1fr;}@media (max-width: 800px) {.grid {grid-template-columns: 1fr;}}.header {background: var(--main-bg);padding: 10px 15px;color: var(--text-dark);}.header-top {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.logo {font-family: 'Cormorant Garamond', georgia, serif;font-weight: 800;font-size: 34px;letter-spacing: 1px;color: var(--accent);}.header-status {text-align: right;font-size: 10px;line-height: 1.2;background: rgba(255,255,255,0.15);padding: 6px 8px;border-radius: 4px;}.header-status strong {font-weight: bold;}@media (max-width: 700px) {.header-status {text-align: left;margin-top: 8px;}}.nav {background: #f9f9f9;text-transform: uppercase;padding: 5px 20px 2px 20px;border-top: 1px dotted var(--border);border-bottom: 1px dotted var(--border);font-family: 'Press Start 2P', arial, sans-serif;font-size: 7px;display: flex;flex-wrap: wrap;gap: 15px;}.nav a {color: #8c7a6e;}@media (max-width: 600px) {.nav {flex-direction: column;gap: 8px;padding: 10px 20px;}.nav a {display: block;padding: 6px 0;border-bottom: 1px dotted var(--border);}.nav a:last-child {border-bottom: none;}}.box {border: 1px dotted var(--border);border-radius: 5px;}.box-header {background: var(--main-bg);padding: 5px 10px 4px 10px;font-family: 'Press Start 2P', sans-serif;font-size: 8px;color: var(--accent);text-transform: uppercase;letter-spacing: 2px;border-bottom: 1px solid #ddd;border-top-left-radius: 5px;border-top-right-radius: 5px;}.box-content {padding: 10px;background: #fff;border-radius: 5px;}.profile-pic {float: left;width: 60px;height: 60px;margin-right: 10px;margin-bottom:3px;border-radius: 50%;object-fit: cover;border: 2px solid #d1ae9f;}.box table {width: 100%;border-collapse: collapse;}.box td {padding: 6px;border: 1px solid #ddd;}.box td:first-child {background: #f5f5f5;font-weight: bold;width: 40%;}.contact-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;}.contact-item {display: flex;align-items: center;gap: 6px;}.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, 75px);gap: 14px;justify-content: center;}.gallery-grid img {width: 75px;height: 75px;object-fit: cover;border: 1px solid #ccc;padding: 3px;opacity: 0.7;}.footer {text-align: center;color: #8c7a6e;background: var(--main-bg);padding: 10px 40px;border-top: 1px dotted var(--border);border-bottom: 1px dotted var(--border);}.footer a {color: var(--accent);font-weight: bold;}.footer a:hover {color: #b89283;}