*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7f7;color:#233c46;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;font-size:15px;line-height:1.65}header{height:76px;border-bottom:1px solid #dce7e7;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1080px)/2));background:#fff}header span{font-size:12px;color:#658089}.brand{font-size:23px;font-weight:800;color:#087e8b;text-decoration:none}main{max-width:1124px;margin:auto;padding:28px 22px}h1{font-size:clamp(28px,4vw,42px);line-height:1.45;letter-spacing:.03em;margin:12px 0}h2{font-size:21px;margin:0 0 16px}.intro{padding:28px 8px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro p:not(.eyebrow){color:#658089}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#087e8b;margin:0 0 8px}.card{background:white;border:1px solid #dfebeb;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 5px 25px #143d4604}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.tag{background:#e7f4f1;color:#19756b;padding:5px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.filters,.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-row{grid-template-columns:1fr 1fr}label{display:block;font-size:12px;font-weight:600}input,select,textarea{width:100%;font:inherit;font-size:16px;color:#233c46;border:1px solid #cddede;border-radius:10px;background:#fff;padding:12px;margin-top:6px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #8ad9d0;outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stats>div{padding:20px;background:#f4f8f8;border-radius:12px}.stats>div:first-child{background:#eaf6f1}.stats span,.stats small{display:block;color:#638087;font-size:12px}.stats strong{display:block;font-size:30px;letter-spacing:-.04em;margin:6px 0;color:#087e8b;font-variant-numeric:tabular-nums}.chart{min-height:210px;display:grid;align-items:center}.chart svg{width:100%;height:auto;display:block}.empty{text-align:center;color:#6e868c;padding:36px 12px}.empty strong{display:block;color:#365d67;margin-bottom:8px}.hint{font-size:12px;color:#6a838a;margin:10px 0}.columns{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:start}form{display:grid;gap:17px}fieldset{padding:0;border:0;margin:0}legend{font-size:12px;font-weight:600}.time-input{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-input label{text-align:center;color:#68818a}.time-input input{text-align:center;font-size:24px;font-variant-numeric:tabular-nums}.button,.secondary{cursor:pointer;border:0;border-radius:10px;font:inherit;font-weight:600;text-align:center;text-decoration:none;padding:13px 20px;display:inline-block}.button{background:#087e8b;color:#fff}.button:hover{background:#086b76}.secondary{background:#eaf1f2;color:#325e68;font-size:13px}.optional{font-weight:400;color:#81959b}.record{border-bottom:1px solid #e8eeee;padding:16px 0;display:flex;justify-content:space-between;gap:14px}.record:last-child{border:0}.record time{font-size:12px;color:#6b838b}.record strong{font-size:25px;display:block;font-variant-numeric:tabular-nums}.record p{margin:5px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.record small{font-size:11px;color:#6e858b}.record .tools{display:flex;align-items:center;gap:7px}.tools button{padding:8px 10px}.backup{max-width:700px;margin:30px auto;color:#637e87}.backup h2{color:#365d67;font-size:18px}.backup p{font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;margin:0}.file-label:focus-within{outline:3px solid #8ad9d0}footer{text-align:center;padding:24px;font-size:11px;color:#80969c}#notice:not(:empty){padding:12px 18px;background:#e3f3ec;border-radius:10px;margin-bottom:20px}#entry{scroll-margin-top:20px}[hidden]{display:none!important}@media(max-width:640px){header{height:62px}header span{display:none}main{padding:16px}.intro{display:block;padding:20px 4px 28px}.intro .button{margin-top:8px}.card{padding:20px;border-radius:16px}.columns{grid-template-columns:1fr;gap:0}.stats{gap:7px}.stats>div{padding:12px 8px}.stats strong{font-size:22px}.stats small{font-size:10px}.filters{gap:7px}.filters select{padding:11px 6px}.section-heading h2{font-size:19px}.record .tools{flex-direction:column;justify-content:center}.chart{min-height:170px}}
.child-picker{max-width:320px;margin-bottom:16px}.child-picker select{border-color:#087e8b;background:#f0faf7;font-weight:700}
.kind-picker{max-width:320px;margin-bottom:16px}
.sync-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:12px;color:#637e87}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:wait}@media(max-width:420px){.sync-bar{align-items:flex-start;flex-direction:column}}

.lap-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:end;margin-bottom:12px}.lap-row input{min-width:0;padding:10px 8px}.lap-row button{padding:12px 10px}.lap-summary{margin-top:10px;font-size:13px}.lap-summary summary{cursor:pointer;color:#087e8b}.lap-summary ol{padding-left:20px;font-variant-numeric:tabular-nums}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 24px;padding:6px;background:#e6efef;border-radius:14px}.tabs button{border:0;border-radius:10px;padding:13px 16px;background:transparent;color:#506e75;font:inherit;font-weight:700;cursor:pointer}.tabs button[aria-selected="true"]{background:#fff;color:#087e8b;box-shadow:0 2px 10px #143d4614}.tabs button:focus-visible{outline:3px solid #8ad9d0;outline-offset:2px}.entry-card{max-width:740px;margin-left:auto;margin-right:auto}.repeat-help{margin:-6px 0 0;padding:12px 14px;border-radius:10px;background:#eaf6f1;color:#286b63;font-size:13px}#entry-panel,#history-panel{scroll-margin-top:20px}@media(max-width:640px){.tabs{gap:4px;margin-bottom:18px}.tabs button{padding:12px 6px;font-size:14px}}
.filters{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .pool-stat{padding:20px;border-left:4px solid #087e8b}.stats .pool-stat.long{background:#fff3e9;border-left-color:#b85c24}.pool-stat h3{margin:0 0 15px;font-size:17px;color:#087e8b}.pool-stat.long h3,.pool-stat.long strong,.pool-stat.long b{color:#a64f18}.pool-stat h3 small{display:inline;color:inherit;font-weight:400}.pool-stat span:not(:first-child){margin-top:12px}.pool-stat b{display:block;margin-top:4px;color:#087e8b;font-size:17px}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 4px;font-size:13px;font-weight:700}.chart-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#087e8b}.chart-legend .long::before{background:#b85c24}.pool-label{font-weight:700}.pool-label.short{color:#087e8b}.pool-label.long{color:#a64f18}@media(max-width:640px){.stats .pool-stat{padding:14px 10px}.pool-stat h3{font-size:15px}.stats .pool-stat strong{font-size:20px}.pool-stat b{font-size:13px}.chart-legend{gap:10px;font-size:12px}}
.standard-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;max-width:720px}.chart-legend .standard::before{background:#7456a6}.chart-legend .standard{color:#674797}@media(max-width:640px){.standard-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.itoman-reference{border-top:1px solid #e5eeee;margin-top:20px;padding-top:18px}.itoman-reference>strong{font-size:14px}.itoman-reference>span{margin-left:10px;font-size:12px;color:#638087}.qualification-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.qualification-controls label{display:inline-flex;align-items:center;gap:5px;border:1px solid #d7e3e3;border-radius:20px;padding:5px 9px;font-size:12px;cursor:pointer}.qualification-controls label:has(input:disabled){opacity:.5;cursor:default}.qualification-controls input{width:auto;margin:0;accent-color:var(--level-color)}.qualification-controls i{width:9px;height:9px;border-radius:50%;background:var(--level-color)}.qualification-controls small{font-size:11px;color:#536b72;font-variant-numeric:tabular-nums}

.standard-reference{margin-top:16px}.standard-reference>strong{font-size:14px}
