:root{color-scheme:light;--bg:#f4f2ee;--fg:#24221f;--muted:#77736b;--line:#dedad1;--card:#fffefa;--green:#267340;--orange:#a74c0a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}main{width:min(1160px,calc(100% - 32px));margin:auto;padding:42px 0 200px}header{margin-bottom:30px}h1{font-size:clamp(34px,7vw,62px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 16px}h2{font-size:24px;margin:26px 0 14px}.eyebrow{font-size:12px;letter-spacing:.16em}.intro,#character{color:var(--muted)}button,.file-button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);padding:10px 16px;display:inline-block}button:hover,.file-button:hover{filter:brightness(.95)}button:focus-visible,textarea:focus-visible,.file-button:focus-within{outline:3px solid #7668a8;outline-offset:3px}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.card{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background-color:#fff;background-image:conic-gradient(#e6e4df 25%,transparent 0 50%,#e6e4df 0 75%,transparent 0);background-size:24px 24px}.details{padding:14px}.caption{margin:0 0 12px;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap}.ok{color:var(--green);border-color:var(--green)}.fix{color:var(--orange);border-color:var(--orange)}.ok[aria-pressed=true]{color:white;background:var(--green)}.fix[aria-pressed=true]{color:white;background:var(--orange)}label{display:block}textarea{display:block;width:100%;margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;resize:vertical;background:white;color:var(--fg)}.comment{margin-top:12px}.invalid textarea{border:2px solid #b33a23;background:#fff5ef}.hint{font-size:14px;color:var(--orange);margin:4px 0}.badge{font-weight:600;color:var(--green)}.badge.fix{color:var(--orange)}.readonly-comment{white-space:pre-wrap;overflow-wrap:anywhere}footer{position:fixed;bottom:0;left:0;right:0;background:#fffefaf5;border-top:1px solid var(--line);padding:14px max(16px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;backdrop-filter:blur(12px)}#get-code{background:#655492;color:white}#import-panel,#export-panel{padding:20px;border:1px solid var(--line);border-radius:16px;margin:24px 0}#import-file{max-width:220px;display:block;font:inherit;font-size:13px;margin-top:6px}#message,#import-message{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:450px){footer{font-size:14px}footer button{padding:9px 12px}}