:root,html[data-theme=midnight],body[data-theme=midnight]{--lc-bg:#040207;--lc-bg-gradient:radial-gradient(ellipse 100% 70% at 50% -5%, rgba(130, 70, 245, 0.45), transparent 75%),
                       radial-gradient(ellipse 80% 60% at 100% 90%, rgba(180, 20, 80, 0.25), transparent 60%);--lc-surface:#0c0714;--lc-surface-hover:#160c26;--lc-card:#0e0918;--lc-card-hover:#170e28;--lc-border:rgba(168, 105, 255, 0.25);--lc-border-hover:rgba(168, 105, 255, 0.65);--lc-text:#eee6fa;--lc-text-pure:#ffffff;--lc-muted:#b5a2cf;--lc-faint:rgba(238, 230, 250, 0.5);--lc-red:#9e2a2b;--lc-red-bright:#c084fc;--lc-red-glow:rgba(192, 132, 252, 0.55);--lc-purple:#a855f7;--lc-gold:#e9d5ff;--lc-gold-glow:rgba(233, 213, 255, 0.4);--lc-selection:rgba(168, 105, 255, 0.55);--lc-progress-grad:linear-gradient(90deg, #7c3aed, #c084fc, #ffffff);--lc-lead-line:linear-gradient(90deg, transparent, #c084fc, #ec4899, transparent);--nav-max-width:1180px;--article-max-width:760px;--verse-max-width:650px;--header-height:64px}html[data-theme=candlelight],body[data-theme=candlelight]{--lc-bg:#22140a;--lc-bg-gradient:radial-gradient(ellipse 100% 75% at 50% -5%, rgba(255, 165, 30, 0.6), transparent 75%),
                       radial-gradient(ellipse 90% 65% at 0% 100%, rgba(220, 110, 15, 0.45), transparent 60%);--lc-surface:#2d1a0d;--lc-surface-hover:#3d2412;--lc-card:#2e1b0e;--lc-card-hover:#3f2513;--lc-border:rgba(251, 191, 36, 0.45);--lc-border-hover:rgba(251, 191, 36, 0.9);--lc-text:#fffbf2;--lc-text-pure:#ffffff;--lc-muted:#e6c8a8;--lc-faint:rgba(255, 251, 242, 0.65);--lc-red:#f59e0b;--lc-red-bright:#fbbf24;--lc-red-glow:rgba(251, 191, 36, 0.65);--lc-purple:#d97706;--lc-gold:#fde68a;--lc-gold-glow:rgba(253, 230, 138, 0.65);--lc-selection:rgba(245, 158, 11, 0.55);--lc-progress-grad:linear-gradient(90deg, #d97706, #fbbf24, #ffffff);--lc-lead-line:linear-gradient(90deg, transparent, #f59e0b, #fbbf24, transparent)}html[data-theme=crimson],body[data-theme=crimson]{--lc-bg:#200106;--lc-bg-gradient:radial-gradient(ellipse 100% 75% at 50% -5%, rgba(255, 15, 65, 0.7), transparent 75%),
                       radial-gradient(ellipse 90% 65% at 100% 100%, rgba(210, 5, 50, 0.5), transparent 60%);--lc-surface:#2d020a;--lc-surface-hover:#40040f;--lc-card:#2e020a;--lc-card-hover:#42040f;--lc-border:rgba(255, 23, 68, 0.45);--lc-border-hover:rgba(255, 23, 68, 0.9);--lc-text:#fff5f6;--lc-text-pure:#ffffff;--lc-muted:#e8aab5;--lc-faint:rgba(255, 245, 246, 0.65);--lc-red:#ff0037;--lc-red-bright:#ff1744;--lc-red-glow:rgba(255, 23, 68, 0.7);--lc-purple:#c51162;--lc-gold:#ff80ab;--lc-gold-glow:rgba(255, 128, 171, 0.55);--lc-selection:rgba(255, 23, 68, 0.6);--lc-progress-grad:linear-gradient(90deg, #c51162, #ff1744, #ffffff);--lc-lead-line:linear-gradient(90deg, transparent, #ff1744, #ff80ab, transparent)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:eb garamond,Georgia,serif;font-size:18px;line-height:1.85;color:var(--lc-text);background-color:var(--lc-bg);background-image:var(--lc-bg-gradient);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color 260ms ease,color 260ms ease}a{color:inherit;text-decoration:none;transition:color 180ms ease,opacity 180ms ease,border-color 180ms ease}::selection{background:var(--lc-selection);color:var(--lc-text-pure)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--lc-bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--lc-red)}.lc-site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:rgba(3,2,6,.92);border-bottom:1px solid var(--lc-border);backdrop-filter:blur(24px)saturate(1.5);-webkit-backdrop-filter:blur(24px)saturate(1.5);transition:border-color 260ms ease,background 260ms ease}html[data-theme=candlelight] .lc-site-header{background:rgba(30,19,10,.95)}html[data-theme=crimson] .lc-site-header{background:rgba(24,0,4,.95)}.lc-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--nav-max-width);height:100%;margin:0 auto;padding:0 2rem;gap:1.5rem}.lc-header-brand-row{display:contents}.lc-brand-link{display:inline-flex;align-items:center;gap:.65rem;font-family:cinzel,serif;font-size:1.05rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--lc-text-pure);white-space:nowrap}.lc-brand-link:hover{color:var(--lc-red-bright)}.lc-brand-star{color:var(--lc-red-bright);font-size:.85rem;line-height:1;text-shadow:0 0 10px var(--lc-red-glow)}.lc-site-nav{display:flex;align-items:center}.lc-nav-list{display:flex;align-items:center;gap:2rem;list-style:none}.lc-nav-list a{font-family:inter,sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-muted);padding:.3rem 0;border-bottom:1px solid transparent}.lc-nav-list a:hover{color:var(--lc-text-pure)}.lc-nav-list a.is-active{color:var(--lc-text-pure);border-bottom-color:var(--lc-red-bright)}.lc-header-tools{display:flex;align-items:center;gap:.5rem}.lc-tool-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--lc-card);border:1px solid var(--lc-border);color:var(--lc-muted);border-radius:6px;height:32px;padding:0 .7rem;font-family:inter,sans-serif;font-size:.7rem;letter-spacing:.08em;cursor:pointer;transition:all 160ms ease;user-select:none}.lc-tool-btn:hover{background:var(--lc-card-hover);border-color:var(--lc-border-hover);color:var(--lc-text-pure)}.lc-tool-btn.is-active{border-color:var(--lc-red);color:var(--lc-red-bright);background:rgba(158,42,43,.16)}.lc-status-dot{width:6px;height:6px;border-radius:50%}.lc-theme-dot{background:var(--lc-red-bright);box-shadow:0 0 6px var(--lc-red-glow)}.lc-audio-dot{background:var(--lc-muted)}.lc-tool-btn.is-active .lc-audio-dot{background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.6)}.lc-tool-kbd{font-family:monospace;font-size:.6rem;padding:.08rem .3rem;background:rgba(255,255,255,8%);border-radius:3px;border:1px solid var(--lc-border)}@media(max-width:860px){.lc-header-inner{padding:0 1.2rem}.lc-nav-list{gap:1.2rem}.lc-tool-kbd{display:none}}@media(max-width:768px){:root{--header-height:auto}.lc-site-header{height:auto;padding:.65rem 1rem .55rem}.lc-header-inner{flex-direction:column;align-items:stretch;gap:.55rem;padding:0;height:auto}.lc-header-brand-row{display:flex!important;align-items:center;justify-content:space-between;width:100%}.lc-brand-link{font-size:.86rem;letter-spacing:.16em;gap:.45rem}.lc-header-tools{gap:.35rem}.lc-tool-btn{height:28px;padding:0 .55rem;font-size:.64rem;gap:.35rem}.lc-tool-kbd{display:none}.lc-site-nav{display:block!important;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lc-site-nav::-webkit-scrollbar{display:none}.lc-nav-list{display:flex;align-items:center;gap:.45rem;padding:.15rem 0;width:max-content}.lc-nav-list a{display:inline-block;padding:.28rem .75rem;border-radius:999px;background:var(--lc-card);border:1px solid var(--lc-border);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-muted);white-space:nowrap;transition:all 160ms ease}.lc-nav-list a.is-active{background:var(--lc-card-hover);border-color:var(--lc-red-bright);color:var(--lc-text-pure);box-shadow:0 0 10px var(--lc-red-glow)}.lc-container{padding:1.8rem 1rem 4.5rem}.lc-frontispiece{gap:3rem}.lc-masthead{padding-bottom:.5rem}.lc-masthead-title{font-size:clamp(1.9rem,7.5vw,2.7rem);letter-spacing:.1em}.lc-lead-card{padding:1.6rem 1.2rem;border-radius:12px}.lc-lead-heading{font-size:clamp(1.5rem,5.5vw,2rem);line-height:1.2;margin-bottom:.8rem}.lc-lead-desc{font-size:1.05rem;line-height:1.65;margin-bottom:1.2rem}.lc-lead-footer{flex-direction:column;align-items:flex-start;gap:.8rem}.lc-grid{grid-template-columns:1fr;gap:1.2rem}.lc-grid-card{padding:1.4rem 1.2rem;border-radius:10px}.lc-stream-navbar{flex-direction:column;align-items:flex-start;gap:.8rem}.lc-filter-pills{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem}.lc-filter-pills::-webkit-scrollbar{display:none}.lc-article-title{font-size:clamp(1.9rem,6.8vw,2.7rem);line-height:1.16}.lc-verse-mode,.is-poetry-article .lc-prose{font-size:1.18rem;line-height:2}.lc-verse-mode p,.is-poetry-article .lc-prose p{padding:.8rem 1rem;margin-bottom:1.6rem}.lc-verse-mode p:hover,.is-poetry-article .lc-prose p:hover,.lc-verse-mode p.is-locked-stanza,.is-poetry-article .lc-prose p.is-locked-stanza{transform:translateX(4px)!important}.lc-palette-modal{width:calc(100% - 1.5rem);max-height:85vh}.lc-audio-dock{bottom:max(1rem,env(safe-area-inset-bottom,1rem))!important;right:1rem!important;left:1rem!important;padding:.4rem .8rem;justify-content:space-between}}.lc-container{max-width:var(--nav-max-width);margin:0 auto;padding:4rem 2rem 6rem;min-height:calc(100vh - var(--header-height) - 120px);transition:opacity 160ms cubic-bezier(.16,1,.3,1),transform 160ms cubic-bezier(.16,1,.3,1);opacity:1;transform:translateY(0)}.lc-container.is-transitioning{opacity:0;transform:translateY(4px)}.lc-frontispiece{display:flex;flex-direction:column;gap:4.5rem}.lc-masthead{text-align:center;padding-bottom:2rem}.lc-masthead-ornament{color:var(--lc-red-bright);font-size:.85rem;letter-spacing:.4em;margin-bottom:1.2rem;opacity:.8}.lc-masthead-title{font-family:cinzel,serif;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lc-text-pure);line-height:1.1;margin-bottom:.8rem;text-shadow:0 4px 35px rgba(0,0,0,.8)}.lc-masthead-subtitle{font-family:eb garamond,Georgia,serif;font-style:italic;font-size:clamp(1.05rem,2vw,1.3rem);color:var(--lc-muted);letter-spacing:.04em;margin-bottom:2rem}.lc-masthead-line{width:100%;max-width:550px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(158,42,43,.7),transparent)}.lc-lead-card{background:var(--lc-card);border:1px solid var(--lc-border);border-radius:16px;padding:3rem 3rem 2.5rem;transition:all 240ms cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.lc-lead-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--lc-lead-line);opacity:.9}.lc-lead-card:hover{background:var(--lc-card-hover);border-color:var(--lc-border-hover);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px var(--lc-red-glow);transform:translateY(-2px)}.lc-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.lc-section-pill{display:inline-flex;align-items:center;padding:.25rem .85rem;border-radius:999px;font-family:inter,sans-serif;font-size:.64rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:rgba(158,42,43,.14);border:1px solid rgba(158,42,43,.4);color:var(--lc-red-bright)}.lc-pill-review{background:rgba(124,86,173,.14);border-color:rgba(124,86,173,.4);color:#b794f4}.lc-pill-miscellaneous{background:rgba(201,162,77,.14);border-color:rgba(201,162,77,.4);color:var(--lc-gold)}.lc-card-date{font-family:inter,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-muted)}.lc-lead-heading{font-family:playfair display,Georgia,serif;font-size:clamp(2rem,3.8vw,2.8rem);font-weight:600;line-height:1.18;margin-bottom:1.2rem}.lc-lead-heading a{color:var(--lc-text-pure)}.lc-lead-heading a:hover{color:var(--lc-red-bright)}.lc-lead-synopsis{font-family:eb garamond,Georgia,serif;font-size:1.2rem;line-height:1.85;color:var(--lc-muted);margin-bottom:2rem;max-width:52ch}.lc-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--lc-border);padding-top:1.4rem}.lc-enter-link{font-family:inter,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--lc-red-bright);display:inline-flex;align-items:center;gap:.4rem}.lc-enter-link:hover .lc-arrow{transform:translateX(4px)}.lc-arrow{transition:transform 180ms ease}.lc-meta-cluster{display:flex;align-items:center;gap:1rem;font-family:inter,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lc-muted)}.lc-tag-preview{color:var(--lc-faint)}.lc-stream-navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--lc-border)}.lc-stream-heading{font-family:cinzel,serif;font-size:.95rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--lc-text-pure)}.lc-filter-pills{display:flex;gap:.4rem;flex-wrap:wrap}.lc-filter-pill{background:0 0;border:1px solid var(--lc-border);color:var(--lc-muted);border-radius:999px;padding:.25rem .8rem;font-family:inter,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all 160ms ease}.lc-filter-pill:hover,.lc-filter-pill.is-active{background:rgba(255,255,255,8%);border-color:var(--lc-border-hover);color:var(--lc-text-pure)}.lc-filter-pill.is-active{border-color:var(--lc-red-bright);color:var(--lc-red-bright);background:rgba(158,42,43,.15)}.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem}.lc-grid-card{background:var(--lc-card);border:1px solid var(--lc-border);border-radius:12px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;transition:all 220ms ease}.lc-grid-card:hover{background:var(--lc-card-hover);border-color:var(--lc-border-hover);box-shadow:0 14px 35px rgba(0,0,0,.5),0 0 20px var(--lc-red-glow);transform:translateY(-2px)}.lc-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}.lc-dot{width:7px;height:7px;border-radius:50%}.lc-dot-poetry{background:var(--lc-red-bright);box-shadow:0 0 8px var(--lc-red-glow)}.lc-dot-review{background:var(--lc-purple);box-shadow:0 0 8px rgba(124,86,173,.4)}.lc-dot-miscellaneous{background:var(--lc-gold);box-shadow:0 0 8px var(--lc-gold-glow)}.lc-card-section{font-family:inter,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-muted)}.lc-meta-dot{color:var(--lc-border)}.lc-card-time{font-family:inter,sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lc-muted)}.lc-grid-title{font-family:playfair display,Georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.7rem}.lc-grid-title a{color:var(--lc-text-pure)}.lc-grid-title a:hover{color:var(--lc-red-bright)}.lc-grid-desc{font-family:eb garamond,Georgia,serif;font-size:1.05rem;line-height:1.7;color:var(--lc-muted);margin-bottom:1.4rem;flex:1}.lc-grid-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,4%);padding-top:1rem}.lc-grid-link{font-family:inter,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-red-bright)}.lc-grid-readtime{font-family:inter,sans-serif;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lc-muted)}.lc-colophon{margin-top:3rem;padding:3rem 0 1rem;border-top:1px solid var(--lc-border);text-align:center}.lc-colophon-ornament{color:var(--lc-red-bright);font-size:1.2rem;margin-bottom:1rem;opacity:.8}.lc-colophon-copy{font-size:1.05rem;line-height:1.8;color:var(--lc-muted);max-width:60ch;margin:0 auto 1.5rem}.lc-colophon-nav{font-family:inter,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-muted)}.lc-colophon-nav a{color:var(--lc-text);border-bottom:1px solid var(--lc-red)}.lc-colophon-nav a:hover{color:var(--lc-red-bright)}.lc-site-footer{border-top:1px solid var(--lc-border);padding:3rem 2rem;text-align:center;font-family:inter,sans-serif;font-size:.72rem;letter-spacing:.1em;color:var(--lc-muted)}.lc-footer-mark{color:var(--lc-red-bright);font-size:1.1rem;margin-bottom:.8rem;opacity:.8}.lc-footer-copy{margin-bottom:.3rem}.lc-footer-copy a{color:var(--lc-text)}.lc-footer-sub{font-size:.65rem;opacity:.7}.lc-article-page{max-width:var(--article-max-width);margin:0 auto}.lc-article-header{text-align:center;margin-bottom:3.5rem}.lc-article-badge{margin-bottom:1rem}.lc-article-title{font-family:playfair display,Georgia,serif;font-size:clamp(2.4rem,5.2vw,3.8rem);font-weight:700;line-height:1.14;color:var(--lc-text-pure);margin-bottom:1.2rem}.lc-article-description{font-family:eb garamond,Georgia,serif;font-style:italic;font-size:1.2rem;line-height:1.7;color:var(--lc-muted);margin-bottom:1.5rem;max-width:48ch;margin-inline:auto}.lc-article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem .8rem;font-family:inter,sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lc-muted)}.lc-meta-bullet{color:var(--lc-red-bright);opacity:.7}.lc-header-separator{margin:2.2rem auto 0;color:var(--lc-red-bright);font-size:.9rem;opacity:.75}.lc-toc-box{background:var(--lc-card);border:1px solid var(--lc-border);border-radius:12px;margin:2rem 0 3.5rem}.lc-toc-box summary{padding:.85rem 1.4rem;font-family:cinzel,serif;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lc-muted);cursor:pointer}.lc-toc-box summary:hover{color:var(--lc-text-pure)}.lc-toc-content{padding:0 1.4rem 1.2rem;font-family:eb garamond,serif}.lc-toc-content a{color:var(--lc-muted);display:block;padding:.25rem 0;font-size:1.05rem}.lc-toc-content a:hover{color:var(--lc-text-pure);padding-left:.4rem}.lc-prose{font-size:1.22rem;line-height:2.05;color:var(--lc-text)}.lc-prose p{margin-bottom:2.2rem}.lc-prose h2,.lc-prose h3{font-family:cinzel,playfair display,Georgia,serif;color:var(--lc-text-pure);margin:3.5rem 0 1.2rem}.lc-prose h2{font-size:1.7rem;border-bottom:1px solid var(--lc-border);padding-bottom:.6rem}.lc-prose h3{font-size:1.35rem}.lc-prose blockquote{margin:2.8rem 0;padding:1.6rem 2rem;border-left:3px solid var(--lc-red-bright);background:rgba(158,42,43,8%);border-radius:0 12px 12px 0;font-style:italic;color:var(--lc-faint)}.lc-prose figure{margin:3rem 0}.lc-prose figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--lc-border)}.lc-prose figcaption{font-size:.95rem;color:var(--lc-muted);text-align:center;margin-top:.8rem}.lc-verse-mode,.is-poetry-article .lc-prose{max-width:var(--verse-max-width);margin:2rem auto;font-family:playfair display,eb garamond,Georgia,serif;font-size:1.28rem;line-height:2.2}.lc-verse-mode p,.is-poetry-article .lc-prose p{position:relative;padding:1.1rem 1.8rem;margin-bottom:2.2rem;border-left:3px solid rgba(158,42,43,.25);background:0 0;border-radius:0 10px 10px 0;transition:opacity 220ms ease,background 220ms ease,border-color 220ms ease,transform 220ms ease;cursor:pointer}.lc-verse-mode:hover p:not(:hover),.is-poetry-article .lc-prose:hover p:not(:hover),.lc-prose.has-locked-stanza p:not(.is-locked-stanza){opacity:.32;filter:blur(.3px)}.lc-verse-mode p:hover,.is-poetry-article .lc-prose p:hover,.lc-verse-mode p.is-locked-stanza,.is-poetry-article .lc-prose p.is-locked-stanza{opacity:1!important;filter:none!important;background:var(--lc-card-hover)!important;border-left-color:var(--lc-red-bright)!important;box-shadow:0 10px 35px rgba(0,0,0,.6),0 0 25px var(--lc-red-glow)!important;transform:translateX(8px)}.lc-post-fleuron{text-align:center;margin:4.5rem auto 2.5rem;color:var(--lc-red-bright);font-size:1rem;letter-spacing:.5em;opacity:.7}.lc-tag-cloud{display:flex;flex-wrap:wrap;gap:.6rem;margin:3rem 0 2rem;padding-top:2rem;border-top:1px solid var(--lc-border)}.lc-tag-chip{display:inline-block;padding:.25rem .8rem;font-family:inter,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-muted);border:1px solid var(--lc-border);border-radius:999px}.lc-tag-chip:hover{border-color:var(--lc-red-bright);color:var(--lc-text-pure)}.lc-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}.lc-pag-link{display:block;padding:1.3rem 1.6rem;background:var(--lc-card);border:1px solid var(--lc-border);border-radius:12px;transition:all 180ms ease}.lc-pag-link:hover{background:var(--lc-card-hover);border-color:var(--lc-border-hover)}.lc-pag-label{display:block;font-family:inter,sans-serif;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-muted);margin-bottom:.4rem}.lc-pag-next{text-align:right}.lc-pag-title{font-family:playfair display,Georgia,serif;font-size:1.05rem;font-style:italic;color:var(--lc-text-pure)}.lc-list-header{text-align:center;margin-bottom:3.5rem}.lc-list-badge{margin-bottom:1rem}.lc-list-title{font-family:cinzel,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-text-pure);margin-bottom:1rem}.lc-list-desc{font-size:1.15rem;color:var(--lc-muted);max-width:50ch;margin:0 auto}.lc-palette-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:10000;align-items:flex-start;justify-content:center;padding-top:12vh}.lc-palette-backdrop.is-open{display:flex!important}.lc-palette-modal{width:92%;max-width:580px;background:var(--lc-surface-hover);border:1px solid var(--lc-border-hover);border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.95),0 0 35px var(--lc-red-glow);overflow:hidden}.lc-palette-header{display:flex;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--lc-border);gap:.8rem}.lc-palette-icon{color:var(--lc-red-bright);font-size:1.1rem}.lc-palette-input{flex:1;background:0 0;border:none;color:var(--lc-text-pure);font-family:inter,sans-serif;font-size:1.05rem;outline:none}.lc-palette-kbd{font-family:monospace;font-size:.65rem;padding:.2rem .45rem;background:rgba(255,255,255,8%);border:1px solid var(--lc-border);border-radius:4px;color:var(--lc-muted)}.lc-palette-results{max-height:380px;overflow-y:auto;padding:.5rem}.lc-palette-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.1rem;border-radius:8px;cursor:pointer;transition:all 140ms ease}.lc-palette-item.is-active,.lc-palette-item:hover{background:rgba(255,255,255,7%)}.lc-palette-item-icon{font-size:1.1rem;width:24px;text-align:center}.lc-palette-item-text{flex:1;min-width:0}.lc-palette-item-title{color:var(--lc-text-pure);font-size:.95rem;font-family:playfair display,Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-palette-item-sub{color:var(--lc-muted);font-family:inter,sans-serif;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-palette-item-enter{color:var(--lc-muted);font-size:.85rem;opacity:0}.lc-palette-item.is-active .lc-palette-item-enter{opacity:1}.lc-palette-empty{padding:3rem 1rem;text-align:center;color:var(--lc-muted);font-size:.95rem;font-style:italic}.lc-palette-footer{padding:.8rem 1.4rem;border-top:1px solid var(--lc-border);display:flex;align-items:center;justify-content:space-between;font-family:inter,sans-serif;font-size:.65rem;color:var(--lc-muted);letter-spacing:.08em;background:rgba(0,0,0,.25)}.lc-palette-footer kbd{font-family:monospace;padding:.1rem .3rem;background:rgba(255,255,255,8%);border-radius:3px;margin:0 .15rem}.lc-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--lc-progress-grad);z-index:10001;box-shadow:0 0 10px var(--lc-red-glow);transition:width 60ms linear;pointer-events:none}.lc-quote-tooltip{position:absolute;transform:translate(-50%,-100%);z-index:9000;display:none}.lc-quote-tooltip.is-visible{display:block!important;transform:translate(-50%,-10px)}.lc-quote-btn{background:var(--lc-surface-hover);border:1px solid var(--lc-border-hover);box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 18px var(--lc-red-glow);color:var(--lc-text-pure);padding:.5rem 1rem;border-radius:999px;font-family:inter,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:.45rem;white-space:nowrap}.lc-quote-btn:hover{border-color:var(--lc-red-bright)}.lc-quote-icon{color:var(--lc-red-bright);font-size:.9rem}.lc-toast{position:fixed;bottom:2.2rem;left:50%;transform:translate(-50%,20px);background:var(--lc-surface-hover);border:1px solid var(--lc-border-hover);box-shadow:0 15px 40px rgba(0,0,0,.9),0 0 25px var(--lc-red-glow);color:var(--lc-text-pure);padding:.7rem 1.6rem;border-radius:999px;font-family:inter,sans-serif;font-size:.78rem;letter-spacing:.1em;z-index:10005;opacity:0;pointer-events:none;transition:all 250ms cubic-bezier(.16,1,.3,1)}.lc-toast.is-visible{opacity:1;transform:translate(-50%,0)}.lc-audio-dock{position:fixed;bottom:2rem;right:2rem;z-index:9500;background:var(--lc-surface-hover);border:1px solid var(--lc-border-hover);border-radius:999px;padding:.45rem 1rem;display:none;align-items:center;gap:.9rem;box-shadow:0 14px 35px rgba(0,0,0,.85),0 0 20px var(--lc-red-glow);font-family:inter,sans-serif;font-size:.72rem;letter-spacing:.08em;color:var(--lc-text-pure);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all 220ms ease}.lc-audio-dock.is-visible{display:flex!important}.lc-audio-dock-info{display:flex;align-items:center;gap:.45rem}.lc-audio-dock-icon{font-size:.95rem;color:#38bdf8;.lc-audio-dock { position: fixed; bottom: 2rem; right: 2rem; z-index: 99990; display: none; font-family: 'Inter', sans-serif; animation: fadeIn 200ms ease; } .lc-audio-dock.is-visible { display: block !important; } .lc-audio-capsule { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.75rem !important; flex-wrap: nowrap !important; white-space: nowrap !important; background: var(--lc-surface-hover) !important; border: 1px solid var(--lc-border-hover) !important; border-radius: 999px !important; padding: 0.45rem 0.95rem !important; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.9), 0 0 24px var(--lc-red-glow) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; } .lc-audio-status { display: inline-flex !important; align-items: center !important; gap: 0.45rem !important; padding-right: 0.2rem !important; } .lc-audio-glow-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lc-red-bright); box-shadow: 0 0 8px var(--lc-red-bright); animation: pulse 2.2s infinite ease-in-out; display: inline-block; } .lc-audio-status-label { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lc-text-pure); white-space: nowrap; } .lc-sound-toggles { display: inline-flex !important; align-items: center !important; gap: 0.35rem !important; flex-wrap: nowrap !important; } .lc-sound-chip { all: unset !important; box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center !important; gap: 0.3rem !important; background: rgba(255, 255, 255, 0.06) !important; border: 1px solid var(--lc-border) !important; color: var(--lc-muted) !important; padding: 0.28rem 0.68rem !important; border-radius: 999px !important; font-family: 'Inter', sans-serif !important; font-size: 0.68rem !important; font-weight: 500 !important; letter-spacing: 0.04em !important; cursor: pointer !important; white-space: nowrap !important; line-height: 1 !important; transition: all 140ms ease !important; } .lc-sound-chip:hover { background: var(--lc-card-hover) !important; color: var(--lc-text-pure) !important; border-color: var(--lc-border-hover) !important; transform: translateY(-1px); } .lc-sound-chip.is-active { background: var(--lc-card-hover) !important; border-color: var(--lc-red-bright) !important; color: var(--lc-text-pure) !important; box-shadow: 0 0 12px var(--lc-red-glow) !important; } .lc-chip-emoji { font-size: 0.75rem; } .lc-chip-text { font-size: 0.68rem; font-weight: 500; } .lc-audio-slider-wrap { display: inline-flex !important; align-items: center !important; padding: 0 0.25rem !important; } .lc-audio-dock-vol { -webkit-appearance: none !important; appearance: none !important; width: 60px !important; height: 4px !important; background: rgba(255, 255, 255, 0.18) !important; border-radius: 999px !important; outline: none !important; border: none !important; cursor: pointer !important; } .lc-audio-dock-vol::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; background: var(--lc-red-bright) !important; box-shadow: 0 0 8px var(--lc-red-bright) !important; cursor: pointer !important; border: none !important; } .lc-audio-dock-vol::-moz-range-thumb { width: 12px !important; height: 12px !important; border-radius: 50% !important; background: var(--lc-red-bright) !important; box-shadow: 0 0 8px var(--lc-red-bright) !important; cursor: pointer !important; border: none !important; } .lc-dock-close { all: unset !important; box-sizing: border-box !important; background: transparent !important; border: none !important; color: var(--lc-muted) !important; font-size: 1.35rem !important; line-height: 1 !important; cursor: pointer !important; padding: 0 0.2rem !important; transition: color 120ms ease !important; } .lc-dock-close:hover { color: var(--lc-red-bright) !important; } .lc-oracle-backdrop { display: none; position: fixed; inset: 0; z-index: 100000; background: rgba(3, 2, 6, 0.9); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); align-items: center; justify-content: center; padding: 1.5rem; animation: fadeIn 200ms ease; } .lc-oracle-backdrop.is-open { display: flex !important; } .lc-oracle-modal-box { position: relative; max-width: 520px; width: 100%; display: flex; flex-direction: column; align-items: center; } .lc-oracle-close { all: unset !important; position: absolute; top: -2.8rem; right: 0; background: transparent !important; border: none !important; color: var(--lc-muted) !important; font-size: 2rem !important; cursor: pointer !important; transition: color 140ms ease !important; line-height: 1 !important; } .lc-oracle-close:hover { color: var(--lc-red-bright) !important; } .lc-oracle-tarot-card { position: relative; width: 100%; background: var(--lc-surface-hover); border: 2px solid var(--lc-border-hover); border-radius: 20px; padding: 2.8rem 2.4rem 2.2rem; box-shadow: 0 25px 65px rgba(0, 0, 0, 0.95), 0 0 35px var(--lc-red-glow); text-align: center; transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1), opacity 200ms ease; } .lc-oracle-tarot-card.is-flipping { transform: scale(0.96) rotateY(15deg); opacity: 0.4; } .lc-oracle-card-frame { position: absolute; inset: 8px; border: 1px dashed var(--lc-border); border-radius: 12px; pointer-events: none; opacity: 0.5; } .lc-oracle-card-header { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; margin-bottom: 1.8rem; } .lc-oracle-sigil { font-family: 'Cinzel', serif; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--lc-red-bright); } .lc-oracle-arcana { font-family: 'Inter', sans-serif; font-size: 0.64rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lc-muted); } .lc-oracle-fleuron { color: var(--lc-red-bright); font-size: 1.4rem; margin-bottom: 1rem; opacity: 0.85; } .lc-oracle-quote { font-family: 'Playfair Display', 'EB Garamond', Georgia, serif; font-style: italic; font-size: clamp(1.2rem, 3.8vw, 1.45rem); line-height: 1.75; color: var(--lc-text-pure); margin-bottom: 1.8rem; padding: 0 0.5rem; } .lc-oracle-citation { display: flex; flex-direction: column; gap: 0.2rem; margin-bottom: 2rem; } .lc-oracle-work { font-family: 'Cinzel', serif; font-size: 0.95rem; font-weight: 600; letter-spacing: 0.14em; color: var(--lc-text-pure); } .lc-oracle-author { font-family: 'Inter', sans-serif; font-size: 0.72rem; letter-spacing: 0.08em; color: var(--lc-muted); } .lc-oracle-card-actions { display: flex; gap: 0.6rem; justify-content: center; flex-wrap: wrap; } .lc-oracle-act-btn { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0.65rem 1.3rem !important; border-radius: 999px !important; font-family: 'Inter', sans-serif !important; font-size: 0.72rem !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 160ms ease !important; text-decoration: none !important; } .lc-oracle-draw-btn { background: var(--lc-card) !important; border: 1px solid var(--lc-border-hover) !important; color: var(--lc-text-pure) !important; } .lc-oracle-draw-btn:hover { background: var(--lc-card-hover) !important; border-color: var(--lc-red-bright) !important; box-shadow: 0 0 14px var(--lc-red-glow) !important; } .lc-oracle-read-btn { background: var(--lc-red-bright) !important; border: 1px solid var(--lc-red-bright) !important; color: #ffffff !important; box-shadow: 0 0 16px var(--lc-red-glow) !important; } .lc-oracle-read-btn:hover { opacity: 0.92 !important; transform: translateY(-1px) !important; } .lc-oracle-copy-btn { background: transparent !important; border: 1px solid var(--lc-border) !important; color: var(--lc-muted) !important; padding: 0.65rem 0.9rem !important; } .lc-oracle-copy-btn:hover { border-color: var(--lc-red-bright) !important; color: var(--lc-text-pure) !important; } .lc-oracle-hint { margin-top: 1.4rem; font-family: 'Inter', sans-serif; font-size: 0.66rem; letter-spacing: 0.08em; color: var(--lc-muted); } .lc-archive-page { display: flex; flex-direction: column; gap: 3.5rem; } .lc-archive-ledger { display: flex; flex-direction: column; gap: 2.8rem; } .lc-archive-year-group { display: flex; flex-direction: column; gap: 1.2rem; } .lc-archive-year-header { display: flex; align-items: baseline; gap: 0.8rem; border-bottom: 1px solid var(--lc-border); padding-bottom: 0.5rem; } .lc-archive-year-title { font-family: 'Cinzel', serif; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.1em; color: var(--lc-red-bright); } .lc-archive-year-count { font-family: 'Inter', sans-serif; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lc-muted); } .lc-archive-entry-list { display: flex; flex-direction: column; gap: 0.9rem; } .lc-archive-entry { display: flex; align-items: flex-start; gap: 1.8rem; background: var(--lc-card); border: 1px solid var(--lc-border); border-radius: 10px; padding: 1.1rem 1.4rem; transition: all 180ms ease; } .lc-archive-entry:hover { background: var(--lc-card-hover); border-color: var(--lc-border-hover); transform: translateX(4px); } .lc-archive-entry-date { font-family: 'Inter', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lc-muted); min-width: 65px; padding-top: 0.2rem; } .lc-archive-entry-main { flex: 1; display: flex; flex-direction: column; gap: 0.3rem; } .lc-archive-entry-top { display: flex; align-items: center; gap: 0.6rem; } .lc-archive-entry-readtime { font-family: 'Inter', sans-serif; font-size: 0.64rem; letter-spacing: 0.08em; color: var(--lc-muted); } .lc-archive-entry-title { font-family: 'Cinzel', serif; font-size: 1.1rem; font-weight: 600; line-height: 1.35; } .lc-archive-entry-title a { color: var(--lc-text-pure); transition: color 140ms ease; } .lc-archive-entry-title a:hover { color: var(--lc-red-bright); } .lc-archive-entry-desc { font-family: 'EB Garamond', Georgia, serif; font-size: 0.98rem; line-height: 1.55; color: var(--lc-muted); } @media (max-width: 768px) { .lc-audio-dock { bottom: 1rem; right: 0.8rem; left: 0.8rem; } .lc-audio-capsule { justify-content: space-between; padding: 0.35rem 0.7rem; overflow-x: auto; } .lc-audio-status-label { display: none; } .lc-oracle-tarot-card { padding: 2rem 1.4rem 1.6rem; } .lc-archive-entry { flex-direction: column; gap: 0.5rem; padding: 1rem 1.1rem; } } .lc-hg-modal { position: fixed; inset: 0; z-index: 20000; opacity: 0; pointer-events: none; transition: opacity 600ms ease; display: flex; align-items: stretch; } .lc-hg-modal.is-open { opacity: 1; pointer-events: auto; } .lc-hg-bg { position: absolute; inset: 0; background-image: url('/images/gothic-study.jpg'); background-size: cover; background-position: center 20%; transform: scale(1.04); transition: transform 800ms ease; filter: brightness(0.55) saturate(0.85); } .lc-hg-modal.is-open .lc-hg-bg { transform: scale(1); } .lc-hg-vignette { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 80% at 50% 50%, transparent 30%, rgba(0,0,0,0.65) 100%), linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 20%, transparent 75%, rgba(0,0,0,0.7) 100%); pointer-events: none; } .lc-hg-ui { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 1.5rem 2rem 2rem; } .lc-hg-header { width: 100%; display: flex; align-items: center; justify-content: space-between; } .lc-hg-title { font-family: 'Cinzel', serif; font-size: 0.85rem; letter-spacing: 0.35em; text-transform: uppercase; color: rgba(255, 240, 220, 0.6); } .lc-hg-header-right { display: flex; align-items: center; gap: 1.5rem; } .lc-hg-sessions { font-family: 'Inter', sans-serif; font-size: 0.72rem; letter-spacing: 0.1em; color: rgba(255, 200, 160, 0.5); text-transform: uppercase; } .lc-hg-exit { background: none; border: 1px solid rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.4); width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 1rem; transition: all 200ms ease; display: flex; align-items: center; justify-content: center; } .lc-hg-exit:hover { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.4); } .lc-hg-center { display: flex; flex-direction: column; align-items: center; gap: 2rem; } .lc-hg-ring-wrap { position: relative; width: 240px; height: 240px; } .lc-hg-ring { width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; } .lc-hg-ring-track { fill: none; stroke: rgba(255, 255, 255, 0.07); stroke-width: 5; } .lc-hg-ring-fill { fill: none; stroke: url(#hg-gradient); stroke-width: 5; transition: stroke-dashoffset 1s linear; filter: drop-shadow(0 0 8px rgba(220, 130, 60, 0.6)); } .lc-hg-ring-fill { stroke: #e8a060; } .lc-hg-clock { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; } .lc-hg-time { font-family: 'Cinzel', serif; font-size: 3.8rem; font-weight: 700; color: #fff8ef; letter-spacing: 0.04em; text-shadow: 0 2px 20px rgba(220, 130, 60, 0.4), 0 0 40px rgba(0,0,0,0.8); line-height: 1; } .lc-hg-status { font-family: 'Inter', sans-serif; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255, 200, 160, 0.6); } .lc-hg-controls { display: flex; gap: 0.75rem; align-items: center; } .lc-hg-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; border-radius: 4px; font-family: 'Cinzel', serif; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: all 200ms ease; user-select: none; } .lc-hg-btn-main { background: linear-gradient(135deg, #6b2010, #3d0d0d); border: 1px solid rgba(220, 100, 60, 0.5); color: #fff8ef; box-shadow: 0 4px 20px rgba(100, 20, 10, 0.4); } .lc-hg-btn-main:hover { background: linear-gradient(135deg, #8b3015, #5a1510); border-color: rgba(220, 100, 60, 0.8); box-shadow: 0 6px 28px rgba(150, 40, 10, 0.5); transform: translateY(-1px); } .lc-hg-btn-ghost { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.15); color: rgba(255, 240, 220, 0.6); } .lc-hg-btn-ghost:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.3); color: #fff; } .lc-hg-presets { display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; } .lc-hg-preset { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 240, 220, 0.5); padding: 0.4rem 1rem; border-radius: 999px; font-family: 'Inter', sans-serif; font-size: 0.75rem; letter-spacing: 0.06em; cursor: pointer; transition: all 200ms ease; user-select: none; } .lc-hg-preset:hover { background: rgba(255, 255, 255, 0.1); color: #fff8ef; border-color: rgba(255, 255, 255, 0.25); } .lc-hg-preset.active { background: rgba(220, 100, 60, 0.25); border-color: rgba(220, 100, 60, 0.6); color: #ffd5b0; } .lc-hg-custom { display: flex; gap: 0.5rem; align-items: center; margin-top: -0.5rem; } .lc-hg-custom-input { width: 90px; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(220, 100, 60, 0.3); border-radius: 4px; color: #fff8ef; padding: 0.5rem 0.75rem; font-family: 'Cinzel', serif; font-size: 1.1rem; text-align: center; outline: none; transition: border-color 200ms ease; -moz-appearance: textfield; } .lc-hg-custom-input::-webkit-outer-spin-button, .lc-hg-custom-input::-webkit-inner-spin-button { -webkit-appearance: none; } .lc-hg-custom-input:focus { border-color: rgba(220, 100, 60, 0.7); box-shadow: 0 0 12px rgba(220, 100, 60, 0.15); } .lc-hg-footer { width: 100%; text-align: center; } .lc-hg-quote { font-family: 'Playfair Display', serif; font-style: italic; font-size: 0.95rem; color: rgba(255, 230, 200, 0.35); letter-spacing: 0.02em; line-height: 1.6; } @media (max-width: 640px) { .lc-hg-time { font-size: 2.8rem; } .lc-hg-ring-wrap { width: 190px; height: 190px; } .lc-hg-center { gap: 1.4rem; } } .lc-votive-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 300ms ease; } .lc-votive-modal.is-open { opacity: 1; pointer-events: auto; } .lc-votive-overlay { position: absolute; inset: 0; background: rgba(4, 1, 8, 0.92); backdrop-filter: blur(10px); } .lc-votive-content { position: relative; background: linear-gradient(160deg, #0d0408, #100512, #0a0208); border: 1px solid rgba(220, 20, 60, 0.25); border-radius: 12px; width: 92%; max-width: 520px; max-height: 88vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.04); } .lc-votive-content::before { content: ''; display: block; height: 2px; background: linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.7), rgba(192, 132, 252, 0.5), transparent); flex-shrink: 0; } .lc-votive-close { position: absolute; top: 1rem; right: 1.2rem; background: none; border: none; color: rgba(200, 180, 230, 0.35); font-size: 1.5rem; cursor: pointer; line-height: 1; transition: color 150ms ease; z-index: 2; padding: 0.2rem; } .lc-votive-close:hover { color: rgba(255, 255, 255, 0.8); } .lc-votive-header { padding: 1.8rem 2rem 0; flex-shrink: 0; } .lc-votive-header h3 { font-family: 'Cinzel', serif; color: #eee0ff; font-size: 1.2rem; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 0.4rem; } .lc-votive-header p { font-family: 'EB Garamond', serif; font-style: italic; color: rgba(200, 180, 230, 0.5); font-size: 0.95rem; line-height: 1.5; } .lc-votive-entries { flex: 1; overflow-y: auto; padding: 1.2rem 2rem; display: flex; flex-direction: column; gap: 0.75rem; min-height: 160px; max-height: 280px; scrollbar-width: thin; scrollbar-color: rgba(220, 20, 60, 0.3) transparent; } .lc-votive-entries::-webkit-scrollbar { width: 4px; } .lc-votive-entries::-webkit-scrollbar-track { background: transparent; } .lc-votive-entries::-webkit-scrollbar-thumb { background: rgba(220, 20, 60, 0.3); border-radius: 2px; } .lc-votive-entry { font-family: 'Playfair Display', serif; font-style: italic; font-size: 0.95rem; color: rgba(220, 200, 250, 0.8); line-height: 1.6; padding: 0.9rem 1.1rem; background: rgba(255, 255, 255, 0.025); border-left: 2px solid rgba(220, 20, 60, 0.3); border-radius: 0 4px 4px 0; transition: border-color 300ms ease; } .lc-votive-entry:hover { border-left-color: rgba(192, 132, 252, 0.5); } .lc-votive-entry.new-entry { border-left-color: rgba(192, 132, 252, 0.7); animation: votive-appear 0.6s ease forwards; } @keyframes votive-appear { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .lc-votive-form { display: flex; gap: 0.6rem; padding: 1rem 1.5rem 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.05); background: rgba(0, 0, 0, 0.2); flex-shrink: 0; } .lc-votive-form input { flex: 1; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(220, 20, 60, 0.2); border-radius: 4px; color: #eee0ff; padding: 0.75rem 1rem; font-family: 'EB Garamond', serif; font-size: 1rem; outline: none; transition: border-color 200ms ease, box-shadow 200ms ease; } .lc-votive-form input::placeholder { color: rgba(200, 180, 230, 0.25); font-style: italic; } .lc-votive-form input:focus { border-color: rgba(220, 20, 60, 0.5); box-shadow: 0 0 12px rgba(220, 20, 60, 0.1); } .lc-votive-form button { white-space: nowrap; padding: 0.75rem 1.2rem; background: linear-gradient(135deg, #2d0818, #1a0a2e); border: 1px solid rgba(220, 20, 60, 0.4); border-radius: 4px; color: #eee0ff; font-family: 'Cinzel', serif; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: all 200ms ease; } .lc-votive-form button:hover { background: linear-gradient(135deg, #4a0e28, #2d1250); border-color: rgba(220, 20, 60, 0.7); box-shadow: 0 0 12px rgba(220, 20, 60, 0.2); }}