:root{--bg1:#f7d9a6;--bg2:#ee8a50;--pn:rgba(255,250,240,.93);--tx:#2a1038;--ac:#b0287a;--gd:#e0a030;--ln:#e8cfa4}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg1:#3a1248;--bg2:#12061c;--pn:rgba(36,14,48,.93);--tx:#fbe9d0;--ln:#5a3470}}
:root[data-theme=dark]{--bg1:#3a1248;--bg2:#12061c;--pn:rgba(36,14,48,.93);--tx:#fbe9d0;--ln:#5a3470}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(170deg,var(--bg1),var(--bg2)) fixed;color:var(--tx);font:17px/1.5 "Palatino Linotype",Palatino,Georgia,serif}
#bub{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}#bub i{position:absolute;bottom:-120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,220,150,.75),rgba(214,60,140,.35));animation:up linear infinite}
@keyframes up{to{transform:translateY(-125vh) translateX(30px)}}@media(prefers-reduced-motion){#bub{display:none}}
#app{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:10px 10px 40px}
.top{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 10px}.top a{color:#fff;font-weight:bold;font-size:18px;text-decoration:none;text-shadow:0 1px 4px #0006}
button,select,input{font:inherit;color:inherit}button{background:none;border:1px solid var(--ln);border-radius:12px;padding:6px 12px;cursor:pointer}.top button{background:var(--pn)}
.panel{background:var(--pn);border-radius:18px;padding:14px;box-shadow:0 6px 24px #0003}
#q{width:100%;padding:12px 14px;border-radius:14px;border:2px solid var(--gd);background:transparent;margin-bottom:10px}
h2{margin:14px 0 6px;color:var(--ac)}.row{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid var(--ln);text-decoration:none;color:inherit}.row b{min-width:44px;color:var(--ac)}
.blk{display:inline-block;margin:4px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,var(--ac),#f0803a);color:#fff;text-decoration:none}
.bar{position:sticky;top:0;z-index:5;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;margin:-14px -14px 10px;background:var(--pn);border-radius:18px 18px 0 0;border-bottom:2px solid var(--gd)}
.bar #pl{background:linear-gradient(135deg,var(--ac),#f0803a);color:#fff;border:0;font-size:20px}.bar select{background:transparent;border:1px solid var(--ln);border-radius:10px;padding:5px}
h1{font-size:24px;margin:6px 0 0}h1 .n{color:var(--ac);margin-right:8px}.key{margin:0 0 8px;color:var(--ac);font-style:italic}
.vr{display:flex;gap:6px;align-items:center;margin:4px 0}.vr span{width:80px}.on{background:var(--ac)!important;color:#fff}
.ch{display:grid;gap:0 0;font:calc(14px*var(--fs,1))/1.5 "DejaVu Sans Mono",Consolas,monospace;margin:8px 0;padding:4px;overflow-x:auto;border-radius:8px}.ch span{white-space:pre;padding:0 5px;border-left:2px solid var(--ln)}.ch .l{border:0;color:var(--ac);font-weight:bold}.ch span.on2{background:#f2b94a66}
.lab{font-style:italic;color:var(--ac);margin-top:10px}
.v{margin:12px 0;font-size:calc(17px*var(--fs,1))}.c{margin:12px 0;padding-left:12px;border-left:5px solid var(--gd)}.c i{display:block}[data-line].on2{background:#f2b94a66;border-radius:4px}