/*
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
*/


@font-face {font-family: 'pixel';src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}body {margin:0;padding:15px;display:flex;justify-content:center;background:url(https://64.media.tumblr.com/57b0acdb7c03500fbd810833a28085da/c5446e5604ba3a04-1f/s250x400/493b50c6014fec3d4f6b34d5239bab7bc3f0e73c.gifv) fixed;font-family:ms gothic,'pixel', calibri, verdana, sans-serif;letter-spacing:1px;font-size:10px;text-shadow:0px 0px 1px #bbb;line-height:13px;color:#666;}textarea {font:10px calibri, arial;letter-spacing:1px;}a {color:#111;text-decoration:none;}a:hover {color:#1f3e34;text-decoration:underline;}::-webkit-scrollbar-thumb {background-color: #fff;border:1px solid #888;border-radius: 3px;}::-webkit-scrollbar {width: 5px;height: 0px;background: transparent;}.container {width:100%;max-width:600px;background:#fff;border-radius:16px;border:3.5px double #aaa;box-shadow:0 15px 25px rgba(0,0,0,0.1);display:flex;flex-direction:column;}.nav {display:flex;align-items:center;padding:4px;gap:6px;border-bottom:1px solid #ccc;background:linear-gradient(90deg,#f5f5f5,#eaeaea);border-radius:16px 16px 0 0;box-sizing:border-box;}.nav-links {display:flex;gap:4px;flex-wrap:nowrap;font: 12px 'pixel', georgia, ms gothic, monospace, arial;align-items:center;}.nav-link {padding:4px 8px;border-radius:12px 12px 0 0;background:#fff;color:#555;text-decoration:none;text-transform:lowercase;letter-spacing:1px;border:1px dotted #ccc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}.nav-link.active {background:#8f8f8f;color:#fff;border-color:#ccc;font-weight:600;}.menu-checkbox {position: absolute;opacity: 0;pointer-events: none;}.menu-label {display:none;cursor:pointer;color:#555;background:transparent;padding:6px 10px;border-radius:12px;border:1px dotted transparent;font: 11px georgia, serif;user-select:none;}@media (max-width: 600px) {.menu-label {display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font: 11px georgia, serif;background:#fff;color:#555;border:1px dotted #bbb;border-radius:10px;}.nav {padding:6px;gap:8px;position:relative;}.nav-links {display:none;position:absolute;top: calc(100% + 6px);left: 5px;transform: none;width: max-content;max-width: 80%;background:transparent;backdrop-filter: blur(8px);padding:6px;border-radius:6px;border:1px solid #aaa;box-shadow:0 6px 18px rgba(0,0,0,0.12);flex-direction:column;gap:4px;z-index:60;}.menu-checkbox:checked + .menu-label + .nav-links {display:flex;}.nav-links .nav-link {width:auto;min-width:100px;padding:6px 10px;font-size:10px;border-radius:6px;background:#fafafa;border:1px dotted #333;color:#444;white-space:nowrap;}.nav-links .nav-link.active {background:#8f8f8f;color:#fff;border-color:#bbb;}}.nav-actions {margin-left:auto;display:flex;gap:5px;align-items:center;}.btn {padding:0 7px;height:25px;border-radius:12px;border:1px solid #bbb;background:#fff;color:#777;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}.reload-link {font-size:11px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;}.reload-link:hover {text-decoration:none;opacity:0.8;}.address-bar {display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #ccc;background:#f5f5f5;}.addr-icon {width:32px;height:28px;background:#fff;border:1px solid #bbb;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#5f9e8a;}.addr-field {flex:1;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e0e0e0;padding:5px;border-radius:12px;}.addr-text {font-family:tahoma,arial;letter-spacing:0px;width:100%;display:block;border:none;background:transparent;font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.header-image {position: relative;width: 100%;border-bottom: 1px solid #ccc;background:#fff;overflow:hidden;}.header-image img {width: 100%;height: auto;display:block;filter:grayscale(100%);}.header-title {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);letter-spacing:4px;font-family: georgia, 'pixel', calibri, sans-serif;font-style:italic;font-size: 22px;color: #666;opacity:0.6;background:#fff;padding: 8px 10px;border-radius: 10px;border:3.5px double #aaa;}.layout {display:flex;flex-direction:row;gap:5px;padding:5px;flex-wrap:wrap;}.side {flex:1;order:0;display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:12px;border:1px solid #ccc;background:linear-gradient(180deg,#fff,#eee);box-shadow: inset 0 0 5px rgba(0,0,0,0.02);}.content {flex:2;order:1;display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:12px;border:1px solid #ccc;background:linear-gradient(180deg,#fff,#eee);box-shadow: inset 0 0 5px rgba(0,0,0,0.02);}.box {padding:5px;border-radius:10px;background:#fff;border:1px dotted #bbb;transition: transform 0.3s ease;}.box:hover {transform: translateY(-2px);}.content-box {padding:5px;border-radius:10px;background:#fff;border:1px dotted #ccc;box-shadow:0 1px 2px rgba(0,0,0,0.03);transition: transform 0.3s ease;}.content-box:hover {transform: translateY(-2px);}.scrollbox {height:70px;overflow:auto;padding:5px;border-radius:10px;background:#fff;border:1px dotted #bbb;transition: transform 0.3s ease;}.scrollbox:hover {transform: translateY(-2px);}.title {font:bold 10px ms gothic, georgia, monospace, calibri, tahoma;color:#555;text-transform:uppercase;letter-spacing:4px;border-bottom:1px dashed #aaa;margin-bottom:3px;padding:1px;}.side-title {font:bold 10px ms gothic, georgia, monospace, calibri, tahoma;color:#555;text-transform:uppercase;letter-spacing:4px;border-bottom:1px dashed #aaa;margin-bottom:3px;padding:1px;}.extra-nav a {display: block;padding: 3px 5px;margin-bottom: 3px;text-decoration: none;color: #292929;background: #eee;border-radius: 5px;transition: background 0.2s ease, padding-left 0.2s;}.extra-nav a:hover {background: #b7b7b7;padding-left: 20px;}.profile {display:flex;gap:10px;align-items:center;padding:5px;border:1px dotted #ccc;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.profile-pic {width:70px;height:70px;border:1px solid #bbb;border-radius:50%;opacity:0.7;background:url(https://64.media.tumblr.com/dec7f9a26cfdc7bb19a0030ebfda5eca/c5446e5604ba3a04-02/s1280x1920/f5989a68686987a99527ced52649a182146efa8f.jpg);background-size:cover;flex-shrink:0;}.profile-info {display:flex;flex-direction:column;gap:5px;flex:2;}.profile-info span {display:block;border-bottom:1px dotted #999;}.profile-social-card {display:flex;flex:1;flex-direction:column;gap:6px;padding:5px;border-radius:12px;background:linear-gradient(180deg,#f9f9f9,#eee);border:1px dotted #ccc;min-width:80px;text-align:center;flex-shrink:0;}.social-title {font-size:11px;font-weight:600;color:#444;border-bottom:1px dotted #ccc;padding-bottom:2px;}.social-links {display:flex;flex-direction:column;gap:4px;align-items:center;}.footer {width: 100%;margin: 0 auto;padding:5px;border-top:1px solid #ccc;text-align:center;background:#f5f5f5;border-radius:0 0 12px 12px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);}@media (max-width:640px) {.layout {flex-direction:column;}.content {order:1;}.side {order:2;}}.is-firefox {font-size: 14px;line-height:16px;}.is-firefox .title {font-size:14px;}.is-firefox .container {width:100%;max-width:800px;}*, *::before, *::after {box-sizing: border-box;}