:root{--ink:#17312f;--muted:#475d52;--paper:#f5f3eb;--line:#d9dfd5;--green:#b9e49a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}main{max-width:950px;margin:auto;padding:28px 24px 48px}[hidden]{display:none!important}p{margin:0}h1{font-size:44px;line-height:1.35;margin:16px 0}h2{font-size:22px;margin:20px 0 12px}header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;line-height:1.5}header strong{font-size:22px}header span{font-size:17px;color:var(--muted)}.welcome{padding:28px 0 32px}.welcome>p{max-width:550px}.eyebrow{font-size:17px;color:var(--muted)}.hero{position:relative;overflow:hidden;background:var(--ink);color:white;padding:28px 36px;border-radius:22px}.hero:after{content:'';position:absolute;right:-50px;top:-100px;width:260px;height:260px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 40px #ffffff05;pointer-events:none}.label{font-size:20px;font-weight:600;line-height:1.45}.hero .label{color:#d0ddd4}.big{font-size:100px;line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:6px 0}.big small{font-size:26px;letter-spacing:0;margin-left:10px}.duration{font-size:28px;font-weight:600;color:var(--green)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.card{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:24px}.em{background:#e5eddb}.number{font-size:62px;font-weight:600;letter-spacing:-.035em;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.number small{font-size:22px;letter-spacing:0;margin-left:6px}.equiv{font-size:21px;font-weight:600}.journey{padding:4px 2px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.row h2{font-size:22px;margin:0}.percent{font-size:30px;font-weight:600}.track{height:12px;border-radius:12px;background:#dce2d7;overflow:hidden;margin:6px 0 8px}#bar{height:100%;background:#427665;border-radius:12px}.ends{font-size:16px;color:var(--muted);flex-wrap:wrap}.message{font-size:23px;font-weight:600;border-top:1px solid var(--line);padding-top:20px;margin:26px 0}.panel{border-top:1px solid var(--line);padding:22px 0;scroll-margin-top:12px}summary{font-size:21px;font-weight:600;cursor:pointer;line-height:1.7}details[open]>summary{margin-bottom:18px}.fields{display:grid;gap:16px;margin:16px 0}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:18px;font-weight:600}input,select,textarea{font:inherit;line-height:1.4;width:100%;font-family:inherit;font-size:20px;background:#fffdf8;color:var(--ink);border:1px solid #bdc9b8;border-radius:9px;min-height:52px;padding:11px;margin-top:6px}input[type=checkbox]{width:24px;min-height:24px;height:24px;margin:0;accent-color:var(--ink)}.check{display:flex;align-items:center;gap:10px;min-height:48px}.checks{display:flex;gap:10px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:6px;min-height:44px}fieldset{border:1px solid var(--line);padding:12px 14px;margin:15px 0;border-radius:10px}legend{font-size:18px}button,.button{font:inherit;line-height:1.5;font-family:inherit;font-size:18px;font-weight:600;display:inline-block;background:var(--ink);color:white;border:0;border-radius:10px;padding:14px 20px;min-height:52px;cursor:pointer;text-decoration:none}.button{margin:24px 0 10px}.ghost{background:transparent;color:var(--ink);border:1px solid #bcc9b6}.hint{font-size:17px;line-height:1.85;color:var(--muted);margin:12px 0}.error{font-size:18px;color:#a13d26;margin:12px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:17px}th,td{text-align:right;border-bottom:1px solid var(--line);padding:12px 5px}th:first-child,td:first-child{text-align:left}th{font-weight:600}.totals{font-size:18px;line-height:2}.log{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:17px}.log button{font-size:17px;padding:8px 15px}.bottom{font-size:16px;color:var(--muted);margin-top:25px}a{color:#376d59}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6d9d54;outline-offset:4px}
@media(max-width:700px){main{padding:14px 16px 36px}header{flex-direction:column;align-items:flex-start;margin:0 0 10px;gap:0}header strong{font-size:21px}header span{font-size:17px}.welcome{padding:24px 0}h1{font-size:34px}.hero{padding:15px 20px;border-radius:18px}.hero .label{font-size:19px}.big{font-size:68px;line-height:1.05;margin:4px 0}.duration{font-size:25px;line-height:1.5}.cards{grid-template-columns:1fr;gap:10px;margin:10px 0}.card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;align-items:center;padding:10px 16px;border-radius:15px}.card .label{grid-column:1;grid-row:1;font-size:18px;line-height:1.4}.number{grid-column:2;grid-row:1;font-size:43px;line-height:1.2;margin:0}.number small{font-size:20px;margin-left:5px}.equiv{grid-column:1/-1;grid-row:2;text-align:right;white-space:nowrap;font-size:18px;line-height:1.4;margin-top:2px}.journey{padding:0 2px}.row h2{font-size:20px;line-height:1.5}.percent{font-size:27px;line-height:1.5}.track{margin:5px 0 7px}.ends{font-size:16px;line-height:1.6;gap:4px}.fields,.two,.three{grid-template-columns:1fr;gap:15px}.message{font-size:22px;margin-top:22px}.checks{gap:8px}button{max-width:100%}table{font-size:16px}.log{flex-wrap:wrap}}
@media(max-width:370px){.card{padding:10px 12px}.number{font-size:39px}.row h2{font-size:19px}.ends{font-size:15px}}