:root{font-family:Arial,Helvetica,sans-serif;color:#f0e8dd;background:#131b22;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,summary{font:inherit}button,.file-label{cursor:pointer}button{color:inherit;background:transparent;border:1px solid #43505a;border-radius:6px;padding:12px 17px;font-size:13px;transition:background .2s,border-color .2s}button:hover,.file-label:hover{background:#34404b;border-color:#b2bcbf}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,.file-label:focus-within{outline:2px solid #d8efbd;outline-offset:5px}main{max-width:1560px;margin:auto;padding:28px 5vw 20px}header{display:flex;align-items:center;gap:22px;border-bottom:1px solid #35414a;padding-bottom:20px}.wordmark{color:#f3e9d9;text-decoration:none;font-size:34px;font-weight:800;letter-spacing:-3px}.wordmark span{color:#d4a36c}.edition{font-size:9px;letter-spacing:1.8px;line-height:1.8}.edition span{display:block;color:#91a0ab}.quiet{margin-left:auto;border:0;font-size:11px;color:#a4b2bd}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 28px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#d5aa78;margin:0 0 16px}h1{font-size:clamp(35px,4.4vw,66px);letter-spacing:-2.5px;line-height:1.06;font-weight:500;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d6aa79}.dek{font-size:14px;line-height:1.6;color:#a8b3bc;margin-bottom:0}.specimen{display:flex;align-items:center;gap:26px;padding-right:26px}.specimen span{font-size:9px;letter-spacing:1.3px;color:#99a9b3;line-height:1.9}.reel{width:108px;height:108px;border:1px solid #61717a;border-radius:50%;position:relative;box-shadow:inset 0 0 0 9px #202c35,inset 0 0 0 10px #46535d;background:radial-gradient(circle,#bd966a 0 7%,#26313b 8% 18%,#7b6b53 19% 20%,transparent 21%)}.reel i{position:absolute;width:23px;height:23px;border-radius:50%;background:#10181f;top:19px;left:42px}.reel i:nth-child(2){top:57px;left:20px}.reel i:nth-child(3){top:57px;left:64px}.spin{animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.instrument{background:linear-gradient(130deg,#26343e,#1c272f 70%);border:1px solid #40515b;border-radius:12px;box-shadow:0 18px 50px #070e1530;overflow:hidden}.ruler-label{padding:22px 26px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#b9c4ca}.pill{padding:7px 10px;border:1px solid #4c5b62;border-radius:20px;font-size:8px;letter-spacing:1px;color:#d5eac7}.pill b{margin-left:15px;font-weight:400;color:#95a6b2}.tape{display:block;width:100%;max-height:370px;touch-action:none;-webkit-user-select:none;user-select:none}.tape text{font-size:11px;fill:#a9b8c1;font-family:monospace}.tape .dark{fill:#26313b;font-weight:700}.tape .knot-label{fill:#c9f1c5;font-size:10px;letter-spacing:1.5px}.anchor{cursor:ew-resize}.source-line{margin:-8px 6% 24px;display:flex;align-items:center;gap:20px;font-size:9px;color:#8ea3af;letter-spacing:1px}.source-line div{height:1px;background:#536371;flex:1;position:relative}.source-line i{position:absolute;top:-4px;width:8px;height:8px;background:#d2b493;border-radius:50%}.source-line strong{font-family:monospace;min-width:40px;font-size:12px;color:#d5be9f}.transport{display:flex;align-items:center;gap:10px;padding:20px 26px;border-top:1px solid #41515b;background:#17212980}.play{background:#d5ae7d;color:#241e17;border-color:#d5ae7d;font-weight:700}.play:hover{background:#ecc79a}.readout{display:flex;gap:10px;align-items:center;margin-left:18px}.readout strong{font-family:monospace;font-size:24px;font-weight:400;color:#ddbb90}.readout span{font-size:8px;color:#8ba0ad;max-width:60px;line-height:1.5;letter-spacing:1px}.volume{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1px;color:#a7b6c0}.volume input{width:75px}.volume span{min-width:25px}input[type=range]{accent-color:#d6b080;cursor:pointer;height:22px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;padding:34px 0 28px}.controls article{min-width:0}.controls article+article{border-left:1px solid #36434c;padding-left:26px}.card-head{display:flex;align-items:center;gap:12px}.number{font-size:10px;font-family:monospace;color:#d2a878;padding:6px;border:1px solid #64523d;border-radius:50%}h2{font-size:16px;font-weight:500;margin:0;letter-spacing:-.3px}.controls p{font-size:12px;line-height:1.5;color:#97a7b2;min-height:35px}.anchor-select{display:flex;gap:6px}.anchor-select button{padding:9px;flex:1;font-size:11px}.anchor-select button[aria-pressed=true]{background:#cbb18a;color:#18232b;border-color:#cbb18a}.range-label{font-size:8px;letter-spacing:1px;display:block;margin-top:16px;color:#9aadb9}.range-label b{float:right;color:#d8bf9a}.range-label input{display:block;width:100%;margin-top:10px}.hint{display:block;color:#8294a1;font-size:10px;line-height:1.6;margin-top:14px}.knot-button,.export{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.knot-button span,.export span{font-size:8px;color:#a4b3bb;letter-spacing:1px}.knot-button.tied{border-color:#8ba980;color:#c9f1c5}.knot-ranges{display:flex;gap:12px;margin-top:11px}.knot-ranges label{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:10px;color:#a6b7bf}.knot-ranges input{width:100%;min-width:20px}.file-actions{display:flex;margin-top:12px;gap:8px}.file-actions button,.file-label{flex:1;text-align:center;border:0;padding:10px 4px;font-size:11px;color:#b8c6cf}.file-label{position:relative;border-radius:6px;overflow:hidden}.file-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.export{background:#24323b;border-color:#5a6e79}footer{display:flex;gap:10px;align-items:center;border-top:1px solid #35424a;padding:20px 0}.status{font-size:11px;color:#b3c3cd;flex:1}footer button{font-size:11px;border:0;padding:8px 12px}.notes{font-size:10px;color:#8c9da9;line-height:1.7;padding-bottom:20px}.notes p{max-width:900px}.notes summary{cursor:pointer}.still *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.specimen{display:none}.transport{flex-wrap:wrap}.volume{margin-left:0}.readout{margin-left:auto}.controls{gap:18px}.controls article+article{padding-left:18px}.anchor-select{flex-wrap:wrap}}@media(max-width:650px){main{padding:18px 5vw}.edition{font-size:7px;letter-spacing:1px}.quiet{font-size:9px;padding:8px 0}.intro{padding-top:32px}h1{letter-spacing:-1.5px}.dek{font-size:12px}.ruler-label{padding:16px 14px 0;font-size:8px;letter-spacing:1px}.pill b{display:none}.tape{min-height:210px}.transport{padding:15px;gap:7px}.transport button{padding:10px 12px;font-size:11px}.readout{margin-left:0}.readout strong{font-size:20px}.volume{margin-left:auto}.controls{grid-template-columns:1fr;gap:24px}.controls article+article{border-left:0;border-top:1px solid #36434c;padding:22px 0 0}.controls p{min-height:0}.controls .hint{margin-top:9px}.source-line{margin-top:2px;font-size:7px;gap:8px}.status{width:100%;flex:auto;line-height:1.5}footer{flex-wrap:wrap}.tape text{font-size:14px}}