:root{--bg:#f3efe4;--ink:#1e1a16;--muted:#655c51;--card:#fffdf8;--line:#e0d5c4;--accent:#0d5c58;--on:#f4fffc}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Georgia,"Songti SC",serif}
main{width:min(100%,28rem);margin:0 auto;padding:1.35rem 1rem 3rem}
h1{font-size:1.65rem;line-height:1.25;margin:0 0 .35rem}
h2{font-size:.92rem;letter-spacing:.04em;margin:1.25rem 0 .4rem}
.tagline{margin:0;color:var(--muted)}
a.line,a.perm,a.contact{display:block;max-width:100%;margin:.45rem 0;padding:.8rem .9rem;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:.7rem;color:inherit;text-decoration:none;overflow-wrap:anywhere;word-break:break-all}
.lab,.note{display:block;max-width:100%}
.lab{font-weight:700}
.url{display:block;max-width:100%;color:var(--accent);overflow-wrap:anywhere;word-break:break-all;font:14px/1.4 ui-monospace,monospace}
.note{color:var(--muted);font-size:.8rem}
a.line:active,a.perm:active,a.contact:active{background:var(--accent);color:var(--on)}
a.line:active .url,a.perm:active{color:var(--on)}
.tips{margin:.2rem 0 0;padding-left:1.1rem}
.tips li{margin:.3rem 0}
.preview-note{margin:0 0 1rem;padding:.55rem .7rem;background:#fff4cc;border-radius:.5rem}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}