/*
Theme Name: Kara's Crypt
Author: Sam's Kingdom
Description: A vibrant dark personal journal with ghostly illustrations, anime energy and punk scrapbook details. Uses the standard WordPress block editor.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kara-crypt
*/
:root{color-scheme:dark;scroll-behavior:smooth}
body{background:#100f16;background-image:radial-gradient(ellipse at 92% 10%,#41215b40,transparent 45%);overflow-wrap:anywhere}
.wp-site-blocks{padding:0!important}
.site-header{border-bottom:1px solid #35303f;background:#100f16;padding:22px 5vw!important}
.wordmark{font-size:25px!important;font-weight:900!important;letter-spacing:-1px}
.wordmark a{text-decoration:none!important;color:#f5f0ff!important}
.wordmark em{font-style:normal;color:#c5ff81}
.brand-star{color:#dca7ff;font-size:30px;line-height:1}
.site-nav a{font-size:14px;font-weight:650;text-decoration:none!important}
.site-nav a:hover{color:#c5ff81!important}
.login-link{border:1px solid #5e4c76;border-radius:8px;padding:10px 14px;white-space:nowrap}
.hero{padding:65px 0 70px!important;gap:45px!important;align-items:center!important}
.eyebrow{font-family:ui-monospace,monospace;letter-spacing:2px;font-size:12px!important;text-transform:uppercase;color:#c5ff81!important}
.hero h1{font-size:clamp(48px,6.2vw,84px)!important;line-height:1.03!important;font-weight:900!important;letter-spacing:-4px;margin:22px 0!important}
.hero h1 em{font-style:normal;color:#d3a8ff}
.hero-copy{max-width:460px;color:#c9c2d5;font-size:18px!important;line-height:1.7}
.hero-art{position:relative;max-width:520px;margin:auto!important;transform:rotate(2deg)}
.hero-art img{width:100%;height:auto;display:block;border-radius:16px}
.hero .wp-block-button__link{font-weight:750}
.hero .wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #665673}
.ticker{border-block:1px solid #494050;padding:16px 0;background:#1b1722;display:flex;justify-content:center;gap:26px;flex-wrap:wrap;font:700 12px ui-monospace,monospace;letter-spacing:1.5px;color:#d3a8ff}
.ticker span:nth-child(even){color:#c5ff81}
.journal-section{padding:60px 0!important}
.section-title{font-size:clamp(29px,4vw,43px)!important;letter-spacing:-1.5px;font-weight:850!important;line-height:1.15}
.section-note{font:12px ui-monospace,monospace;color:#ad9fba}
.topic-row{gap:12px!important;margin-top:26px!important;margin-bottom:30px!important}
.topic-chip{font-size:12px!important;color:#e6dcef;border:1px solid #514559;border-radius:30px;padding:9px 15px;margin:0!important;background:#211b29}
.post-grid{gap:24px!important}
.post-card{height:100%;background:#1c1823;border:1px solid #3e3447;border-radius:15px;overflow:hidden;transition:transform .18s,border-color .18s}
.post-card:hover{transform:translateY(-4px);border-color:#ba94e5}
.post-card .wp-block-post-featured-image{margin:0!important}
.post-card .wp-block-post-featured-image img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card-inner{padding:26px!important}
.post-card .wp-block-post-title{font-size:25px!important;line-height:1.25;font-weight:800;letter-spacing:-.6px}
.post-card .wp-block-post-title a{text-decoration:none!important}
.post-card .wp-block-post-excerpt{color:#bfb3cb;font-size:15px;line-height:1.7}
.wp-block-post-date,.wp-block-post-terms{font:11px ui-monospace,monospace;color:#c5ff81;text-transform:uppercase;letter-spacing:.8px}
.wp-block-post-terms a{text-decoration:none}
.wp-block-post-excerpt__more-link{color:#d3a8ff!important;text-decoration:none!important;font-weight:700}
.wp-block-query-pagination{margin-top:35px;gap:20px}
.wp-block-query-pagination a{padding:10px 16px;border:1px solid #655471;border-radius:7px;text-decoration:none}
.empty-journal{background:#1c1823;border:1px dashed #746080;border-radius:16px;padding:35px}
.about-card{margin:10px 0 65px!important;background:#23202d;border:1px solid #4e3c63;border-radius:18px;padding:42px!important;gap:35px!important}
.about-card h2{font-size:35px!important;letter-spacing:-1px;line-height:1.15}
.about-copy{color:#d1c6dd;line-height:1.8}
.about-sticker{background:#c5ff81;color:#1a1521;border-radius:14px;transform:rotate(-5deg);padding:28px;text-align:center;font-weight:900;max-width:240px;margin:auto}
.about-sticker .sticker-face{font-size:58px;line-height:1.2;margin:0 0 8px}
.about-sticker p{margin:5px 0}
.site-footer{border-top:1px solid #39313f;padding:30px 0!important}
.site-footer p{font-size:12px;color:#b9aec6}
.site-footer a{color:#d3a8ff}
.reading-wrap{padding:60px 0!important}
.article-head{padding-bottom:30px!important;border-bottom:1px solid #4a3c56;margin-bottom:36px!important}
.article-title{font-size:clamp(36px,6vw,66px)!important;line-height:1.12;letter-spacing:-2px}
.article-content{line-height:1.85;color:#e2d7eb}
.article-content h2,.article-content h3{color:#f5eeff;line-height:1.3;letter-spacing:-.6px}
.article-content a{color:#c5ff81}
.article-content img,.article-content video{height:auto;max-width:100%;border-radius:10px}
.article-content iframe{max-width:100%}
.article-content blockquote{border-left:3px solid #c5ff81;padding:15px 25px;color:#dcc8ec;background:#221b2c}
.article-content pre,.article-content code{overflow-wrap:anywhere;white-space:pre-wrap}
.back-link a{color:#c5ff81;text-decoration:none}
input,textarea{color:#f6efff!important;background:#211a2a!important;border-color:#756085!important}
input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #c5ff81!important;outline-offset:4px}
.wp-block-search__button{background:#c5ff81!important;color:#17111e!important;border-radius:5px}
@media(max-width:781px){.site-header{padding:16px 5vw!important}.header-row{gap:18px!important}.site-nav{gap:17px!important;justify-content:flex-start!important;width:100%}.hero{padding:38px 0 45px!important;gap:34px!important}.hero h1{letter-spacing:-2px}.hero-art{max-width:410px}.hero-copy{font-size:16px!important}.about-card{padding:28px!important}.topic-row{gap:8px!important}.topic-chip{font-size:11px!important}.journal-section{padding:42px 0!important}.ticker{gap:15px;font-size:10px}.site-footer{gap:16px!important}.reading-wrap{padding:35px 0!important}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.post-card{transition:none}.post-card:hover{transform:none}}

@media(max-width:781px){.post-grid.wp-block-post-template{grid-template-columns:1fr!important}}
.topic-chip a{text-decoration:none;color:inherit}.topic-chip:hover{border-color:#c5ff81;color:#c5ff81}