:root{--paper:#fff7e9;--gold:#ffd05d;--pink:#ff4d9b;--cyan:#5de8ef;--line:rgba(255,255,255,.2)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(255,77,155,.2),transparent 28%),radial-gradient(circle at 85% 35%,rgba(93,232,239,.15),transparent 30%),#07040d;color:var(--paper);font:17px/1.7 Arial,sans-serif}
.wrap{width:min(900px,calc(100% - 38px));margin:auto}
nav{padding:22px 0;border-bottom:1px solid var(--line)}
nav a,.links a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}
header{padding:75px 0 45px}
.eyebrow,.label,section span{color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:.7rem}
h1{font:500 clamp(3.5rem,9vw,7rem)/.83 Georgia,serif;margin:20px 0}
h1 em{color:var(--pink);font-weight:500}
#date{color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;font-size:.74rem}
.level-picker{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 24px;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.level-picker p{margin:4px 0 0;color:#b8aeb5;font-size:.88rem}
.level-buttons{display:flex;gap:8px;flex-wrap:wrap}
.level-buttons button{margin:0;background:transparent;color:var(--paper);border:1px solid var(--line);padding:11px 13px;font-size:.7rem}
.level-buttons button.active{background:var(--cyan);border-color:var(--cyan);color:#07040d}
.word-card{position:relative;overflow:hidden;border:1px solid var(--gold);padding:clamp(28px,7vw,70px);background:linear-gradient(145deg,rgba(255,77,155,.12),rgba(93,232,239,.08));box-shadow:0 35px 100px rgba(0,0,0,.45)}
.number{position:absolute;right:-.03em;top:-.3em;font:20rem/1 Georgia,serif;color:rgba(255,255,255,.035)}
h2{position:relative;font:500 clamp(3rem,11vw,8rem)/.9 Georgia,serif;letter-spacing:-.05em;margin:12px 0;color:#fff;overflow-wrap:normal;word-break:normal;hyphens:none}
h2.long-word{font-size:clamp(1.8rem,8vw,5.4rem);letter-spacing:-.04em}
.pronunciation{color:var(--cyan);font-style:italic;font-size:1.1rem}
.rule{height:1px;background:var(--line);margin:35px 0}
section{margin:30px 0}
section p{font-size:1.12rem}
blockquote{font:1.55rem/1.35 Georgia,serif;margin:12px 0;color:#f2dde7}
button{background:var(--gold);color:#09040d;border:0;padding:14px 19px;text-transform:uppercase;letter-spacing:.12em;font-weight:bold;cursor:pointer}
button:hover,button:focus-visible{background:var(--cyan);color:#07040d}
.links{display:flex;justify-content:space-between;gap:20px;padding:35px 0}
.links a{color:var(--cyan)}
footer{padding:35px 0;color:#968b91;border-top:1px solid var(--line)}
@media(max-width:600px){.links,.level-picker{flex-direction:column;align-items:stretch}.level-buttons{display:grid}.level-buttons button{width:100%}header{padding-top:55px}}