@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');

:root{--ink:#321f45;--purple:#5b347c;--pink:#e44b9b;--blue:#397cc8;--cyan:#159da8;--gold:#9b6d00;--glass:rgba(255,255,255,.58);--glass-light:rgba(255,255,255,.70);--border:rgba(113,62,145,.52)}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;font-size:14px;line-height:1.55;background-image:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),url("https://i.pinimg.com/736x/99/01/1a/99011aef730ac0c0aca9d920d21c0f5c.jpg");background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat}
*{box-sizing:border-box}
a{color:#703c9a;font-weight:bold;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
a:hover{color:#ff3f9e;text-shadow:0 0 7px rgba(255,63,158,.55)}
.site-shell{width:min(1400px,96%);margin:18px auto;padding:12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.72);box-shadow:0 0 0 4px rgba(255,255,255,.20),0 0 35px rgba(75,32,101,.22);backdrop-filter:blur(1.5px)}
.site-header{text-align:center;padding:18px 15px 12px;background:rgba(255,255,255,.36);border:2px ridge rgba(255,255,255,.78);box-shadow:0 0 18px rgba(255,255,255,.42)}
.sparkle-row{font-size:18px;letter-spacing:5px;margin-bottom:5px}
.site-header h1{margin:3px 0 0;font-family:"UnifrakturCook","Old English Text MT","Times New Roman",serif;font-size:clamp(38px,5vw,68px);line-height:1.05;font-weight:700;color:#5c347b;text-shadow:1px 1px 0 white,0 0 7px rgba(255,255,255,.95),0 0 18px rgba(228,107,174,.40)}
.subtitle{margin:8px 0;font-family:"Courier New",monospace;font-size:15px;letter-spacing:5px;font-weight:bold}
.header-art{margin:10px auto;max-width:620px}
.welcome-line{margin:10px 0 2px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px;letter-spacing:2px}
.ticker{margin:9px 0;padding:7px 10px;overflow:hidden;background:rgba(255,240,250,.68);border-top:2px dotted rgba(91,52,124,.65);border-bottom:2px dotted rgba(91,52,124,.65);font-family:"Courier New",monospace;font-weight:bold;letter-spacing:1px}
.page-grid{display:grid;grid-template-columns:235px minmax(0,1fr) 235px;gap:12px;align-items:start}.sidebar,.main-content{min-width:0}.sidebar{display:flex;flex-direction:column;gap:12px}.main-content{display:flex;flex-direction:column;gap:12px}
.side-box,.intro-panel,.post,.link-cloud{border:2px ridge rgba(255,255,255,.86);box-shadow:0 0 0 1px var(--border),0 5px 15px rgba(58,24,79,.13)}
.side-box{padding:11px}.glass-box{background:var(--glass)}.glass-panel{background:var(--glass-light)}
.side-box h2,.intro-panel h2,.post h2,.link-cloud h2{margin:0 0 9px;font-family:"Times New Roman",Georgia,serif;font-size:18px;line-height:1.1;color:#5b347c;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 white}
.side-box p{margin:7px 0}.quote-box{background:rgba(255,238,249,.68);border-color:rgba(232,93,168,.60)}
.big-quote{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.15;font-style:italic;text-align:center;color:#713e91}
.nav-buttons{display:flex;flex-direction:column;gap:6px}.nav-buttons a{display:block;padding:6px 7px;color:#44235f;background:rgba(255,255,255,.48);border:1px outset rgba(255,255,255,.95);font-family:"Courier New",monospace;font-size:12px;line-height:1.2;text-decoration:none}.nav-buttons a:nth-child(2n){background:rgba(255,220,239,.55)}.nav-buttons a:hover{background:rgba(255,255,255,.85);transform:translateX(3px)}
.intro-panel,.post,.link-cloud{padding:16px}.intro-panel{text-align:center}.intro-panel p{font-family:Georgia,"Times New Roman",serif;font-size:16px}.centered{text-align:center}.mini-links{margin-top:13px}
.divider{text-align:center;font-size:17px;padding:1px 0;letter-spacing:3px;overflow:hidden}.post-date{display:inline-block;padding:3px 6px;margin-bottom:5px;background:rgba(255,255,255,.55);border:1px dotted rgba(91,52,124,.60);font-family:"Courier New",monospace;font-size:11px;letter-spacing:1px}.post h2{font-size:23px}.post p{font-family:Georgia,"Times New Roman",serif;font-size:15px}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-family:"Courier New",monospace}.two-column-post{display:grid;grid-template-columns:145px 1fr;gap:13px;align-items:start}
.image-frame{position:relative;overflow:hidden}.image-frame img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.header-art img,.intro-image img,.post-image img{width:100%;max-height:390px;object-fit:cover}.tiny-art{min-height:95px;padding:5px;text-align:center;background:rgba(255,255,255,.30);border:1px dashed rgba(91,52,124,.60)}.tiny-art img{max-height:150px;width:auto;max-width:100%;margin:auto}.small-image{min-height:125px;background:rgba(255,255,255,.35);border:1px dashed rgba(91,52,124,.55)}.intro-image,.post-image{margin:10px 0 12px;padding:6px;background:rgba(255,255,255,.38);border:1px double rgba(91,52,124,.55)}
.button-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.web-button{min-height:31px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55);border:1px outset rgba(255,255,255,.95);overflow:hidden}.web-button img{display:block;width:88px;height:31px;object-fit:cover}
.cloud{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.cloud a{padding:4px 7px;background:rgba(255,255,255,.55);border:1px dotted rgba(91,52,124,.62);font-family:"Courier New",monospace;font-size:12px;text-decoration:none}.cloud a:nth-child(3n+1){color:#d34b99}.cloud a:nth-child(3n+2){color:#477fc7}.cloud a:nth-child(3n){color:#8050a0}
.online-dot{animation:pulse 1.4s ease-in-out infinite;color:#46a56c}.tiny-list{padding-left:18px;margin-bottom:4px}.tiny-list li{margin:5px 0}
.site-footer{margin-top:12px;padding:15px;text-align:center;background:rgba(255,255,255,.45);border:2px ridge rgba(255,255,255,.80);font-family:"Courier New",monospace}.footer-symbols{font-size:20px;letter-spacing:5px}.small-print{font-size:10px;opacity:.78}
.pink-text{color:#e44b9b}.blue-text{color:#397cc8}.cyan-text{color:#159da8}.gold-text{color:#9b6d00}.purple-text{color:#78459a}.red-text{color:#c43f56}.green-text{color:#36885a}
.rainbow-text{animation:rainbow 6s linear infinite}.color-cycle{animation:rainbow 8s linear infinite}.blinking-text{animation:blink 1.35s steps(2,start) infinite}.title-glow{animation:titlePulse 4s ease-in-out infinite}.drift-text{animation:gentleDrift 4s ease-in-out infinite}.floating-image{animation:floaty 3.5s ease-in-out infinite}.glow-link{animation:linkGlow 2s ease-in-out infinite}
@keyframes rainbow{0%{color:#e44b9b}20%{color:#8c55c7}40%{color:#397cc8}60%{color:#159da8}80%{color:#b17800}100%{color:#e44b9b}}
@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:.22}}
@keyframes titlePulse{0%,100%{text-shadow:1px 1px 0 white,0 0 7px rgba(255,255,255,.95),0 0 16px rgba(228,107,174,.25)}50%{text-shadow:1px 1px 0 white,0 0 10px white,0 0 25px rgba(228,107,174,.65)}}
@keyframes gentleDrift{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes linkGlow{0%,100%{text-shadow:0 0 2px rgba(228,75,155,.1)}50%{text-shadow:0 0 9px rgba(228,75,155,.75)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.left-sidebar,.right-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tiny-art{min-height:80px}}
@media(max-width:600px){.site-shell{width:99%;margin:5px auto;padding:5px}.left-sidebar,.right-sidebar{display:flex}.two-column-post{grid-template-columns:1fr}.site-header h1{font-size:38px}.subtitle{letter-spacing:2px}}