*{box-sizing:border-box} :root{--ink:#20392f;--green:#214f3e;--leaf:#e1ebdf;--paper:#fffefa;--base:#f6f5ef;--line:#d4dcd1;--muted:#5e6c61;--brick:#944031;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);background:var(--base);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{background:var(--paper);border-bottom:1px solid var(--line)}.frame{width:min(100% - 40px,960px);margin-inline:auto}.mast{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:bold 26px/1 Georgia,serif}.brand small,.tag{font:650 11px/1.2 system-ui,sans-serif;border:1px solid var(--line);border-radius:5px;padding:4px 6px;color:var(--muted)}.mark{display:flex;align-items:center;justify-content:center;background:var(--green);border-radius:9px;width:38px;height:38px;gap:1px}.mark i{display:block;width:8px;height:16px;border:1.4px solid #fff3d7;border-radius:2px;transform:skewY(11deg)}.mark i+i{transform:skewY(-11deg)}#identity{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}main{flex:1;padding-block:38px 48px}main:focus{outline:none}footer{border-top:1px solid var(--line)}footer div{min-height:58px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer strong{font:700 16px Georgia,serif;color:var(--ink)}h1,h2,h3,p{margin:0}h1{font-size:clamp(29px,5vw,43px);line-height:1.17;letter-spacing:-.055em;margin:5px 0 10px}h2{font-size:21px;letter-spacing:-.04em}h3{font-size:16px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);font-weight:750}.muted,.meta{color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:28px;align-items:start}.intro{padding:29px 12px 14px 0}.intro p{max-width:35ch}.intro .spines{margin:32px 0 0;display:flex;gap:5px;align-items:end}.spines i{width:22px;height:65px;background:#365a45;border-radius:3px 3px 1px 1px;border-bottom:8px double #bdc6ae}.spines i:nth-child(2){height:77px;background:#8b6148}.spines i:nth-child(3){height:56px;background:#60758a}.card,.item{background:var(--paper);border:1px solid var(--line);border-radius:14px}.card{padding:clamp(18px,3vw,27px)}.tabs,.chips,.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.tabs{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}button,.button{font:inherit;border:1px solid var(--line);color:inherit;background:var(--paper);border-radius:8px;padding:9px 14px;min-height:44px;cursor:pointer;font-weight:650;touch-action:manipulation;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary,.button.primary{color:white;background:var(--green);border-color:var(--green)}button:disabled{cursor:wait;opacity:.6}.soft,.tabs button[aria-pressed=true],.chips button[aria-pressed=true]{background:var(--leaf);border-color:#aac1a9}.danger{color:var(--brick);border-color:#dab3a6}.quiet{background:transparent;color:var(--muted);border-color:transparent}.small{font-size:13px;padding:6px 10px}.form{display:grid;gap:14px}.form label,.field{display:grid;gap:4px;font-weight:650;font-size:14px}input,select{width:100%;min-width:0;font-weight:400;font-family:inherit;font-size:16px;min-height:46px;border:1px solid #b8c6b7;background:white;border-radius:8px;padding:8px 11px;color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9ab775;outline-offset:2px}.form .primary{width:100%;margin-top:3px}.help{font-weight:400;font-size:12px;color:var(--muted)}.error{color:var(--brick);font-weight:650;font-size:14px}.hero{margin-bottom:22px}.stats{display:flex;gap:8px;margin:12px 0 23px;flex-wrap:wrap}.stat{background:var(--leaf);border-radius:8px;padding:7px 12px;font-size:14px}.toolbar,.item,.pagehead{display:flex;gap:12px;align-items:center;justify-content:space-between}.toolbar{margin:14px 0}.toolbar select,.toolbar input{max-width:320px}.list{display:grid;gap:8px;margin:12px 0}.item{padding:12px 15px;text-align:left}.item div{min-width:0}.item .meta{display:block;margin-top:2px;overflow-wrap:anywhere}.item b{overflow-wrap:anywhere}.result{width:100%;font-weight:500}.score{font:600 22px Georgia,serif;white-space:nowrap;color:var(--green)}.none{padding:20px 14px;background:#edf1e8;border-radius:9px;color:var(--muted);font-size:14px}.line{margin-top:13px}.status{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#233e32;color:white;border-radius:10px;padding:10px 15px;box-shadow:0 6px 18px #18261f35}.status[hidden]{display:none}dialog{width:min(92vw,510px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:23px;color:var(--ink)}dialog::backdrop{background:#15282070}dialog h2{margin:3px 0 12px}dialog .actions{margin-top:15px}dialog>button{margin-top:12px}.wrong{border-top:1px solid var(--line);padding:9px 0}.wrong span,.wrong b{overflow-wrap:anywhere}.wrong small{display:block;color:var(--brick)}.danger-note{color:var(--brick)}.no{font-size:12px;padding-right:8px;color:var(--muted)}.status-title{margin-bottom:12px}.topspace{margin-top:22px} @media(max-width:680px){.frame{width:calc(100% - 28px)}.mast{min-height:64px}.brand{font-size:22px;gap:6px}.mark{width:32px;height:32px}main{padding-top:22px}.split{grid-template-columns:1fr;gap:16px}.intro{padding:0}.intro .spines{display:none}.item,.toolbar{align-items:flex-start}.toolbar{flex-wrap:wrap}.item .actions{justify-content:flex-end}.card{padding:17px}#identity>span{max-width:74px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.actions button{padding:6px 9px}.item{padding:12px}.pagehead{align-items:flex-start}}

.brand{white-space:nowrap;flex:none}.tag{display:inline-block;white-space:nowrap}.score{flex:none;font-variant-numeric:tabular-nums}.result>div{flex:1;word-break:keep-all}.mast #identity{min-width:0}.mast #identity button{white-space:nowrap;flex:none} @media(max-width:450px){#identity>span{display:none}.mast{gap:6px}.mast #identity button{padding:7px 9px}}
