:root{font-family:Arial,Helvetica,sans-serif;color:#dce0d8;background:#171e21;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #465153;background:transparent;color:inherit;padding:11px 16px;border-radius:4px;min-height:44px}button:hover{background:#344145}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e2ac7a;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 40px;border-bottom:1px solid #354044}.wordmark{display:flex;gap:13px;align-items:center;text-decoration:none;color:#efe9da;font-size:13px;line-height:1.2}.wordmark strong{font:30px Georgia,serif}.symbol{font:60px Georgia,serif;color:#dd9875;line-height:.8}.header-note{font-size:10px;letter-spacing:2px;line-height:2}.header-note span{font:12px Georgia,serif;letter-spacing:.2px;color:#aab8b7}.header-actions{display:flex;gap:8px;font-size:12px}.primary{background:#dc9a77;color:#172023;border-color:#dc9a77}.primary:hover{background:#efb28f}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1640px;margin:auto;min-height:calc(100dvh - 170px)}aside{padding:35px 28px 30px 40px;border-right:1px solid #354044}.eyebrow{font-size:9px;letter-spacing:2px;color:#baaaa0}h1{font:32px/1.15 Georgia,serif;letter-spacing:-1px;margin:20px 0 14px;color:#f2e9db}h1 em{font-weight:400;color:#dc9a77}.intro{font-size:12px;line-height:1.8;color:#b4c0bd}.tools{display:flex;margin:24px 0;gap:7px}.tools button{display:flex;align-items:center;gap:9px;padding:12px 10px;flex:1;font-size:22px}.tools span{font-size:12px;text-align:left}.tools small{display:block;font-size:8px;line-height:2;color:#b6c2be}.tools .selected{border-color:#dba181;background:#34403f}.slider{font-size:11px;display:block;margin:24px 0 20px;color:#d0d7d0}.slider output{float:right;color:#d9a080}.slider input{width:100%;display:block;margin-top:13px;accent-color:#d9a080}.palette{display:flex;gap:12px;margin:20px 0}.palette button{border:2px solid transparent;border-radius:50%;width:38px;height:38px;padding:0;min-height:38px}.palette button[aria-pressed=true]{outline:2px solid #e7e0ce;outline-offset:3px}.toggle{display:flex;align-items:center;gap:7px;font-size:11px;padding:17px 0;border-top:1px solid #354044;border-bottom:1px solid #354044}.toggle input{accent-color:#d9a080}.toggle span{margin-left:auto}.micro{font-size:10px;color:#95a6a5;line-height:1.7}.study{margin-top:30px;padding:20px 16px;background:#252f31;border-left:2px solid #dba181}.study h2{font:18px/1.25 Georgia,serif;color:#eee2d2}.study p{font-size:11px;line-height:1.8;color:#b2bdb8}.study button{width:100%;font-size:11px;text-align:left}.study button span{float:right}.paper-section{min-width:0;padding:32px 38px}.paper-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;margin:0 0 14px;color:#b3c0ba}.paper-wrap{position:relative;box-shadow:0 16px 40px #090f124d;background:#f3ecdc}.paper-wrap canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair}.gesture-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paper-caption{display:flex;justify-content:space-between;align-items:center;margin:18px 0 20px}.paper-caption h2{font:21px Georgia,serif;margin:0 0 7px;color:#e3dfd3}.paper-caption p{font-size:10px;color:#a8b7b3;margin:0}.stamp{border:1px solid #6f7c77;border-radius:50%;height:45px;width:45px;display:grid;align-content:center;text-align:center;font-size:8px;line-height:1.5;letter-spacing:1px;color:#a9bab4}.workbar{display:flex;align-items:center;gap:8px;border-top:1px solid #3e494b;padding-top:14px}.workbar p{flex:1;font-size:11px;color:#c3d0c9;line-height:1.5}.workbar button{font-size:10px;padding:8px 11px}.keyboard{margin-top:25px;border-top:1px solid #3e494b;padding-top:17px}summary{cursor:pointer;font:16px Georgia,serif;min-height:30px}summary span{float:right;font:9px Arial;letter-spacing:.5px;color:#a7b5b2}.keyboard p{font-size:11px;color:#b2bfba;line-height:1.7}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.numbers label{font-size:10px;color:#c9d2cc}.numbers input{width:100%;margin-top:6px;color:#eee6d9;background:#202a2d;border:1px solid #56625f;border-radius:3px;padding:10px}.precision-actions{display:flex;gap:10px;margin-top:15px;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;border-top:1px solid #354044;font-size:9px;letter-spacing:1px;color:#99aaa7}footer button{font-size:10px;letter-spacing:0;border:0}.privacy{max-width:800px;padding:24px;margin:auto;font-size:12px;line-height:1.8}.privacy button{font-size:11px;margin-right:8px}@media(min-width:1500px){.paper-section{padding:32px 65px}.workspace{grid-template-columns:320px minmax(0,1fr)}aside{padding-right:36px}}@media(max-width:1000px){header{padding:20px}.header-note{display:none}.workspace{grid-template-columns:240px minmax(0,1fr)}aside{padding:25px 20px}.paper-section{padding:25px 20px}.tools{flex-direction:column}.workbar{flex-wrap:wrap}.workbar p{flex-basis:100%}h1{font-size:29px}summary span{float:none;display:block;margin-top:8px}}@media(max-width:700px){header{flex-wrap:wrap;gap:16px}.header-actions{width:100%}.header-actions button{flex:1}.workspace{display:flex;flex-direction:column}aside{border-right:0;border-bottom:1px solid #354044;padding:22px}.intro{max-width:390px}h1{font-size:30px;margin-top:12px}.tools{flex-direction:row;margin:16px 0}.study{margin-top:16px}.paper-section{padding:25px 14px}.numbers{grid-template-columns:repeat(2,1fr)}footer{padding:15px;flex-wrap:wrap;font-size:8px}.paper-caption h2{font-size:18px}.paper-heading{letter-spacing:1px}.micro{margin-bottom:0}.slider{margin:15px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}