/*
Theme Name: Lochad Neon Studio
Theme URI: https://example.com/lochad-neon-studio
Author: OpenAI
Author URI: https://openai.com
Description: A maintainable cyber-neon WordPress theme with dual module rails, editable hero, Theme Studio module manager, visitor analytics, and lightweight dependencies.
Version: 1.8.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lochad-neon
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, three-columns, right-sidebar, left-sidebar
*/

:root{
  --ln-bg:#07101c;
  --ln-bg-2:#0b1626;
  --ln-panel:rgba(8,18,34,.34);
  --ln-panel-strong:rgba(8,18,34,.42);
  --ln-panel-soft:rgba(8,18,34,.20);
  --ln-panel-solid:#0d1a2f;
  --ln-border:rgba(122,231,255,.14);
  --ln-page-backdrop:none;
  --ln-text:#edf7ff;
  --ln-subtext:#94aeca;
  --ln-primary:#7ae7ff;
  --ln-accent:#9586ff;
  --ln-cursor:#fff;
  --ln-danger:#ff6b6b;
  --ln-shadow:0 24px 60px rgba(0,0,0,.28);
  --ln-shadow-soft:0 10px 24px rgba(0,0,0,.18);
  --ln-radius-xl:30px;
  --ln-radius-lg:24px;
  --ln-radius-md:18px;
  --ln-radius-sm:12px;
  --ln-container:1540px;
  --ln-header:74px;
  --ln-transition:180ms ease;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  position:relative;
  margin:0;
  color:var(--ln-text);
  background:
    radial-gradient(circle at 14% 10%, rgba(122,231,255,.09), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(149,134,255,.10), transparent 28%),
    linear-gradient(135deg, #050a14 0%, var(--ln-bg) 45%, #0b1830 100%);
  font-family:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.75;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(3,8,16,.16), rgba(3,8,16,.34)),
    var(--ln-page-backdrop);
  background-size:cover;background-position:center top;opacity:.74;
  transform:scale(1.03);filter:saturate(1.06);
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(4,8,14,.06), rgba(4,8,14,.18));
}
a{
  color:var(--ln-primary);
  text-decoration:none;
  transition:color var(--ln-transition),transform var(--ln-transition),border-color var(--ln-transition),background-color var(--ln-transition),opacity var(--ln-transition);
}
a:hover{color:#fff}
img{max-width:100%;height:auto;border-radius:16px}
input,textarea,select,button{font:inherit}
button,.button,.wp-element-button,input[type="submit"]{cursor:pointer}
.site-shell{position:relative;z-index:1;min-height:100vh}
.site-frame{width:min(calc(100% - 32px),var(--ln-container));margin:0 auto}

.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{
  left:20px;top:20px;background:var(--ln-panel-solid);color:#fff;padding:12px 14px;border-radius:10px;z-index:9999
}

.site-header{
  position:sticky;top:0;z-index:60;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  background:rgba(6,12,22,.42);
  border-bottom:1px solid rgba(122,231,255,.08)
}
.site-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--ln-header)}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand__logo img,.custom-logo{width:54px;height:54px;object-fit:cover;border-radius:16px;box-shadow:var(--ln-shadow-soft)}
.brand__meta{min-width:0}
.brand__meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.brand__title{display:block;font-size:1.15rem;font-weight:800;letter-spacing:.03em;color:#fff}
.brand__tagline{color:var(--ln-subtext);font-size:.92rem}
.ln-edit-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;
  border-radius:999px;border:1px solid rgba(122,231,255,.16);background:rgba(6,12,22,.58);
  color:#d7f1ff;font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;box-shadow:var(--ln-shadow-soft)
}
.ln-edit-link:hover{background:rgba(122,231,255,.16);color:#fff;transform:translateY(-1px)}
.ln-edit-link--floating{
  position:absolute;right:clamp(18px,3vw,40px);top:clamp(18px,3vw,34px);z-index:3
}
.site-header__panel{display:flex;align-items:center;gap:12px;margin-left:auto}
.search-form--header{
  display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;
  border:1px solid rgba(122,231,255,.12);background:rgba(5,12,24,.42)
}
.search-form--header label{display:block;margin:0}
.search-form--header .search-field{
  width:160px;padding:8px 12px;border:none;background:transparent;color:var(--ln-text);outline:none
}
.search-form--header button{
  min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid rgba(122,231,255,.14);
  background:rgba(122,231,255,.10);color:var(--ln-text)
}
.search-form--header button:hover{background:rgba(122,231,255,.18)}
.menu-toggle{
  display:none;padding:10px 14px;border-radius:999px;color:var(--ln-text);
  border:1px solid var(--ln-border);background:rgba(122,231,255,.08)
}
.primary-nav{display:flex;align-items:center;gap:14px}
.primary-nav ul{list-style:none;display:flex;align-items:center;gap:8px;margin:0;padding:0}
.primary-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:8px 14px;border-radius:999px;color:var(--ln-text)
}
.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{
  background:rgba(122,231,255,.12);box-shadow:inset 0 0 0 1px rgba(122,231,255,.08)
}

