*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#24352e;font:14px 'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d6dcd4;border-radius:5px;padding:9px 13px;background:transparent;color:inherit}button:hover{background:#e3e9df}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #537150;outline-offset:3px}.primary{background:#324f3a;color:white;border-color:#324f3a}.primary:hover{background:#466b4e}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #d9ded5}.brand{font-size:23px;letter-spacing:3px;font-weight:650;text-decoration:none;color:inherit}.brand span{display:block;font-size:9px;letter-spacing:2.1px;font-weight:400;margin-top:5px}.header-right{display:flex;align-items:center;gap:12px}.tag,.eyebrow,.badge{font-size:10px;letter-spacing:1.5px;font-weight:600}.tag{margin-right:16px;color:#6c7d70}main{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1900px;margin:auto}aside{padding:28px 24px;border-right:1px solid #d9ded5;height:calc(100vh - 84px);overflow:auto}h1{font-family:Georgia,serif;font-size:36px;line-height:1.07;font-weight:400;margin:16px 0}.intro{color:#7b857c;font-size:13px;line-height:1.6;margin-bottom:23px}.eyebrow{color:#788873}section{margin-top:24px}aside section{padding-bottom:22px;border-bottom:1px solid #dce1d7}label{display:block;font-size:12px;margin:18px 0 10px}label output,label span{float:right;color:#7d887e;font-variant-numeric:tabular-nums}.tabs{display:flex;background:#e8ece3;border-radius:5px;padding:3px}.tabs button{flex:1;font-size:12px;border:0;padding:8px 3px}.active,.tabs .active{background:#fff;box-shadow:0 1px 4px #22332216}.preset-grid{display:flex;gap:7px}.preset-grid button{flex:1;padding:10px 3px;font-size:28px;background:#f9faf6}.preset-grid span{display:block;font-size:10px;margin-top:6px}.preset-grid .selected{border-color:#71886a;background:#e7eddf}.wide{width:100%;margin-top:12px;font-size:12px}.row{display:flex;gap:8px;align-items:center;margin-top:12px}.row>*{flex:1}.row label{margin:0}input[type=range]{width:100%;accent-color:#6a835d;height:12px}input[type=number],select{border:1px solid #d4dace;background:#fafbf7;border-radius:4px;padding:8px;width:100%;color:inherit}.hint{font-size:11px;line-height:1.6;color:#7b857c}.upload,.load{padding:14px;border:1px dashed #8a9b80;border-radius:5px;cursor:pointer;text-align:center;line-height:1.5}.upload input,.load input{display:block;max-width:100%;font-size:10px;margin-top:10px}article{padding:24px 26px}.viewport{position:relative;height:calc(100vh - 365px);min-height:370px;border:1px solid #d8dfd0;border-radius:10px;overflow:hidden;background:#e8eddf}.viewport>canvas{width:100%;height:100%;display:block;touch-action:none}.view-heading{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:8px 0}.badge{font-size:8px;border:1px solid #b7c3ae;border-radius:30px;padding:7px 12px;height:26px;color:#63745b}.view-controls{position:absolute;top:95px;left:24px;display:flex;z-index:1;gap:4px}.view-controls button,.camera-controls button{font-size:11px;padding:7px 11px}.camera-controls{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#f7f8f0d9;padding:4px;border-radius:6px;z-index:1}.view-footer{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;color:#72816c;font-size:10px;pointer-events:none}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analysis-grid section{border:1px solid #dde2d6;border-radius:7px;overflow:hidden;margin-top:18px;background:#fbfcf7}.card-title{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e7eadf}.card-title span{font-size:9px;color:#88967c}h3{font-size:12px;font-weight:500;margin:0}.card-title small{margin-left:auto;font-size:9px;color:#85907d}.analysis-grid canvas{width:100%;height:145px;display:block}#mask{touch-action:none}footer{display:flex;align-items:center;gap:7px;font-size:10px;color:#85907d;padding:18px 0}footer button{border:0;padding:0;margin-left:auto;font-size:10px}.dot{height:5px;width:5px;border-radius:50%;background:#889c71}dialog{max-width:620px;border:1px solid #cdd6c4;border-radius:12px;padding:36px;color:#344333;background:#f8faf3}dialog::backdrop{background:#14261b88;backdrop-filter:blur(3px)}dialog p{font-size:14px;line-height:1.7;color:#687563}dialog h3{font-weight:700;margin-top:25px}dialog a{color:#416c45}.close{float:right}#notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f9fcf0ed;border-radius:6px;padding:12px 20px;display:none;text-align:center;max-width:80%}[hidden]{display:none!important}@media(max-width:1000px){.tag{display:none}.card-title small{display:none}header{padding:0 18px}article{padding:18px}main{grid-template-columns:250px minmax(0,1fr)}aside{padding:24px 18px}.badge{display:none}.view-footer{font-size:9px}}@media(max-width:700px){header{height:auto;min-height:90px;gap:15px;padding:15px;flex-wrap:wrap}.brand{font-size:20px}.header-right{gap:6px}.header-right button{font-size:11px;padding:8px}main{display:flex;flex-direction:column}article{order:0;padding:12px}aside{order:1;height:auto;border-right:0;padding:24px}.viewport{height:430px;min-height:0}.analysis-grid{gap:7px}.analysis-grid canvas{height:100px}.card-title{padding:9px 7px;gap:4px}.card-title h3{font-size:10px}footer{line-height:1.4;flex-wrap:wrap}footer button{margin:0}.view-footer{left:10px;right:10px}.view-heading{left:18px}aside h1 br{display:none}}

.maps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.maps figure{margin:0;border:1px solid #d8dfd0;border-radius:6px;overflow:hidden;background:#fcfdf9}.maps canvas{display:block;width:100%;height:auto;image-rendering:auto}.maps figcaption{padding:9px;font-size:11px}.maps small{display:block;color:#7b857c;font-size:9px;line-height:1.5;margin-top:5px}#dobashiAnalysis{padding-top:18px;border-top:1px solid #dde2d6}#solverStats{min-height:18px}input:disabled{opacity:.3}@media(max-width:1000px){.maps{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.maps{grid-template-columns:repeat(2,1fr)}}