:root{font-family:Inter,Arial,PingFang SC,sans-serif;color:#24231f;background:#f7f4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:72px;border-bottom:1px solid #24231f;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1280px)/2))}.wordmark{font-size:25px;font-weight:900;letter-spacing:-.06em}.wordmark span{font:9px monospace;letter-spacing:.12em;margin-left:12px;color:#888}.saveState{font:10px monospace}.saveState i{color:#137a53}main{max-width:1280px;margin:auto;padding:0 22px 70px}.mast{display:grid;grid-template-columns:1fr 340px;align-items:end;padding:70px 0 45px}.mast>div>p{font:10px monospace;letter-spacing:.12em;color:#8b5f38}.mast h1{font:800 clamp(52px,7vw,92px)/.88 Arial;margin:14px 0 0;letter-spacing:-.07em}.mast h1 em{font-family:Georgia;font-weight:400;color:#be552f}.mast aside{border-top:3px solid #24231f;padding-top:14px}.mast aside b{font-size:14px}.mast aside p{font:12px/1.75 monospace;color:#65625a}.search{height:88px;background:#25241f;color:#fff;display:flex;align-items:center}.search label{flex:1;position:relative;padding:0 25px}.search label span{display:block;font:9px monospace;color:#aaa;margin-bottom:7px}.search input{background:transparent;border:0;border-bottom:1px solid #777;color:#fff;width:100%;padding:0 25px 8px 0;outline:0;font-size:16px}.search label i{position:absolute;right:28px;bottom:8px}.count{width:125px;border-left:1px solid #555;text-align:center}.count b,.count span{display:block}.count b{font:30px Georgia}.count span{font:9px monospace;color:#aaa}nav{display:flex;gap:0;border:1px solid #aaa;border-top:0;overflow:auto}nav button{white-space:nowrap;border:0;border-right:1px solid #aaa;background:transparent;padding:12px 24px;cursor:pointer;font-size:12px}nav button.active{background:#d8c14b}.tableHead{display:grid;grid-template-columns:1.35fr repeat(3,.55fr) 1.4fr;margin-top:46px;border-bottom:3px solid #24231f;padding:0 12px 10px;font:9px monospace;color:#777}.tableHead button{border:0;background:transparent;text-align:left;font:9px monospace;color:#777;cursor:pointer}.list article{display:grid;grid-template-columns:1.35fr repeat(3,.55fr) 1.4fr;min-height:184px;border-bottom:1px solid #aaa;position:relative}.list article.fav{background:#f1e9cc}.item{padding:22px 14px 18px 42px;position:relative}.item>button{position:absolute;left:10px;top:22px;border:0;background:transparent;font-size:20px;cursor:pointer}.item>span{font:9px monospace;color:#8b5f38}.item h2{margin:8px 0 3px;font-size:21px}.item p{margin:0;color:#777;font-size:11px}.item small{display:block;margin-top:21px;font:10px/1.5 monospace;color:#777;max-width:230px}.range{padding:24px 10px;border-left:1px solid #ccc;position:relative}.range b{display:block;font:20px Georgia}.range span{font:9px monospace;color:#888}.range i{position:absolute;left:10px;right:10px;bottom:33px;height:3px;background:#ddd}.range i:after{content:"";position:absolute;left:var(--start);width:var(--size);height:3px;background:#be552f}.mine{border-left:1px solid #aaa;padding:18px 14px}.mine>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mine label{min-width:0}.mine label>span{font:8px monospace;color:#777}.mine label input{display:block;width:100%;border:1px solid #aaa;background:#fffef9;padding:7px 5px}.mine label em{font:8px monospace;color:#888;font-style:normal;white-space:nowrap}.mine label em.ok{color:#137a53}.mine label em.low,.mine label em.high{color:#be552f}.note{margin-top:18px;border:0;border-bottom:1px solid #aaa;background:transparent;width:100%;padding:7px 0;font-size:10px}.empty{padding:70px;text-align:center}.empty b,.empty span{display:block}.empty span{font:11px monospace;color:#777;margin-top:9px}footer{display:flex;gap:20px;margin-top:45px;border-top:3px solid #24231f;padding-top:15px;font:10px monospace}footer b{margin-right:auto}footer span:before{content:"□";margin-right:5px}@media(max-width:880px){.mast{grid-template-columns:1fr;gap:38px}.mast aside{max-width:500px}.tableHead{display:none}.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.list article{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #aaa}.item,.mine{grid-column:1/-1}.range{border-top:1px solid #ccc;min-height:100px}.mine{border-left:0;border-top:1px solid #aaa}footer{flex-wrap:wrap}}@media(max-width:580px){header{padding:0 16px}.saveState{display:none}main{padding:0 14px 50px}.mast{padding-top:45px}.list{grid-template-columns:1fr}.search{height:80px}.count{width:80px}nav button{padding:11px 17px}footer{display:grid;grid-template-columns:1fr 1fr}footer b{grid-column:1/-1}}