@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Quattrocento+Sans:wght@400;700&display=swap";:root{--gold-1:#ffd46b;--gold-2:#f3c14e;--gold-3:#d1a03b;--gold-4:#a8842f;--ink:#303030;--muted:#6a6a6a;--line:#cfcfcf;--card:#fff;--bg:#f6f1e6;--word-gap:72px}*{box-sizing:border-box}html{background:var(--bg);min-width:0}body{min-width:0;color:var(--ink);background:var(--bg);margin:0;font-family:Manrope,Quattrocento Sans,sans-serif;overflow-x:hidden}button,input,select{font:inherit}.top-strip{background-color:var(--gold-2);background-image:linear-gradient(87deg,#40404051 0%,#404040 100%);height:25px}.topbar{background:linear-gradient(180deg, #ffe39b 0%, var(--gold-1) 35%, var(--gold-2) 100%);border-bottom:1px solid #caa24a;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #0000001f}.topbar-inner{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:18px 28px;display:flex}.title{letter-spacing:.4px;color:#6b6b6b;text-align:center;margin:0;font-size:30px;font-weight:500;line-height:normal}.subbar{background-color:var(--gold-4);background-image:linear-gradient(87deg,#40404051 0%,#404040 100%);height:45px}.page{background:var(--card);max-width:1200px;min-height:calc(100vh - 140px);margin:0 auto;padding:58px 48px 84px}.form-row{grid-template-columns:220px 1fr auto 220px;align-items:center;gap:18px;display:grid}.label{color:#4b4b4b;font-size:16px}.input-wrap{position:relative}.input{border:0;border-bottom:2px solid var(--line);text-transform:uppercase;background:0 0;outline:none;width:100%;padding:10px 4px 6px;font-size:18px}.input:focus{border-bottom-color:#b8a276}.clear-btn{cursor:pointer;background:#f0c05f;border:2px solid #9b7a2e;border-radius:6px;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:inset 0 -2px #0003}.clear-btn svg{fill:#6f5a2b;width:18px;height:18px}.style-select{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.style-select label{color:#4b4b4b;font-size:15px}.style-select select{border:0;border-bottom:2px solid var(--line);color:#2f2f2f;appearance:none;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,#6a6a6a 50%),linear-gradient(135deg,#6a6a6a 50%,#0000 50%);background-position:calc(100% - 12px) 55%,calc(100% - 6px) 55%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:0;width:120px;padding:6px 8px;font-size:15px}.results{min-height:116px;margin-top:48px}.word-list{gap:18px var(--word-gap);flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:100%;display:flex}.word-strip{max-width:100%;min-height:116px;padding-bottom:6px}.word-image{cursor:zoom-in;background:0 0;border:0;align-items:flex-start;max-width:100%;padding:0;display:flex}.word-image img{flex:none;height:auto;display:block}.zoom-modal{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.zoom-modal.active{display:flex}.zoom-backdrop{cursor:pointer;background:#0000008c;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.zoom-content{background:#fff;border-radius:12px;gap:12px;max-width:min(98vw,1600px);max-height:94vh;padding:12px;display:grid;position:relative;overflow:auto;box-shadow:0 16px 40px #00000059}.zoom-image{width:auto;max-width:none;height:auto;max-height:none;display:block}.zoom-actions{justify-content:flex-end;gap:12px;display:flex}.zoom-actions a,.zoom-actions button{color:#403521;cursor:pointer;background:#f0c05f;border:0;border-radius:8px;padding:8px 14px;font-size:14px;line-height:normal;text-decoration:none;box-shadow:inset 0 -2px #00000026}.zoom-actions a.disabled{opacity:.6;pointer-events:none;cursor:default}footer{color:#6a6a6a;text-align:center;padding-top:80px;font-size:13px}@media (width<=900px){.form-row{grid-template-columns:1fr;gap:14px}.style-select{justify-content:start}.page{padding:36px 24px 70px}.title{font-size:24px}.results{margin-top:40px}.word-list{--word-gap:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}