@font-face{font-family:LabNoteJP;src:url(fonts/LabNoteJP.woff2) format('woff2');font-weight:500;font-display:swap}@font-face{font-family:LabNoteEN;src:url(fonts/LabNoteEN.woff2) format('woff2');font-weight:500;font-display:swap}@font-face{font-family:LabNumber;src:url(fonts/LabNumber.woff2) format('woff2');font-weight:500;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#20232A;background:#F7F5F0;font:500 17px/1.65 LabNoteJP,sans-serif}html[lang=en] body{font-family:LabNoteEN,sans-serif}header,main,footer{max-width:1280px;padding:24px 32px;margin:auto}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d5d1ca}a{color:#1857b9;text-underline-offset:4px;overflow-wrap:anywhere}.brand{font-size:17px;color:#1C64D9;text-decoration:none}.silent{color:#5C6370;font-size:16px}.language{margin-left:auto;min-height:44px;display:flex;align-items:center}h1{font-size:clamp(24px,3vw,36px);font-weight:500;margin:10px 0 4px;line-height:1.4}.lead{color:#5C6370;margin:0 0 28px}h2{font-size:24px;font-weight:500;line-height:1.4;margin:0 0 10px}.tabs{display:flex;gap:12px;margin:0 0 28px;flex-wrap:wrap}.tabs button{flex:1;min-width:150px;text-align:left;padding:13px 18px}.tabs small{display:block;color:#5C6370;font-size:16px}.layout{display:grid;grid-template-columns:minmax(0,760px) minmax(280px,350px);gap:38px}.visual,.controls{min-width:0}.stage{aspect-ratio:1;width:100%;contain:content}.stage svg{display:block;width:100%;height:100%}.under{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.under p{flex:1;min-width:160px;color:#5C6370;font-size:16px}.safety{font-size:16px;color:#5C6370;margin-top:20px}button,input,textarea,select{font:inherit;color:inherit}button{min-height:44px;border:1px solid #aaa69e;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;max-width:100%;line-height:1.4}button:hover{background:#eeeae1}button[aria-pressed=true]{border:2px solid #20232A;background:#eeebe4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #20232A;outline-offset:4px}.buttons{display:flex;flex-wrap:wrap;gap:9px}.steps{border-top:2px solid #20232A;border-bottom:1px solid #c8c4bc;padding:15px 0;margin:0 0 24px;font-size:19px}.setting{margin:24px 0}.setting label{display:block;margin-bottom:6px}input[type=range]{width:100%;accent-color:#20232A;min-height:44px}input[type=number]{width:95px;min-height:44px;border:1px solid #aaa69e;border-radius:6px;padding:6px;background:white;font-family:LabNumber,sans-serif}.value{display:flex;align-items:center;gap:10px}.setting small{display:block;color:#5C6370;font-size:16px}.presets{display:flex;gap:8px;flex-wrap:wrap}.readout{color:#1C64D9;border-left:3px dashed #1C64D9;margin:24px 0;padding:0 0 0 14px;font-size:20px}.readout p{font-size:16px;margin:8px 0}.actions{display:grid;gap:10px;border-top:1px solid #c8c4bc;padding-top:22px;margin-top:26px}#sharelink{width:100%;padding:8px;margin-top:12px}#status,#changing{color:#5C6370;font-size:16px}.notebook{margin-top:45px;border-top:1px solid #c8c4bc;padding-top:28px}.notebook>p{color:#5C6370;font-size:16px;max-width:850px}#records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;margin:24px 0}.record{border:1px solid #c8c4bc;border-radius:12px;padding:20px;min-width:0;background:#fffdf9}.record p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.record .buttons{margin-top:14px}.record button{font-size:16px}.feeling{display:flex;gap:8px;align-items:baseline}.dot{width:8px;height:8px;flex:none;background:#E8590C;border-radius:50%}form{max-width:700px;background:#eeeae2;padding:24px;border-radius:12px}form label{display:block;margin:12px 0 6px}select,textarea{width:100%;min-height:44px;border:1px solid #aaa69e;border-radius:6px;padding:10px;background:white}form .buttons{margin-top:12px}details{margin-top:22px}summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0;font-size:17px}details p,details li{font-size:16px}footer{color:#5C6370;font-size:16px;padding-bottom:45px}.sources{border-top:1px solid #c8c4bc;margin-top:28px}#sources ul{padding-left:22px}[hidden]{display:none!important}.capture header,.capture .notebook,.capture .sources,.capture footer,.capture details{display:none}.capture main{max-width:1680px;padding:20px 32px}.capture h1{font-size:25px;margin:0}.capture .lead{display:none}.capture .tabs{margin:12px 0}.capture .tabs button{padding:8px 18px}.capture .layout{grid-template-columns:750px minmax(0,780px);gap:32px}.capture .stage{width:620px;margin:auto}.capture #settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.capture .setting{margin:16px 0}.capture .actions{margin-top:12px;padding-top:12px}.capture .safety{margin-top:4px}.capture .steps{font-size:21px}.capture .visual h2{font-size:25px}.capture #hint{margin:6px 0;font-size:18px}.capture .under p{font-size:17px}.capture .controls{padding-top:12px}@media(max-width:760px){header,main,footer{padding:18px 16px}header{gap:10px;flex-wrap:wrap}.brand{font-size:16px}.silent{font-size:16px}.layout{grid-template-columns:1fr;gap:24px}h2{font-size:22px}.tabs{gap:8px;margin-bottom:24px}.tabs button{min-width:130px;padding:10px 12px;font-size:17px}.tabs small{font-size:16px}.steps{font-size:18px}.under{gap:10px}.record{padding:16px}form{padding:16px}.stage{margin-top:8px}h1{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.capture .stage{width:520px}.capture .visual h2{font-size:28px}.capture .tabs button{font-size:23px}.capture .tabs small{font-size:20px}.capture{font-size:23px}.capture .setting small{font-size:19px}.capture .safety{font-size:17px}.capture .actions button{font-size:24px}.capture .under{min-height:50px}.capture .under p{font-size:19px}.capture .steps{font-size:25px}.capture #motionhelp{margin:8px 0}
.capture #status{display:none}.capture #settings>.presets{grid-column:1/-1;align-items:flex-start;align-self:start;height:max-content}.capture #settings:has(#tilt)>.setting:first-child{grid-column:1;grid-row:1}.capture #settings:has(#tilt)>.setting:last-child{grid-column:2;grid-row:1}.capture #settings:has(#tilt){gap:8px 20px}.capture #hint{min-height:60px}.capture .stage{width:490px}

.savehint{font-size:16px;color:#5C6370;line-height:1.65}.capture .savehint{font-size:16px;line-height:1.4;margin:8px 0}.capture .actions button{font-size:21px}