:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:4px}.top{max-width:1000px;padding:24px 28px;margin:auto;display:flex;justify-content:space-between;font-size:13px}.top a{text-decoration:none}.top span{color:#666}main{max-width:900px;margin:30px auto 60px;padding:0 28px}h1{font-size:36px;font-weight:550;letter-spacing:-1px;margin:0 0 10px}.intro{font-size:16px;margin:0 0 32px;color:#555}.search-wrap{position:sticky;top:0;z-index:5;background:#fff;padding:12px 0 10px}label{display:block;font-size:13px;margin-bottom:9px}.search-line{position:relative}input{width:100%;padding:16px 42px 16px 16px;border:1px solid #bbb;border-radius:6px;font-size:16px;color:#111;background:#fff;outline-offset:3px}input:focus{outline:2px solid #111;border-color:#111}input::-webkit-search-cancel-button{display:none}#clear{position:absolute;right:8px;top:8px;font-size:24px;border:0;background:#fff;width:32px;height:36px}.hint{font-size:12px;line-height:1.6;color:#666;margin:9px 0 0}kbd{border:1px solid #ddd;padding:1px 5px;border-radius:3px}#units{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#units button{font-size:12px;border:1px solid #ddd;background:#fff;border-radius:30px;padding:8px 12px;color:#111}#units button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}#count{font-size:12px;color:#666;margin:22px 0 14px}details{border-top:1px solid #e3e3e3}details:last-child{border-bottom:1px solid #e3e3e3}summary{cursor:pointer;list-style:none;padding:21px 30px 21px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:24px;font-size:20px}details[open] summary:after{content:'−'}.unit{font-size:10px;letter-spacing:.6px;display:block;color:#666;margin-bottom:7px}h2{font-size:18px;font-weight:550;line-height:1.4;margin:0 0 7px}.preview{font-size:14px;color:#555;line-height:1.55;margin:0}.content{padding:0 0 24px;font-size:15px;line-height:1.7}.body{margin:0 0 18px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.example{border:1px solid #e5e5e5;border-radius:5px;padding:15px;min-width:0}.example h3{font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 10px}.example pre{background:none;padding:0;margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}pre.code{background:#f4f4f4;border-radius:5px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tip{border-left:2px solid #bbb;padding-left:13px;font-size:13px;margin:18px 0 0}.copy{font-size:12px;padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;float:right}.permalink{font-size:12px;color:#666;display:inline-block;margin-top:15px}footer{font-size:11px;color:#777;line-height:1.8;border-top:1px solid #eee;margin-top:45px;padding-top:20px}footer a{display:inline-block;margin-top:8px}@media(max-width:600px){.top{padding:20px}main{padding:0 20px;margin-top:20px}h1{font-size:30px}.comparison{grid-template-columns:1fr}h2{font-size:17px}.preview{font-size:13px}.hint kbd{display:none}#units{gap:6px}#units button{padding:8px 10px}.example pre,pre.code{font-size:12px}.top span{font-size:11px}}@media print{.top,.search-wrap,#units,#count,footer,.copy{display:none}main{max-width:100%;padding:0}details{break-inside:avoid}details:not([open]){display:none}.permalink{display:none}}

[hidden]{display:none!important}.search-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:12px}.search-heading label{margin:0}#mode{background:#fff;border:0;color:#666;font-size:12px;padding:4px 0}#mode kbd{margin-left:4px;font-size:10px}#ask-submit{position:absolute;right:8px;top:8px;height:36px;border:0;border-radius:4px;background:#7042c1;color:#fff;font-size:13px;padding:0 12px}.ask-mode input{border:2px solid #8053ce;background:#fcfaff;padding:15px 116px 15px 15px}.ask-mode input:focus{outline-color:#8053ce;border-color:#8053ce}.ask-mode #clear{right:77px;background:transparent}.ask-mode #mode{color:#7042c1}#ask-submit:disabled{opacity:.55;cursor:wait}#ask-panel{margin-top:26px;min-height:90px}#ask-status{font-size:13px;line-height:1.6;color:#666}.ask-loading{display:flex;align-items:center;gap:10px}.ask-loading:before{content:'';width:14px;height:14px;border:2px solid #e2d7f5;border-top-color:#7042c1;border-radius:50%;animation:ask-spin .8s linear infinite}.ask-error{color:#a32b2b!important}.ask-ready{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.answer-text{font-size:16px;line-height:1.7;white-space:pre-wrap;margin:0 0 22px}.answer-figure{border:1px solid #e5dcef;background:#fdfbff;border-radius:6px;margin:0;padding:22px 18px}.answer-diagram{overflow-x:auto;text-align:center}.answer-diagram svg{display:block;max-width:100%;height:auto;margin:auto}.answer-figure figcaption{font-size:12px;color:#666;line-height:1.6;margin-top:16px}.ai-answer pre.code,.answer-diagram pre{font-size:13px;line-height:1.7;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.diagram-error{font-size:13px;color:#666}.ai-answer{overflow-wrap:anywhere}@keyframes ask-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ask-loading:before{animation:none}}@media(max-width:600px){.answer-figure{padding:16px 10px}.answer-text{font-size:15px}#mode kbd{display:none}}