.site-main{padding-bottom:56px}

.hero-stage{
  --ln-hero-image:linear-gradient(135deg, #091220 0%, #10203a 50%, #12294b 100%);
  --ln-hero-compact:var(--ln-hero-image);
  --ln-compact-opacity:0;
  position:relative;
  height:calc(100vh - var(--ln-header));
  min-height:620px;
  margin-bottom:18px;
  overflow:visible;
}
.hero-stage__sticky{
  position:sticky;top:var(--ln-header);height:calc(100vh - var(--ln-header));
  display:flex;align-items:flex-start;justify-content:center;padding:0 16px 28px;
}
.hero-stage__media{
  position:relative;overflow:hidden;isolation:isolate;
  width:100%;height:100%;margin:0 auto;border-radius:30px;
  border:1px solid rgba(122,231,255,.12);
  background:
    linear-gradient(135deg, rgba(5,10,20,.18), rgba(5,10,20,.48)),
    linear-gradient(90deg, rgba(122,231,255,.06), transparent 48%, rgba(149,134,255,.07)),
    var(--ln-hero-image);
  background-size:cover;background-position:center;
  box-shadow:var(--ln-shadow);
  transform-origin:center top;will-change:width,height,border-radius,transform,opacity;
}
.hero-stage__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--ln-compact-opacity);
  background:
    linear-gradient(135deg, rgba(5,10,20,.14), rgba(5,10,20,.34)),
    linear-gradient(90deg, rgba(122,231,255,.05), transparent 48%, rgba(149,134,255,.06)),
    var(--ln-hero-compact);
  background-size:cover;background-position:center;
}
.hero-stage__media::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}
.hero-stage__media > *{position:relative;z-index:2}

.hero-stage__eyebrow{
  position:absolute;left:clamp(18px,3vw,40px);top:clamp(18px,3vw,34px);
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:rgba(122,231,255,.10);border:1px solid rgba(122,231,255,.16);color:var(--ln-primary);
  font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:2
}
.hero-stage__center{
  position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:96px 24px 72px;will-change:padding
}
.hero-stage__slogan{
  margin:0;font-size:clamp(2.2rem, 6vw, 5.6rem);line-height:1.06;letter-spacing:-.04em;
  text-shadow:0 10px 30px rgba(0,0,0,.24);will-change:transform
}
.hero-stage__typed{display:inline-block;min-height:1.1em}
.hero-stage__cursor{
  display:inline-block;width:.55em;height:1.05em;margin-left:.12em;vertical-align:-.12em;
  border-right:3px solid var(--ln-cursor);animation:ln-blink 1s steps(1,end) infinite
}
@keyframes ln-blink {50%{opacity:0}}
.hero-stage__subtitle{
  max-width:820px;margin-top:22px;color:#d8e8f7;font-size:clamp(1rem,1.5vw,1.12rem);will-change:opacity
}
.hero-stage__subtitle p{margin:.45em 0}
.hero-stage__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px;will-change:margin-top}

.hero-stage.is-compact .hero-stage__subtitle{max-width:760px;font-size:1rem}
.hero-stage.is-compact .hero-stage__media{box-shadow:0 18px 44px rgba(0,0,0,.22), 0 0 0 1px rgba(122,231,255,.08);}

