/*
Theme Name: Kagan Underground
Author: Kagan
Description: A graffiti-first skate zine with acid green console details and a personal sidebar. No plugins or external fonts required.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kagan-diary
*/
:root{--ink:#302546;--muted:#665977;--purple:#674c96;--pink:#f5c9dd;--line:#9483b3;--paper:#fffdf7;--lav:#e9e1f3;--shadow:4px 4px 0 #83729b70}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.65 Verdana,Arial,sans-serif;background-color:#ded5ec;background-image:radial-gradient(#a899bd 1px,transparent 1px);background-size:12px 12px}a{color:#61418b;text-underline-offset:3px}a:hover{color:#a6366c}button,input,textarea,select{font:inherit}button,input[type=submit],.button{background:#ede5f5;color:var(--ink);border:1px solid #77668c;box-shadow:inset 2px 2px #fff,inset -2px -2px #c4b5d4;padding:7px 13px;cursor:pointer;text-decoration:none}input:not([type=submit]):not([type=checkbox]),textarea,select{border:1px solid var(--line);background:#fffdf9;padding:8px;max-width:100%;color:var(--ink)}textarea{width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ad2865;outline-offset:3px}.skip-link{position:absolute;left:12px;top:-80px;z-index:20;background:white;padding:10px}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.topbar{border-bottom:1px solid #a28bb8;background:#f4eef9;font:11px/1.5 'Courier New',monospace;padding:7px 5%;display:flex;justify-content:space-between;gap:12px}.shell{width:min(1120px,calc(100% - 48px));margin:34px auto 24px}.masthead{position:relative;padding:9px 22px 25px;min-height:158px}.eyebrow,.mono{font-family:'Courier New',monospace}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase}.masthead h1,.site-name{font-family:Georgia,serif;font-weight:bold;font-style:italic;font-size:clamp(54px,8vw,90px);line-height:1.05;letter-spacing:-5px;margin:7px 0 4px;text-shadow:3px 3px #fff7ff;color:#4d356c;text-decoration:none;display:block}.tagline{margin:8px 0 0;font:13px 'Courier New',monospace}.mast-sticker{position:absolute;right:34px;top:34px;transform:rotate(8deg);background:#f9ecc0;border:1px solid #9e8959;padding:10px 20px;box-shadow:3px 3px #ac98bb;font:12px/1.5 'Courier New',monospace;text-align:center}.mast-sticker strong{font-size:23px;display:block}.sparkle{position:absolute;right:244px;top:20px;font-size:55px;color:#fff6ff;text-shadow:1px 1px #8969a2}.desktop{border:1px solid #78618f;background:#eee7f4;box-shadow:var(--shadow)}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,#6e528f,#a187bc);color:white;padding:5px 9px;font:bold 12px/1.5 'Courier New',monospace;border-bottom:1px solid #78618f}.controls{font:12px 'Courier New',monospace;letter-spacing:3px;white-space:nowrap}.menubar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #b7a8c9;background:#f9f5fc}.nav-list{display:flex;flex-wrap:wrap;gap:8px 23px;list-style:none;margin:0;padding:0;font:13px 'Courier New',monospace}.nav-list a{color:var(--ink)}.nav-list .current-menu-item a{font-weight:bold}.nav-list ul{list-style:none;padding:5px 0 0 12px}.nav-stamp{font:11px 'Courier New',monospace;color:#68537c;white-space:nowrap}.welcome{margin:20px 22px 0;padding:9px 14px;border:1px dashed #a78aaf;background:#fbebf2;font:12px/1.6 'Courier New',monospace}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:24px;padding:22px}.sidebar{min-width:0}.window{border:1px solid var(--line);background:#faf7fd;box-shadow:3px 3px #bcb0cb;margin-bottom:22px}.window-title{background:#e0d5ec;border-bottom:1px solid var(--line);font:bold 12px 'Courier New',monospace;padding:7px 10px;display:flex;justify-content:space-between}.window-body{padding:17px}.avatar{width:100%;aspect-ratio:1.3;display:block;object-fit:cover;background:#d6c4ea;border:1px solid #ab95bc}.profile-name{font:italic bold 27px Georgia,serif;margin:13px 0 3px}.small{font-size:12px;line-height:1.75}.profile-note{margin:6px 0 12px}.status{border-top:1px dashed #c7b7d4;padding-top:10px;font:11px 'Courier New',monospace}.status-dot{display:inline-block;width:7px;height:7px;background:#639768;margin-right:6px}.currently{margin:0;font-size:12px}.currently dt{font:11px 'Courier New',monospace;color:#786186;margin-top:13px}.currently dt:first-child{margin-top:0}.currently dd{margin:2px 0 0}.badge-row{display:flex;gap:7px;flex-wrap:wrap}.badge{font:bold 10px/1.3 'Courier New',monospace;text-align:center;border:2px ridge #b49bc5;background:#574174;color:white;padding:5px 7px;flex:1}.badge.pink{background:#f3c6da;color:#643152}.sidebar ul{padding-left:18px}.sidebar .widget{font-size:12px}.sidebar .widget h2{font:italic bold 20px Georgia,serif}.content{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px;border-bottom:1px solid #b4a1c5;padding-bottom:11px}.section-heading h1,.section-heading h2{font:italic 29px Georgia,serif;margin:0}.section-heading span{font:11px 'Courier New',monospace}.entry{position:relative;background:var(--paper);border:1px solid #b7a3bf;box-shadow:3px 3px #c9bbd1;margin:0 0 25px;padding:26px 30px 21px;overflow-wrap:anywhere}.entry:before{content:'';position:absolute;left:0;top:0;bottom:0;width:7px;background:repeating-linear-gradient(to bottom,#eee4f4 0,#eee4f4 18px,#cbbcd6 18px,#cbbcd6 19px)}.entry-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:11px 'Courier New',monospace;color:var(--muted)}.category{background:#f4dfeb;padding:2px 7px;color:#713b5c}.category a{color:inherit}.entry h1,.entry h2{font:normal 33px/1.18 Georgia,serif;letter-spacing:-.6px;margin:14px 0 14px}.entry h2 a{color:var(--ink);text-decoration:none}.entry h2 a:hover{text-decoration:underline}.entry p{margin:0 0 17px}.entry .excerpt{font-size:14px}.entry-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px dashed #d7c9db;padding-top:12px;font:11px 'Courier New',monospace}.entry-image{width:100%;height:auto;margin:0 0 16px;border:1px solid #c9bdd1}.tape{position:absolute;top:-10px;right:34px;width:79px;height:23px;background:#efe1a9aa;border:1px solid #c9b77955;transform:rotate(5deg)}.empty{padding:30px}.entry-content h2{font-size:28px}.entry-content h3{font:24px Georgia,serif}.entry-content img,.entry-content video,.entry-content iframe{max-width:100%}.entry-content img{height:auto}.entry-content pre{overflow:auto;background:#eee8f2;padding:15px}.entry-content blockquote{border-left:4px solid #bba2ca;margin:20px 0;padding:3px 20px;font-style:italic}.entry-content table{display:block;overflow-x:auto;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:8px}.entry-content figure{max-width:100%;margin-left:0;margin-right:0}.alignleft{float:left;margin-right:18px}.alignright{float:right;margin-left:18px}.aligncenter{display:block;margin-left:auto;margin-right:auto}.entry-content:after{content:'';display:table;clear:both}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.pagination,.post-navigation{margin:22px 0;font:13px 'Courier New',monospace}.page-numbers{display:inline-block;padding:5px 10px;background:#faf6ff;border:1px solid #b4a0c4;margin:2px}.current{background:#e1d1ed}.nav-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.comments-area{border-top:1px dashed #b9a3c7;padding-top:20px;margin-top:25px}.comments-title,.comment-reply-title{font:24px Georgia,serif}.comment-list{padding:0;list-style:none}.comment-list .children{padding-left:20px;list-style:none}.comment-body{margin:15px 0;padding:14px;background:#f2eaf7;border:1px solid #dbcede}.comment-author .avatar{width:32px;height:32px;display:inline-block;vertical-align:middle;margin-right:8px}.comment-metadata,.reply{font-size:11px}.comment-form label{display:block;font-size:12px}.comment-form-cookies-consent label{display:inline}.comment-form p{margin-bottom:12px}.bypostauthor>.comment-body{border-color:#9670b4}.sticky{border-top:3px solid #a17bbb}.search-form{display:flex;gap:6px;flex-wrap:wrap}.search-form label{flex:1;min-width:100px}.search-field{width:100%}.desktop-status{padding:7px 12px;border-top:1px solid #b7a5c7;display:flex;justify-content:space-between;gap:12px;font:10px 'Courier New',monospace;background:#e5dbef}.site-footer{text-align:center;font:11px/1.8 'Courier New',monospace;margin:25px 0;color:#685879}.footer-stars{font-size:18px;letter-spacing:9px;margin:4px}.site-footer p{margin:4px}.admin-bar .topbar{margin-top:0}
@media(max-width:800px){.shell{width:calc(100% - 24px);margin-top:22px}.layout{grid-template-columns:190px minmax(0,1fr);gap:16px;padding:16px}.entry{padding:22px 20px 18px}.mast-sticker{right:12px}.sparkle{display:none}.masthead{padding-left:8px}.welcome{margin:16px 16px 0}.menubar{padding:12px 16px}.nav-stamp{display:none}.window-body{padding:12px}}
@media(max-width:600px){body{font-size:14px}.topbar{font-size:10px;padding:6px 12px}.topbar span:last-child{display:none}.masthead{min-height:132px;padding-bottom:20px}.masthead .site-name{font-size:59px;letter-spacing:-3px}.mast-sticker{display:none}.mast-sticker strong{font-size:16px}.tagline{max-width:240px;font-size:11px}.eyebrow{font-size:9px;letter-spacing:1px}.layout{display:flex;flex-direction:column;padding:14px}.content{order:0}.sidebar{order:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.window{margin-bottom:0}.sidebar>.badge-row,.sidebar>.widget{grid-column:1/-1}.section-heading h1,.section-heading h2{font-size:25px}.entry h1,.entry h2{font-size:29px}.entry{padding:22px 18px;margin-bottom:20px}.welcome{margin:14px 14px 0;font-size:11px}.nav-list{gap:8px 16px}.desktop-status{font-size:9px}.titlebar{font-size:11px}.profile-name{font-size:24px}.section-heading span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* UNDERGROUND / skin 02 */
:root{--ink:#e9e9df;--muted:#a6aa9e;--purple:#bbff32;--pink:#bbff32;--line:#4a4e43;--paper:#1b1e18;--lav:#151711;--shadow:5px 5px 0 #000;--acid:#bbff32}
body{background-color:#10110f;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffffff03 3px,#ffffff03 4px);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:var(--acid)}a:hover{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--acid)}.topbar{background:#070806;border-color:#3d4232;color:#aab29c;font-size:10px;letter-spacing:1px}.shell{width:min(1180px,calc(100% - 48px));margin-top:24px}.masthead{padding:0;min-height:0;background:#10110f;border:1px solid #383d30}.graffiti-link{display:block}.graffiti-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}.mast-caption{display:flex;justify-content:space-between;gap:15px;padding:10px 16px;font:bold 10px/1.5 'Courier New',monospace;letter-spacing:1.7px;color:#b8bbae;border-top:1px solid #383d30}.desktop{margin-top:16px;background:#141611;border:1px solid #535a45;box-shadow:6px 6px #000}.titlebar{background:#292f22;border-color:#535a45;color:#b4bca6;font-size:10px;letter-spacing:.5px;padding:7px 12px}.controls{font-size:10px;letter-spacing:0}.menubar{background:#bbff32;padding:0 18px;border:0;min-height:53px}.nav-list{gap:0;font:bold 13px 'Courier New',monospace;text-transform:uppercase}.nav-list li a{display:block;padding:18px 17px;color:#10150b;text-decoration:none;border-right:1px solid #89bb23}.nav-list li:first-child a{padding-left:0}.nav-list a:hover{text-decoration:underline}.nav-stamp{color:#202b10;font-weight:bold}.welcome{background:#1d2118;border:1px solid #3c4630;color:#c2cbb5;font:10px/1.8 'Courier New',monospace;letter-spacing:.8px;padding:10px 13px;margin-top:18px}.signal-label{color:var(--acid);font-weight:bold;margin-right:8px}.layout{grid-template-columns:230px minmax(0,1fr);gap:26px;padding:22px}.window{background:#1a1d16;border:1px solid #515945;box-shadow:3px 3px #000}.window-title{background:#2c3225;border-color:#515945;color:#dce4cf;font-size:10px;letter-spacing:1.2px;padding:9px 12px}.window-body{padding:15px}.avatar{border-color:#4a513f;filter:grayscale(.1)}.profile-name{font:bold italic 26px/1.1 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:16px 0 9px}.small{font-size:12px;color:#bdc3b3}.status{border-color:#515945;color:#a5af94;line-height:1.6}.status-dot{background:var(--acid);box-shadow:0 0 5px #baff3250}.currently dt{color:var(--acid);font-size:10px}.currently dd{color:#d6d9d0;font-size:12px}.badge{border:1px solid #697455;background:#baff32;color:#111;padding:7px 4px;transform:rotate(-3deg);box-shadow:3px 3px #000}.badge.pink{background:#deded1;color:#161812;transform:rotate(3deg)}.section-heading{border-bottom:2px solid #859c60;padding-bottom:12px}.section-heading h1,.section-heading h2{font:bold italic 39px/.95 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.5px;color:#e8ecdf;transform:skew(-5deg)}.section-heading span{color:#99a887;font-size:10px}.entry{background:#deded2;color:#191d15;border:1px solid #a3a792;box-shadow:4px 4px #000;padding:26px 29px 21px;margin-bottom:27px}.entry:before{width:5px;background:repeating-linear-gradient(135deg,#141812 0,#141812 4px,#a5ad94 4px,#a5ad94 8px)}.entry:after{content:'';position:absolute;top:6px;right:7px;width:5px;height:5px;background:#656c59;box-shadow:0 9px #656c59}.entry h1,.entry h2{font:bold italic 35px/1.05 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:15px 0}.entry h2 a{color:#161b12}.entry a{color:#314d0b}.entry a:hover{color:#000}.entry-top{color:#474e3d;font-weight:bold;font-size:10px;text-transform:uppercase}.category{background:#252d1c;color:#d4ff9f;padding:3px 8px;transform:rotate(-2deg)}.category a{color:inherit}.entry p{line-height:1.75}.entry-footer{border-color:#8c927f;font-weight:bold;font-size:10px}.entry .excerpt{font-size:14px}.tape{background:repeating-linear-gradient(90deg,#23271be8 0,#23271be8 2px,#353b2be8 2px,#353b2be8 3px);border:1px solid #434b34;width:94px;height:22px;right:39px;transform:rotate(-4deg)}.entry-image{border-color:#56613f;filter:saturate(.7)}.entry-content blockquote{border-color:#5d7c30}.entry-content pre{background:#c6c9b9}.entry-content h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase}.entry .small{color:#47523a}.desktop-status{background:#252c1c;border-color:#515945;color:#c4cea8;padding:10px 12px;font-size:9px;letter-spacing:1px}.site-footer{color:#7e8970;font-size:10px;letter-spacing:1px}.site-footer a{color:#aab890}.page-numbers{background:#242c1b;border-color:#5c703f;color:#c7dfab}.page-numbers.current{background:var(--acid);color:#111}.comments-area{border-color:#858e76}.comments-title,.comment-reply-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase}.comment-body{background:#c9ceba;border-color:#939d81}.bypostauthor>.comment-body{border-color:#4a661f}.button,button,input[type=submit]{background:#bbff32;color:#111;border:1px solid #52672f;box-shadow:2px 2px #111;font:bold 12px 'Courier New',monospace}input:not([type=submit]):not([type=checkbox]),textarea,select{background:#f0f0e6;color:#161b10;border-color:#6e7a5d}.sticky{border-top:4px solid var(--acid)}.skip-link{background:#bbff32;color:#000}.sidebar .widget h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-style:normal}
@media(max-width:800px){.shell{width:calc(100% - 24px)}.layout{grid-template-columns:185px minmax(0,1fr);gap:18px;padding:17px}.entry{padding:24px 21px 19px}.section-heading h1,.section-heading h2{font-size:33px}.section-heading span{font-size:9px}.mast-caption{font-size:9px;letter-spacing:.5px}.nav-list li a{padding:16px 13px}.window-body{padding:12px}}
@media(max-width:600px){.shell{margin-top:12px}.graffiti-art{aspect-ratio:3/1;object-fit:contain}.mast-caption{font-size:8px;padding:8px;letter-spacing:.2px}.mast-caption span:last-child{display:none}.layout{display:flex;padding:14px}.entry h1,.entry h2{font-size:30px}.section-heading h1,.section-heading h2{font-size:34px}.section-heading span{font-size:8px;max-width:110px;text-align:right}.titlebar{font-size:8px;gap:5px}.controls{font-size:8px}.nav-list{font-size:11px}.nav-list li a{padding:15px 11px}.menubar{min-height:44px;padding:0 12px}.welcome{font-size:9px;padding:9px;margin:14px 14px 0;letter-spacing:.2px}.entry{padding:23px 18px 18px}.entry-footer{font-size:9px}.topbar{font-size:8px;letter-spacing:.5px}.sidebar{display:grid;grid-template-columns:1fr 1fr}.profile-name{font-size:25px}.desktop-status{font-size:8px;letter-spacing:0}.masthead{min-height:0}.entry-top{font-size:9px}.site-footer{font-size:9px}.tape{width:75px}}
