/* Prismelle theme approved 2026-09-18. Uses the app's existing artwork. */
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;font-family:system-ui,-apple-system,sans-serif}
header,main,footer{margin:auto;padding:24px}
header{border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
nav{display:flex;flex-wrap:wrap}
a{text-underline-offset:4px;overflow-wrap:anywhere}
h1{line-height:1.25}
h2{line-height:1.4;margin-top:32px}
h3{line-height:1.45;margin-top:30px}
p,li{max-width:72ch;overflow-wrap:anywhere}
section+section{border-top:1px solid;margin-top:48px;padding-top:20px}
footer{border-top:1px solid}
a:focus-visible{outline:3px solid;outline-offset:4px}
.skip{position:absolute;top:0;left:20px;transform:translateY(-150%);padding:8px;z-index:10}
.skip:focus{transform:translateY(0)}

:root{color-scheme:dark}

html{background:#060c13}

body{position:relative;isolation:isolate;background:transparent;color:#d5dfe9;font-size:16px;line-height:1.9;min-height:100vh}

body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(6,12,19,.94) 0%,rgba(6,12,19,.58) 58%,rgba(6,12,19,.12) 100%),url('assets/prismelle-background.png') calc(50% + 330px) 53% / 680px auto no-repeat,#060c13}

body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 25%,rgba(27,64,88,.2),transparent 60%)}

header{max-width:1020px;border-color:rgba(224,203,161,.16);padding:27px 32px;gap:16px}

header>a{font-family:Georgia,'Songti SC',serif;font-size:20px;color:#e4cea4;text-decoration:none}

header nav{gap:24px;font-size:14px}

header nav a{text-decoration:none;color:#b2c0cd}

main{max-width:820px;margin:32px auto;padding:28px 40px 40px;background:rgba(9,19,30,.91);border:1px solid rgba(176,199,218,.14);border-radius:20px;box-shadow:0 18px 80px rgba(0,0,0,.14)}

h1{color:#ead8b4;font-size:30px;font-weight:600;letter-spacing:.01em;margin:12px 0 18px}

h2{color:#e1ebf4;font-size:23px;font-weight:600}

h3{color:#dce7f1;font-size:18px;font-weight:600}

a{color:#dfc99f;text-decoration-color:rgba(223,201,159,.48)}

a:hover{color:#f6e8cc;text-decoration-color:currentColor}

.meta{color:#9aaebb;font-size:13px;line-height:1.85}

.languages{gap:12px 26px;padding:18px 0 23px;margin:20px 0 8px;border-bottom:1px solid rgba(176,199,218,.14);font-size:15px}

.languages a{padding:0;text-decoration:none;color:#a9bdcc}

.languages a:hover,.languages a:focus-visible{color:#e7d3ad;text-decoration:underline;text-underline-offset:9px}

section+section{border-color:rgba(176,199,218,.14)}

footer{max-width:820px;margin:24px auto 0;border-color:rgba(176,199,218,.14);padding:22px 32px;font-size:14px}

a:focus-visible{outline-color:#e6d0a7}
.skip{background:#122230;color:#e8d3aa}

@media(max-width:850px){main{margin:24px 20px}
body::before{background-position:center,right 25%;background-size:auto,620px auto}
}

@media(max-width:500px){body{font-size:15px;line-height:1.95}
header{padding:21px 22px;gap:12px}
header>a{font-size:19px}
header nav{font-size:13px;gap:24px}
main{margin:20px 14px;padding:21px 22px 28px;border-radius:16px;background:rgba(9,19,30,.91)}
h1{font-size:25px;line-height:1.5;margin:2px 0 14px}
h2{font-size:21px;margin-top:28px}
h3{font-size:17px}
p{margin:16px 0}
.meta{font-size:12px}
.languages{gap:19px;font-size:13px;padding-top:12px}
footer{margin:24px 20px 0;padding:20px 6px}
body::before{background-position:center,center 30%;background-size:auto,530px auto}
}