@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--gold:#D4A853;--gold-l:#F0C875;--dark:#0A0C0F;--d2:#111418;--d3:#181D24;--d4:#1F2630;--border:rgba(212,168,83,.18);--text:#E8E4DC;--muted:#7A8090;--green:#4ADE80;--orange:#FB923C;--red:#F87171;--blue:#60A5FA}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}textarea:focus,input:focus{border-color:var(--gold)!important;outline:none}textarea::placeholder,input::placeholder{color:var(--muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--d2)}::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;flex-shrink:0}.spinner-lg{width:36px;height:36px;border-width:3px}.page-loader{display:flex;align-items:center;justify-content:center;padding:80px 0;gap:14px;color:var(--muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:all .2s}.card-hover:hover{background:var(--d3)!important;border-color:var(--border)!important;transform:translateY(-2px)}.cat-btn{background:var(--d3);border:1px solid var(--border);color:var(--muted);padding:7px 14px;border-radius:20px;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s;white-space:nowrap;flex-shrink:0}.cat-btn:hover,.cat-btn.active{border-color:var(--gold);color:var(--gold);background:#d4a85314}.cat-nav{display:flex;gap:6px;padding-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.header-inner{padding:0 24px}.main-inner,.page-shell{padding:0 24px 80px}.btn-gold{background:var(--gold);color:var(--dark);border:none;padding:9px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-family:DM Sans,sans-serif;font-size:13px;transition:background .2s;white-space:nowrap}.btn-gold:hover{background:var(--gold-l)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;transition:all .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.art-card{background:var(--d2);border:1px solid transparent;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;animation:fadeUp .35s ease both}.art-card:hover{background:var(--d3);border-color:var(--border);transform:translateY(-3px)}.like-btn{background:none;border:1px solid var(--border);cursor:pointer;padding:8px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:6px;color:var(--muted);font-family:DM Mono,monospace;transition:all .2s}.like-btn:hover{border-color:#f87171;color:#f87171}.like-btn.liked{border-color:#f87171;color:#f87171;background:#f8717114}.share-btn{background:none;border:1px solid var(--border);cursor:pointer;padding:8px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:6px;color:var(--muted);font-family:DM Mono,monospace;transition:all .2s}.share-btn:hover{border-color:var(--gold);color:var(--gold)}.toast{animation:toastIn .25s ease;position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--d3);border:1px solid var(--gold);color:var(--gold);padding:10px 22px;border-radius:100px;font-size:13px;font-family:DM Mono,monospace;letter-spacing:.5px;z-index:300;white-space:nowrap;box-shadow:0 4px 24px #00000080}.rte-btn:hover{border-color:#d4a85380!important;color:var(--gold)!important}.rte-body:empty:before{content:attr(data-ph);color:var(--muted);pointer-events:none;display:block}.rte-body h2{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:2px;color:var(--text);margin:20px 0 10px}.rte-body h3{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:1.5px;color:var(--text);margin:18px 0 8px}.rte-body h4{font-size:17px;font-weight:600;color:var(--text);margin:16px 0 8px}.rte-body p{margin-bottom:14px}.rte-body blockquote{border-left:3px solid var(--gold);padding-left:18px;color:#b8b4ac;font-style:italic;margin:18px 0}.rte-body ul,.rte-body ol{padding-left:24px;margin-bottom:14px;color:var(--muted)}.rte-body li{margin-bottom:4px}.rte-body a{color:var(--gold);text-decoration:underline}.rte-body strong{color:var(--text);font-weight:600}.rte-body em{color:#b8b4ac}.article-body h2{font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:2px;color:var(--text);margin:28px 0 12px}.article-body h3{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1.5px;color:var(--text);margin:22px 0 10px}.article-body h4{font-size:16px;font-weight:600;color:var(--text);margin:18px 0 8px}.article-body p{margin-bottom:18px;color:var(--muted)}.article-body p:first-child{color:var(--text)}.article-body blockquote{border-left:3px solid var(--gold);padding-left:18px;color:#b8b4ac;font-style:italic;margin:22px 0}.article-body ul,.article-body ol{padding-left:28px;margin-bottom:18px;color:var(--muted)}.article-body li{margin-bottom:6px;line-height:1.7}.article-body a{color:var(--gold);text-decoration:underline}.article-body strong{color:var(--text);font-weight:600}.article-body em{color:#b8b4ac}@media(max-width:600px){.header-inner{padding:0 8px}.main-inner,.page-shell{padding:0 8px 64px}.art-card{padding:12px}.featured-card{padding:20px 14px!important}.account-type-label,.account-type-desc{display:none!important}.header-logo-name{font-size:18px!important;letter-spacing:2px!important}.header-logo-tag,.header-live{display:none!important}.header-auth{gap:6px!important}.header-auth .btn-ghost,.header-auth .btn-gold{padding:5px 10px!important;font-size:11px!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.footer-links{flex-wrap:wrap!important;gap:12px!important}}@media(max-width:400px){.header-logo-name{font-size:15px!important;letter-spacing:1px!important}}
