.generate h1{margin-bottom:6px}.generate .lead{color:var(--muted);margin:0 0 14px}.gen-form label,.yomi-form label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.gen-row{gap:8px;display:flex}.gen-row input{border:2px solid var(--line);background:var(--surface);min-width:0;min-height:44px;color:var(--text);font-size:1.1rem;font-family:var(--font-body);border-radius:4px;flex:1;padding:8px 12px}.gen-row input::placeholder{color:var(--muted);opacity:1}.gen-row button{background:var(--accent);min-height:44px;color:var(--accent-text);cursor:pointer;white-space:nowrap;font-size:1rem;font-weight:700;font-family:var(--font-body);border:0;border-radius:4px;padding:8px 16px}.gen-row button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-text)}.generate .notice{margin:16px 0 0}.error-parts{font-size:.85rem;display:block}.gen-reading{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin-top:14px;padding:10px 12px}.gen-reading .meta{flex-wrap:wrap;gap:4px 20px;margin:0;display:flex}.gen-reading .meta div{align-items:baseline;gap:8px;min-width:0;display:flex}.gen-reading .meta dt{color:var(--muted);flex:none;font-size:.85rem}.gen-reading .meta dd{word-break:break-all;min-width:0;margin:0;font-weight:700}.key-groups{flex-wrap:wrap;align-items:center;gap:4px 0;display:inline-flex}.key-groups>.vowels,.key-groups>.vowels-tail{margin-right:8px}.key-groups .morae{color:var(--muted);font-size:.8rem;font-weight:400}.morae{font-family:var(--font-mono)}.vowels{flex-wrap:wrap;gap:2px;min-width:0;max-width:100%;display:inline-flex}.vowels-tail{flex-wrap:nowrap;flex:none;align-items:center;gap:4px 8px;display:inline-flex}.vowels-split{display:contents}.vowels-split>span{margin-right:2px}.vowels span{text-align:center;background:var(--hit-bg);min-width:1.35em;color:var(--hit-text);font-family:var(--font-mono);border-radius:2px;padding:0 .2em;font-size:.9rem;font-weight:700;line-height:1.6;display:inline-block}.yomi-fix{margin-top:6px}.yomi-fix summary{cursor:pointer;min-height:40px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;align-items:center;font-size:.9375rem;text-decoration-thickness:2px;display:inline-flex}.yomi-fix summary:hover{text-decoration-color:currentColor}.yomi-fix[open] summary{margin-bottom:4px}.yomi-form{margin:0}.gen-reading>.yomi-form{margin-top:2px}.top-search{margin-bottom:12px}.generate .rs-head+.notice{margin-top:12px}.generate-results{margin-top:4px}.generate-results .more{text-align:center;border:2px solid var(--accent);width:100%;min-height:44px;color:var(--text);cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-body);background:0 0;border-radius:4px;margin:20px 0 0;padding:10px;display:block}.generate-results .empty{margin:16px 0 0}.rs-mag .gen-query .head-row{margin-bottom:8px}.rs-mag .gen-query h1{word-break:break-all;min-width:0;margin:0}.rs-mag .gen-query .meta{flex-wrap:wrap;gap:8px 20px;margin:0;display:flex}.rs-mag .gen-query .meta div{align-items:baseline;gap:8px;display:flex}.rs-mag .gen-query .meta dd{margin:0}.rs-mag .gen-query .yomi-fix{margin-top:12px}.rs-mag .gen-query .meta{--ym-k:1.5rem;--ym-gap:.6em}.rs-mag .gen-query .meta .ym{flex-basis:100%;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:8px;display:grid}.rs-mag .gen-query .meta .ym-dt{grid-template-rows:var(--ym-k) 1.7rem;row-gap:4px;display:grid}.rs-mag .gen-query .meta .ym-dt span{line-height:var(--ym-k)}.rs-mag .gen-query .meta .ym-dt span+span{line-height:1.7rem}.rs-mag .gen-query .meta .ym-sc{min-width:0;margin:0;padding-bottom:6px;overflow:auto hidden}.rs-mag .gen-query .ym-in{gap:var(--ym-gap);white-space:nowrap;font-size:1rem;display:inline-flex}.rs-mag .gen-query .ym-w{gap:1px;display:inline-flex}.rs-mag .gen-query .ym-u{grid-template-rows:var(--ym-k) 1.7rem;justify-items:center;row-gap:4px;min-width:1.2em;display:inline-grid}.rs-mag .gen-query .ym-u .k{line-height:var(--ym-k);font-family:var(--font-serif)}.rs-mag .gen-query .ym-u .v{text-align:center;background:var(--focus);width:100%;min-width:1.2em;height:1.7rem;color:var(--surface);line-height:1.7rem;font-family:var(--font-mono);padding:0 .1em;font-weight:700;display:block}
