@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700&display=swap";:root{--bg: #0f1624;--bg-glow-1: rgba(126, 198, 255, .08);--bg-glow-2: rgba(158, 240, 192, .1);--card: #111a2d;--accent: #9ef0c0;--accent-2: #7cc6ff;--text: #e3ecff;--muted: #9fb3d1;--border: #1f2a3d;--shadow: 0 25px 80px rgba(0, 0, 0, .35);color-scheme:dark}[data-theme=light]{--bg: #f6f3ec;--bg-glow-1: rgba(255, 214, 153, .32);--bg-glow-2: rgba(123, 194, 255, .25);--card: #ffffff;--accent: #2dd4a6;--accent-2: #4ba3f5;--text: #162132;--muted: #506179;--border: #e2e8f0;--shadow: 0 18px 60px rgba(22, 33, 50, .12);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Nunito Sans,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 120% at 10% 20%,var(--bg-glow-1),transparent),radial-gradient(80% 80% at 80% 10%,var(--bg-glow-2),transparent),var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column}.app-shell{display:grid;grid-template-columns:240px 1fr;align-items:start;gap:24px;padding:32px;flex:1}.content-shell{display:grid;grid-template-rows:auto 1fr;gap:16px;min-height:100%;position:relative}.top-bar{display:flex;justify-content:flex-end;align-items:center;padding:8px 0;position:absolute;top:8px;right:40px;z-index:6}.sidebar{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:20px;background:#111a2dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}[data-theme=light] .sidebar{background:#ffffffe6}.side-nav{display:flex;flex-direction:column;gap:10px;margin-top:12px}.nav-group{display:grid;gap:8px}.sub-nav{display:grid;gap:6px;padding-left:10px}.sub-link{padding-left:16px;font-size:14px}.logo-block{display:flex;align-items:center;justify-content:center}.nav-link{padding:10px 12px;border-radius:12px;color:var(--muted);transition:color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.nav-link{padding:8px 12px;border-radius:12px;color:var(--muted);transition:color .2s ease,background .2s ease,box-shadow .2s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:#ffffff0a}.side-nav button.nav-link{border:none;background:transparent;text-align:left;cursor:pointer}.nav-link.active{color:var(--text);background:#ffffff0f;box-shadow:0 8px 28px #00000040}.logo-row{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:174px;height:174px;border-radius:35px;overflow:visible}.logo-mark:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:radial-gradient(circle at 50% 50%,rgba(158,240,192,.6),transparent 65%);filter:blur(20px);z-index:0}.logo-mark img{position:relative;z-index:1;width:120px;height:120px;object-fit:contain}[data-theme=light] .logo-mark:before{background:radial-gradient(circle at 50% 50%,rgba(75,163,245,.5),transparent 65%)}.logo-label{font-weight:700;letter-spacing:.02em;font-size:16px}.ghost-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-weight:600;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.ghost-button:hover,.ghost-button:focus-visible{background:#ffffff0f;border-color:#ffffff2e;box-shadow:0 10px 30px #00000026}[data-theme=light] .ghost-button:hover,[data-theme=light] .ghost-button:focus-visible{background:#1621320f;border-color:#16213224;box-shadow:0 10px 30px #1621321a}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:#ffffff26;background:#ffffff0f;box-shadow:0 8px 24px #00000040}.toggle-track{position:relative;width:60px;height:28px;border-radius:999px;background:linear-gradient(135deg,#9ef0c040,#7cc6ff33);overflow:hidden}.toggle-thumb{position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--text);display:grid;place-items:center;font-size:12px;box-shadow:0 8px 18px #00000059;transition:transform .2s ease,background .2s ease,color .2s ease}.toggle-thumb[data-mode=light]{transform:translate(28px);background:#fff;color:#162132;box-shadow:0 8px 18px #1621322e}[data-theme=light] .theme-toggle{background:#1621320a;border-color:#e2e8f0}[data-theme=light] .theme-toggle:hover,[data-theme=light] .theme-toggle:focus-visible{border-color:#cbd5e1;box-shadow:0 8px 24px #16213226}[data-theme=light] .toggle-track{background:linear-gradient(135deg,#4ba3f547,#2dd4a63d)}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0c1220;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-2px);box-shadow:0 15px 45px #00000073}.button:disabled,.button[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:48px 32px;margin-top:20px;border-radius:24px;background:linear-gradient(145deg,#7ec6ff14,#9ef0c012),var(--card);box-shadow:var(--shadow)}.hero-art{position:relative;min-height:150px;display:grid;max-width:1200px;margin-left:auto;margin-top:-12px}.hero-banner{position:relative;background-size:cover;background-position:center;border-radius:28px;min-height:150px;opacity:.72;filter:drop-shadow(0 18px 45px rgba(0,0,0,.35));overflow:hidden}.hero-banner:before,.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-banner:before{background:linear-gradient(90deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%),linear-gradient(180deg,var(--bg) 0%,transparent 18%,transparent 82%,var(--bg) 100%);opacity:.6}.hero-banner:after{background:radial-gradient(120% 120% at 50% 50%,rgba(15,22,36,0) 58%,var(--bg) 95%);opacity:.45}.hero-banner--dark{background-image:url(/BannerCoppedNight.png)}.hero-banner--light{background-image:url(/BannerCroppedDay.png);display:none}[data-theme=light] .hero-banner--dark{display:none}[data-theme=light] .hero-banner--light{display:block}.hero h1{font-size:clamp(22px,3.4vw,36px)}.hero p{color:var(--muted);max-width:540px}.hero-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:14px}.product-thumb{position:absolute;bottom:12px;right:12px;display:inline-flex;opacity:.95}.product-thumb img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.2));padding-bottom:20px;padding-right:20px}[data-theme=dark] .product-thumb img{filter:drop-shadow(0 12px 28px rgba(158,240,192,.5))}@media (max-width: 960px){.hero{grid-template-columns:1fr}.hero-art,.hero-banner{min-height:150px}}@media (max-width: 640px){.top-bar{position:static;justify-content:flex-end}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column;gap:12px;position:relative}.card h3{font-size:20px}.card p{color:var(--muted)}.card-actions{display:flex;gap:10px;margin-top:auto;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#7ec6ff1f;border-radius:10px;font-size:12px;letter-spacing:.04em}.section{margin:48px 0;display:flex;flex-direction:column;gap:18px}.section h2{font-size:26px}.story-card{padding:24px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(145deg,#7ec6ff24,#9ef0c01a);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.list{display:grid;gap:12px}.link-row{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:600}.muted{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.stack{display:flex;flex-direction:column;gap:14px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 12px;border-radius:999px;background:#9ef0c024;color:var(--text);border:1px solid var(--border);font-size:12px;letter-spacing:.02em}footer{padding:32px;color:var(--muted);text-align:center}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:6px;flex-wrap:wrap}.footer-links a{color:var(--text);font-weight:600}.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}.footer-donate{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:10px 14px;color:var(--text);background:#9ef0c014;border:1px solid var(--border);border-radius:12px;font-weight:650;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.footer-donate:hover,.footer-donate:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px #00000026;border-color:#9ef0c0cc}.footer-donate__icon{display:grid;place-items:center;width:28px;height:28px}.footer-donate__icon img{width:100%;height:100%;object-fit:contain}.doc-hero-logo{width:260px;max-width:100%;margin:12px 0 8px;display:block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.35))}.doc-hero-wrap{display:flex;justify-content:flex-start;align-items:center}.doc-icon{width:48px;height:48px;margin:4px 0;object-fit:contain}.code-block{background:#0b111d;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px;overflow-x:auto}[data-theme=light] .code-block{background:#f7fafc;border-color:#e2e8f0;color:#162132}main{padding:16px 32px 32px;max-width:1200px;width:100%}form{display:grid;gap:12px}.captcha-block{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.captcha-visual{border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--card);box-shadow:var(--shadow)}.captcha-visual img{display:block;max-width:100%}input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0b111d;color:var(--text)}[data-theme=light] input,[data-theme=light] textarea{background:#fff;border-color:#e2e8f0;color:#162132}@media (max-width: 640px){.app-shell{grid-template-columns:1fr;padding:20px;gap:16px}.sidebar{position:relative;top:0;flex-direction:row;align-items:center;gap:12px;padding:16px}.logo-mark{width:96px;height:96px}.logo-mark:before{top:-14px;right:-14px;bottom:-14px;left:-14px}.side-nav{flex-direction:row;flex-wrap:wrap;margin-top:0;gap:8px}.nav-link{width:auto}.content-shell{gap:12px}main{padding:0 0 20px}}
