*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#213e44;font:14px system-ui,sans-serif}header{height:85px;padding:20px 30px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #daddd5}.brand{font-size:24px;letter-spacing:4px;font-weight:750;text-decoration:none;color:inherit;margin-right:auto}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}header>span{font-size:9px;letter-spacing:2px;margin-right:20px}button,select,input[type=number],.file{font:inherit;color:inherit;border:1px solid #d4ddd7;background:#f9faf5;border-radius:5px;padding:10px 12px;cursor:pointer}button:hover{background:#e3eae3}button.active{background:#d9e7e2;border-color:#698f88}.primary{background:#264f53;color:white}main{display:grid;grid-template-columns:290px 1fr}aside{padding:26px 23px;height:calc(100vh - 85px);overflow:auto;border-right:1px solid #daddd5}h1{font:40px/1.08 Georgia,serif;margin:16px 0}h1 em{font-weight:normal;color:#638d87}.intro{color:#7c8986;font-size:13px;line-height:1.6}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#7a908a}.presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:24px 0}.presets button{font-size:11px}.section{margin:28px 0 18px}label{display:block;font-size:12px;margin:16px 0 8px}output{float:right;color:#6f8c83}input[type=range]{width:100%;accent-color:#53877e;cursor:pointer}select,input[type=number]{width:100%}.hint{font-size:11px;line-height:1.65;color:#7e8d87}.file{display:block;text-align:center}.file input{width:100%;font-size:10px;margin-top:8px}.back{display:block;color:#638780;font-size:11px;margin-top:20px}article{padding:24px;min-width:0}#viewport{position:relative;height:calc(100vh - 365px);min-height:360px;max-height:720px;border-radius:10px;overflow:hidden;background:#e2eae3}#viewport>canvas{display:block;width:100%;height:100%;touch-action:none}.view-title{position:absolute;top:26px;left:25px;pointer-events:none}h2{font:28px/1.1 Georgia,serif;margin:8px 0}.tag{font-size:8px;letter-spacing:1px;color:#6e8a82}.display{position:absolute;top:110px;left:25px;display:flex;gap:5px}.display button,.views button{font-size:10px;padding:8px 11px}.views{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap}.bottom{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:#758980}.analysis{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.profile-card,.notes{border:1px solid #dde3da;border-radius:8px;padding:18px;background:#fafbf5}.profile-card canvas{display:block;width:100%;height:150px}.profile-card label{margin-top:0}.notes h3{font:24px Georgia;margin:12px 0}.notes p{font-size:12px;line-height:1.6;color:#6e837c}.numbers{display:flex;gap:40px}.numbers strong{font:26px Georgia;display:block}.numbers small{font-size:9px;color:#7c8e86}footer{font-size:10px;color:#7c8e86;margin:18px 0}.dot{display:inline-block;width:5px;height:5px;background:#648d81;border-radius:50%;margin-right:8px}dialog{max-width:650px;border:0;border-radius:12px;padding:36px;color:#29474b;background:#fafbf5;max-height:85vh}dialog::backdrop{background:#14353599}dialog #close{float:right}dialog p{font-size:13px;line-height:1.7}dialog a{color:#427f7b}dialog h3{margin-top:26px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#294b4c;color:white;padding:12px 20px;border-radius:6px;display:none;z-index:20}@media(max-width:850px){header{padding:15px;gap:6px}header>span{display:none}header button{font-size:10px;padding:8px}.brand{font-size:17px}main{grid-template-columns:240px 1fr}aside{padding:20px 16px}article{padding:15px}.analysis{grid-template-columns:1fr}.notes{display:none}}@media(max-width:600px){main{display:flex;flex-direction:column}article{order:0}aside{order:1;height:auto;border:0}#viewport{height:420px}.brand small{font-size:6px}header{flex-wrap:wrap;height:auto}.analysis{grid-template-columns:1fr}.view-title h2{font-size:24px}h1{font-size:34px}.bottom{font-size:8px;left:15px;right:15px}}