.ln-layout{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);
  gap:24px;
  align-items:start;
}
.ln-main-column{min-width:0}
.ln-rail{min-width:0}
.ln-rail__sticky{
  position:sticky;top:calc(var(--ln-header) + 18px);
  display:flex;flex-direction:column;gap:18px
}
.ln-post-feed{scroll-margin-top:calc(var(--ln-header) + 24px)}
.ln-rail__admin{display:flex;flex-wrap:wrap;gap:8px}

.card,.page-card,.post-card,.ln-module,.ln-widget,.comments-area,
.site-footer__card,.page-header,.ln-main-intro{
  background:linear-gradient(180deg, rgba(11,22,40,.34), rgba(7,14,28,.14));
  border:1px solid var(--ln-border);
  border-radius:var(--ln-radius-lg);
  box-shadow:var(--ln-shadow-soft);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.post-card,.ln-module,.ln-widget,.site-footer__card,.comments-area,.page-card,.ln-main-intro,.page-header{
  box-shadow:0 12px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.card,.page-header,.ln-main-intro,.page-card,.comments-area{padding:24px}
.ln-main-intro{margin-bottom:28px}
.ln-section-head,.post-card__tools,.comments-area__head,.site-footer__head,.ln-widget__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.ln-section-head .section-kicker,.ln-section-head .page-meta,.comments-area__head .section-title,.ln-widget__head .widget-title,.site-footer__head .widget-title{
  margin:0
}
.post-card__tools .post-card__meta,.post-card__tools .entry-meta{flex:1 1 320px}
.comments-area__head{margin-bottom:16px}
.section-kicker,.page-header__meta{
  color:var(--ln-primary);font-size:.84rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase
}
.section-title,.page-title,.archive-title,.entry-title{
  margin:8px 0 0;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.18;letter-spacing:-.03em
}

.post-card{overflow:hidden;margin-bottom:20px}
.post-card__thumb{display:block}
.post-card__thumb img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:0}
.post-card__body{padding:22px}
.post-card__meta,.entry-meta,.page-meta{
  display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--ln-subtext);font-size:.92rem
}
.post-card__title{margin:12px 0 10px;font-size:1.7rem;line-height:1.22}
.post-card__title a{color:#fff}
.post-card__title a:hover{color:var(--ln-primary)}
.post-card__excerpt{color:#d8e8f7}
.post-card__excerpt p:last-child{margin-bottom:0}

.entry-header{display:grid;gap:14px}
.entry-downloads{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:6px
}
.entry-hero-image{margin:22px 0}
.entry-content,.page-content{
  margin-top:24px;color:var(--ln-text)
}
.entry-content h1,.entry-content h2,.entry-content h3,
.page-content h1,.page-content h2,.page-content h3{
  border-left:4px solid var(--ln-primary);padding-left:12px;color:#fff;margin-top:1.8em
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,
.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{
  scroll-margin-top:calc(var(--ln-header) + 26px)
}
.entry-content pre,.page-content pre,pre{
  white-space:pre;word-break:normal
}
.entry-content code,.page-content code,code{
  white-space:break-spaces;word-break:break-word
}
.entry-content pre,.page-content pre,
.wp-block-code,.wp-block-preformatted{
  background:rgba(4,10,20,.94);border:1px solid rgba(122,231,255,.14);
  border-radius:18px;padding:18px;overflow:auto
}
.entry-content code:not(.ln-code-block__code),.page-content code:not(.ln-code-block__code){
  padding:.14em .42em;border-radius:8px;background:rgba(122,231,255,.08);color:#f7fbff
}
.entry-content blockquote,.page-content blockquote{
  background:rgba(149,134,255,.08);
  border-left:4px solid var(--ln-accent);
  border-radius:14px;padding:14px 18px;color:#e9f2ff;margin:1.2em 0
}
.ln-code-block{
  margin:1.35em 0;border-radius:18px;overflow:hidden;
  border:1px solid rgba(122,231,255,.16);
  background:
    linear-gradient(180deg, rgba(7,15,27,.98), rgba(4,10,20,.96)),
    linear-gradient(90deg, rgba(122,231,255,.05), transparent 55%, rgba(149,134,255,.07));
  box-shadow:0 14px 34px rgba(0,0,0,.18)
}
.ln-code-block__toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-bottom:1px solid rgba(122,231,255,.10);
  background:rgba(8,18,34,.76)
}
.ln-code-block__language{
  display:inline-flex;align-items:center;gap:8px;
  color:#d8f2ff;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase
}
.ln-code-block__language::before{
  content:"";width:8px;height:8px;border-radius:999px;flex:0 0 auto;
  background:linear-gradient(135deg, var(--ln-primary), #9ec9ff);
  box-shadow:0 0 0 4px rgba(122,231,255,.12)
}
.ln-code-block__copy{
  min-height:34px;padding:7px 12px;border-radius:999px;
  border:1px solid rgba(122,231,255,.16);background:rgba(122,231,255,.06);color:#e9f8ff;
  font-size:.84rem;font-weight:700
}
.ln-code-block__copy:hover{background:rgba(122,231,255,.14);color:#fff}
.ln-code-block__pre{
  margin:0;padding:18px 20px 20px;background:transparent;border:0;border-radius:0
}
.ln-code-block__code{
  display:block;min-width:100%;padding:0;background:transparent;color:#eaf6ff;
  font-family:"JetBrains Mono","Fira Code","Cascadia Code","SFMono-Regular",monospace;
  font-size:.95rem;line-height:1.7;white-space:pre;word-break:normal
}
.ln-code-block__code .token.comment{color:#6e86a3}
.ln-code-block__code .token.string{color:#ffd58a}
.ln-code-block__code .token.keyword{color:#7ae7ff}
.ln-code-block__code .token.boolean,.ln-code-block__code .token.number{color:#ff9db1}
.ln-code-block__code .token.function{color:#c9b9ff}
.ln-code-block__code .token.operator{color:#9fb6d9}
.ln-code-block__code .token.property{color:#94f3c6}
.ln-code-block__code .token.tag{color:#92d3ff}
.ln-module--toc .ln-module__content{padding-top:2px}
.ln-toc-list{
  list-style:none;margin:0;padding:0;display:grid;gap:8px
}
.ln-toc-list__item a{
  display:block;padding:10px 12px;border-radius:14px;
  background:rgba(122,231,255,.03);border:1px solid rgba(122,231,255,.08);color:#e7f5ff
}
.ln-toc-list__item a:hover,.ln-toc-list__item a.is-active{
  color:#fff;background:rgba(122,231,255,.14);transform:translateX(2px)
}
.ln-toc-list__item.toc-level-3 a{padding-left:22px}
.ln-toc-list__item.toc-level-4 a{padding-left:32px}
.ln-toc-list__item.toc-level-5 a{padding-left:42px}
.ln-toc-list__item.toc-level-6 a{padding-left:52px}
.ln-rail--right .widget_search,
.ln-rail--right .wp-block-search{
  display:none !important
}
.entry-footer{margin-top:24px}
.tag-list{
  display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;
  padding:7px 12px;border-radius:999px;background:rgba(122,231,255,.08);border:1px solid rgba(122,231,255,.12)
}

.ln-module,.ln-widget{padding:18px}
.widget-title{
  margin:0 0 12px;font-size:1rem;color:var(--ln-primary);letter-spacing:.08em;text-transform:uppercase
}
.ln-widget__head{margin-bottom:12px}
.ln-module__content p:first-child{margin-top:0}
.ln-module__content p:last-child{margin-bottom:0}
.ln-link-list,.ln-schedule-list,.quick-links{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px
}
.ln-link-list a,.quick-links a{
  display:flex;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:14px;background:rgba(122,231,255,.025);border:1px solid rgba(122,231,255,.08);color:#e7f5ff
}
.ln-link-list a:hover,.quick-links a:hover{
  background:rgba(122,231,255,.12);transform:translateX(2px)
}
.ln-schedule-list li{
  display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start;
  padding:10px 12px;border-radius:14px;background:rgba(122,231,255,.025);border:1px solid rgba(122,231,255,.08)
}
.ln-schedule-list small{color:var(--ln-primary);font-weight:700;line-height:1.6}
.ln-schedule-list span{color:#dff2ff;line-height:1.7}
.ln-visitor-box{
  display:grid;gap:6px;padding:16px;border-radius:18px;
  background:linear-gradient(135deg, rgba(122,231,255,.10), rgba(149,134,255,.08));
  border:1px solid rgba(122,231,255,.16)
}
.ln-visitor-box strong{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1;color:#fff}
.ln-visitor-box span{color:#d8ecff}
.ln-friend-links{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px
}
.ln-friend-links a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px;border-radius:16px;background:rgba(122,231,255,.03);border:1px solid rgba(122,231,255,.08);color:#e7f5ff
}
.ln-friend-links a:hover{background:rgba(122,231,255,.12);transform:translateX(2px)}
.ln-friend-links__brand{display:flex;align-items:center;gap:12px;min-width:0}
.ln-friend-links__brand img,.ln-friend-links__placeholder{
  width:42px;height:42px;border-radius:14px;object-fit:cover;flex:0 0 auto;
  border:1px solid rgba(122,231,255,.14);background:rgba(122,231,255,.12)
}
.ln-friend-links__placeholder{
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800
}
.ln-friend-links__text{min-width:0;word-break:break-word}
.ln-friend-links__arrow{color:var(--ln-primary);font-size:.92rem;white-space:nowrap}

.ln-btn,.wp-block-button__link,.wp-element-button,input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;
  border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--ln-primary),#9ec9ff);
  color:#06101d;font-weight:800;box-shadow:var(--ln-shadow-soft)
}
.ln-btn:hover,.wp-block-button__link:hover,.wp-element-button:hover,input[type="submit"]:hover{
  color:#06101d;transform:translateY(-1px)
}
.ln-btn--ghost{
  background:rgba(122,231,255,.038);border-color:var(--ln-border);color:var(--ln-text);box-shadow:none
}
.ln-btn--ghost:hover{color:#fff}
.ln-btn--wide{width:100%}

.pagination,.nav-links{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:20px
}
.pagination a,.pagination span,.nav-links a,.nav-links span{
  display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:42px;
  padding:8px 14px;border-radius:999px;border:1px solid var(--ln-border);background:rgba(122,231,255,.032);color:var(--ln-text)
}
.pagination .current,.pagination a:hover,.nav-links a:hover{
  background:rgba(122,231,255,.14);color:#fff
}

.comments-area{margin-top:24px}
.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.ln-comment__body{
  display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px;border-radius:18px;
  background:rgba(122,231,255,.022);border:1px solid rgba(122,231,255,.07)
}
.ln-comment__avatar img{width:56px;height:56px;border-radius:16px;object-fit:cover}
.ln-comment__author{font-weight:800;color:#fff}
.ln-comment__meta,.ln-comment__env{color:var(--ln-subtext);font-size:.92rem}
.ln-comment__text{margin-top:8px}
.ln-comment__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px}
.comment-reply-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:999px;
  background:rgba(122,231,255,.08);border:1px solid rgba(122,231,255,.12);color:#e7f5ff
}
.comment-reply-link:hover{background:rgba(122,231,255,.14)}
.comment-form{display:grid;gap:16px;margin-top:22px}
.comment-form label{display:block;font-weight:700;margin-bottom:8px}
.comment-form input:not([type="checkbox"]):not([type="file"]),.comment-form textarea,.comment-form select{
  width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(122,231,255,.18);
  background:rgba(4,10,20,.36);color:#eef7ff
}
.comment-form small,.comment-notes{color:var(--ln-subtext)}
.comment-form-avatar-upload input[type="file"]{
  width:100%;padding:12px;border-radius:16px;border:1px dashed rgba(122,231,255,.18);background:rgba(4,10,20,.28);color:#eef7ff
}
.comment-form-cookies-consent{
  display:flex;align-items:flex-start;gap:10px;color:#d8ebff
}
.comment-form-cookies-consent input[type="checkbox"]{
  width:18px;height:18px;flex:0 0 auto;margin-top:3px;accent-color:var(--ln-primary)
}
.comment-form-cookies-consent label{
  margin:0;font-weight:500;line-height:1.6
}

.ln-pointer-layer{
  position:fixed;inset:0;z-index:120;pointer-events:none;opacity:0;transition:opacity 180ms ease;mix-blend-mode:screen
}
.ln-pointer-halo,.ln-pointer-dot,.ln-click-bloom,.ln-click-spark{
  position:fixed;left:0;top:0;pointer-events:none;transform:translate3d(-9999px,-9999px,0)
}
.ln-pointer-halo{
  width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:999px;
  border:1px solid rgba(122,231,255,.30);
  background:radial-gradient(circle, rgba(122,231,255,.18) 0%, rgba(122,231,255,.04) 56%, rgba(122,231,255,0) 74%);
  box-shadow:0 0 32px rgba(122,231,255,.16), inset 0 0 16px rgba(149,134,255,.14);
  opacity:.64;will-change:transform,opacity
}
.ln-pointer-dot{
  width:10px;height:10px;border-radius:999px;
  background:radial-gradient(circle, rgba(122,231,255,.96) 0%, rgba(167,220,255,.48) 42%, rgba(149,134,255,.18) 66%, rgba(122,231,255,0) 78%);
  box-shadow:0 0 24px rgba(122,231,255,.32);will-change:transform,opacity
}
.ln-pointer-dot[data-ln-index="1"]{width:14px;height:14px;opacity:.54}
.ln-pointer-dot[data-ln-index="2"]{width:18px;height:18px;opacity:.36}
.ln-pointer-dot[data-ln-index="3"]{width:22px;height:22px;opacity:.22}
.ln-pointer-dot[data-ln-index="4"]{width:26px;height:26px;opacity:.14}
.ln-pointer-dot[data-ln-index="5"]{width:32px;height:32px;opacity:.08}
.ln-click-bloom{
  width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:999px;
  border:1px solid rgba(122,231,255,.55);
  background:radial-gradient(circle, rgba(149,134,255,.22), rgba(149,134,255,0) 66%);
  animation:ln-click-bloom 760ms ease-out forwards
}
.ln-click-spark{
  width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;
  background:linear-gradient(135deg, rgba(122,231,255,.96), rgba(149,134,255,.88));
  box-shadow:0 0 18px rgba(122,231,255,.34);
  animation:ln-click-spark 760ms ease-out forwards
}
@keyframes ln-click-bloom{
  0%{opacity:.86;transform:translate3d(var(--ln-x),var(--ln-y),0) scale(.2)}
  100%{opacity:0;transform:translate3d(var(--ln-x),var(--ln-y),0) scale(7.4)}
}
@keyframes ln-click-spark{
  0%{opacity:.92;transform:translate3d(var(--ln-x),var(--ln-y),0) scale(.5)}
  100%{opacity:0;transform:translate3d(calc(var(--ln-x) + var(--ln-dx)),calc(var(--ln-y) + var(--ln-dy)),0) scale(0)}
}

.ln-game{display:grid;gap:12px}
.ln-game__tabs{display:flex;gap:8px;flex-wrap:wrap}
.ln-game__tab,.ln-game__action,.ln-reaction-box{
  border:1px solid rgba(122,231,255,.12);background:rgba(122,231,255,.026);color:#dff3ff;border-radius:14px
}
.ln-game__tab{padding:8px 12px}
.ln-game__tab.is-active{background:rgba(122,231,255,.18);color:#fff}
.ln-game__panel{display:none}
.ln-game__panel.is-active{display:block}
.ln-game__desc,.ln-game__stat{font-size:.92rem;color:#c2d8ef}
.ln-game__row{display:flex;gap:8px;flex-wrap:wrap}
.ln-game__action{padding:8px 12px}
.ln-memory-board{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px
}
.ln-memory-board button{
  min-height:52px;border-radius:14px;border:1px solid rgba(122,231,255,.16);
  background:rgba(149,134,255,.055);color:#eefaff;font-size:22px;font-weight:700
}
.ln-memory-board button.is-open,.ln-memory-board button.is-matched{
  background:rgba(122,231,255,.16);border-color:rgba(122,231,255,.28)
}
.ln-reaction-box{
  width:100%;min-height:82px;padding:16px;text-align:center;font-weight:800;margin-top:10px
}
.ln-reaction-box.is-waiting{background:rgba(255,196,0,.10);border-color:rgba(255,196,0,.24)}
.ln-reaction-box.is-ready{background:rgba(50,255,140,.14);border-color:rgba(50,255,140,.26)}
.ln-reaction-box.is-fail{background:rgba(255,80,80,.14);border-color:rgba(255,80,80,.26)}

.site-footer{padding:16px 0 24px}
.site-footer__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px
}
.site-footer__card{padding:20px}
.site-footer__card > .ln-edit-link{margin-bottom:14px}
.site-footer__head{margin-bottom:12px}
.site-footer__bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
  margin-top:0;padding-top:18px;border-top:1px solid rgba(122,231,255,.10);color:var(--ln-subtext)
}

.screen-reader-text{position:absolute;left:-9999px}

@media (min-width: 1101px){
  .single-post .ln-main-column,
  .single-post .ln-rail__sticky,
  .has-front-hero .ln-main-column,
  .has-front-hero .ln-rail__sticky{
    max-height:calc(100vh - var(--ln-header) - 30px);
    overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(122,231,255,.12) transparent
  }
  .single-post .ln-main-column,
  .has-front-hero .ln-main-column{
    position:sticky;top:calc(var(--ln-header) + 18px);padding-right:6px
  }
  .single-post .ln-rail__sticky,
  .has-front-hero .ln-rail__sticky{padding-right:4px}
  .single-post .ln-main-column::-webkit-scrollbar,
  .single-post .ln-rail__sticky::-webkit-scrollbar,
  .has-front-hero .ln-main-column::-webkit-scrollbar,
  .has-front-hero .ln-rail__sticky::-webkit-scrollbar{
    width:6px;height:6px
  }
  .single-post .ln-main-column::-webkit-scrollbar-track,
  .single-post .ln-rail__sticky::-webkit-scrollbar-track,
  .has-front-hero .ln-main-column::-webkit-scrollbar-track,
  .has-front-hero .ln-rail__sticky::-webkit-scrollbar-track{
    background:transparent
  }
  .single-post .ln-main-column::-webkit-scrollbar-thumb,
  .single-post .ln-rail__sticky::-webkit-scrollbar-thumb,
  .has-front-hero .ln-main-column::-webkit-scrollbar-thumb,
  .has-front-hero .ln-rail__sticky::-webkit-scrollbar-thumb{
    border-radius:999px;border:1px solid transparent;background:rgba(122,231,255,.10);background-clip:padding-box
  }
  .single-post .ln-main-column:hover::-webkit-scrollbar-thumb,
  .single-post .ln-rail__sticky:hover::-webkit-scrollbar-thumb,
  .has-front-hero .ln-main-column:hover::-webkit-scrollbar-thumb,
  .has-front-hero .ln-rail__sticky:hover::-webkit-scrollbar-thumb{
    background:rgba(122,231,255,.18);background-clip:padding-box
  }
}

@media (max-width: 1260px){
  .ln-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(210px,250px)}
}
@media (max-width: 1100px){
  .ln-layout{grid-template-columns:1fr}
  .ln-rail__sticky{position:static}
  .ln-rail{order:2}
  .ln-main-column{order:1}
  .site-footer__grid{grid-template-columns:1fr}
}
@media (max-width: 920px){
  .menu-toggle{display:inline-flex}
  .site-header__panel{
    position:absolute;right:16px;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));
    display:none;flex-direction:column;align-items:stretch;padding:12px;border-radius:20px;
    background:rgba(6,12,22,.74);border:1px solid rgba(122,231,255,.10);box-shadow:var(--ln-shadow)
  }
  .site-header__panel.is-open{display:flex}
  .search-form--header{width:100%}
  .search-form--header label,.search-form--header .search-field{width:100%}
  .primary-nav{width:100%}
  .primary-nav ul{flex-direction:column;align-items:stretch}
  .primary-nav a{justify-content:flex-start}
  .hero-stage{min-height:560px}
}
@media (max-width: 768px){
  .site-frame{width:min(calc(100% - 20px),var(--ln-container))}
  .site-main{padding-bottom:40px}
  .hero-stage{height:calc(100vh - var(--ln-header));min-height:520px}
  .hero-stage__sticky{padding:0 10px 16px}
  .hero-stage__media{border-radius:22px}
  .hero-stage__center{padding:88px 18px 54px}
  .hero-stage__media > *{position:relative;z-index:2}
  .hero-stage__eyebrow{left:16px;top:16px}
  .ln-edit-link--floating{right:16px;top:16px}
  .card,.page-card,.comments-area,.page-header,.ln-main-intro{padding:18px}
  .post-card__body{padding:18px}
  .entry-downloads{gap:8px}
  .ln-comment__body{grid-template-columns:1fr}
  .ln-comment__avatar{display:none}
}
@media (prefers-reduced-motion: reduce){
  .ln-pointer-layer{display:none}
}
