:root{font-family:Arial,Helvetica,sans-serif;color:#263d34;background:#eeeee7;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #cbd0c3;background:transparent;border-radius:4px;padding:10px 13px;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#e3e7db;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b85c39;outline-offset:4px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d5ca;padding:0 36px;background:#f5f5ee}.brand{display:flex;gap:12px;text-decoration:none;color:inherit;font-size:16px;font-weight:700;letter-spacing:2.4px;line-height:1.15}.brand-icon{font-size:47px;line-height:.7;transform:rotate(-15deg);font-weight:400}.brand-small{display:block;font-size:9px;letter-spacing:4px;margin-top:6px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.edition{color:#818879}.header-actions{display:flex;gap:12px}.header-actions button:first-child{border:0}.export{background:#2e4439;color:#fff;border-color:#2e4439}.export:hover:not(:disabled){background:#425e49}.export span{margin-left:24px}main{display:grid;grid-template-columns:286px 1fr;min-height:calc(100vh - 149px)}aside{padding:36px 26px;background:#f5f5ee;border-right:1px solid #d2d5ca}.eyebrow{color:#8d6448}h1{font:normal clamp(40px,4vw,58px)/.98 Georgia,serif;letter-spacing:-2px;margin:20px 0 18px}h1 em{font-weight:400;color:#6c795d}.intro{font-size:12px;line-height:1.7;color:#7a8073}.rule{border-bottom:1px solid #d9dccf;margin:25px 0}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:11px;font-weight:700;margin:0}.section-head>span{font-size:8px;color:#89917d}.swatches{display:flex;gap:12px;margin:17px 0 22px}.swatches button{width:38px;height:38px;padding:0;border-radius:50%;color:#fff;border:3px solid #f5f5ee;box-shadow:0 0 0 1px transparent}.swatches button[aria-pressed=true]{box-shadow:0 0 0 1px #65765d}.swatches button:hover{transform:scale(1.07)}label{display:block;font-size:11px;color:#747e6c;margin-top:15px}label b{float:right;color:#344b3d;font:10px monospace}input[type=range]{width:100%;height:3px;margin:14px 0 4px;accent-color:#3d5747;cursor:pointer}.relief-title{margin:27px 0 15px}.cards{display:grid;gap:7px}.cards button{display:flex;text-align:left;align-items:center;gap:11px;padding:10px;border-color:transparent;background:#eceee4}.cards .chosen{border-color:#9ca68d;background:#e5e9da}.specimen{width:34px;height:36px;font:32px Georgia;text-align:center;color:#60734d}.cards strong{display:block;font-size:11px;font-weight:400}.cards small{display:block;font:8px monospace;letter-spacing:1px;margin-top:5px;color:#8b9181}.card-dot{margin-left:auto;font-size:12px;color:#7a8d66}.lift{margin-top:16px;width:100%;text-align:left;font-size:11px;padding:12px 9px}.lift span{float:right;font:7px monospace;line-height:14px;letter-spacing:.8px;color:#859176}.lift.on{background:#dce4cc}.arrange{display:flex;gap:5px;margin-top:8px}.arrange button{flex:1;padding:6px}.hint{font-size:9px;color:#838b79;margin-bottom:0}.workspace{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 45%,#dce3d3,#ced7c5);position:relative}.workspace-top{display:flex;justify-content:space-between;padding:25px 32px;color:#64735d;font:9px monospace;letter-spacing:1px}.live-dot{display:inline-block;width:5px;height:5px;background:#6d8659;border-radius:50%;margin-right:7px;animation:breathe 3s ease-in-out infinite}.sheet-area{width:min(92%,920px);margin:auto;padding:35px 24px}.sheet-label,.sheet-caption{font:9px monospace;letter-spacing:1px;color:#67745e;display:flex;align-items:center}.sheet-label{margin-bottom:18px}.sheet-label b{font-weight:400;margin-left:12px;border:1px solid #a5b095;padding:4px 7px}.sheet-label>span{margin-left:auto;font-size:8px}.sheet{position:relative;box-shadow:0 18px 35px #4f603a25,0 2px 4px #3b4f3720;transform:rotate(-1deg);transition:transform .5s,box-shadow .5s;background:#f3eedf}.sheet.lifted{transform:rotate(0);box-shadow:0 26px 36px #4f603a40}.sheet canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.tape{position:absolute;background:#f9f7e080;pointer-events:none;width:90px;height:25px;top:-12px;z-index:2;border:1px solid #eee9c855}.tape-left{left:7%;transform:rotate(-12deg)}.tape-right{right:7%;transform:rotate(8deg)}.blank-note{position:absolute;left:0;right:0;top:35%;text-align:center;pointer-events:none;color:#94947c}.blank-note h3{font:italic 24px Georgia;margin:15px 0 10px}.blank-note p{font-size:11px;line-height:1.8;margin:0}.rub-symbol{font:700 28px Georgia;letter-spacing:-4px;color:#a8ad91}.sheet-caption{justify-content:space-between;margin-top:23px;font-size:8px}.bottom-bar{display:flex;align-items:center;gap:18px;padding:20px 30px;background:#e4e9dcaa;border-top:1px solid #bdc9af}.history{display:flex;gap:5px;white-space:nowrap}.history button{padding:8px;font-size:11px;border-color:#bbc7af}.bottom-bar p{font-size:10px;color:#738067;flex:1;line-height:1.5;margin:0}.new{font-size:10px;white-space:nowrap;border:0}footer{min-height:57px;padding:12px 34px;display:flex;align-items:center;justify-content:space-between;background:#f5f5ee;color:#818a77;font-size:9px;letter-spacing:1px}footer b{padding:0 10px;font-weight:400}footer button{border:0;font-size:10px;padding:8px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#1c302b80;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{position:relative;max-width:540px;max-height:90vh;overflow:auto;padding:38px;background:#f5f3e7;box-shadow:0 24px 80px #10251e55;border-radius:5px}.dialog h2{font: 36px/1.1 Georgia;letter-spacing:-1px}.dialog p,.dialog li{font-size:13px;line-height:1.7;color:#61715c}.dialog li{margin-bottom:12px}.dialog ol{padding-left:20px}.close{float:right;border:0;font-size:11px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.still *{animation:none!important;transition:none!important}@keyframes breathe{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){aside{padding:42px 30px}main{grid-template-columns:310px 1fr}.sheet-area{width:min(85%,1000px)}}@media(max-width:1000px){header{padding:0 22px}.edition{display:none}main{grid-template-columns:240px 1fr}aside{padding:27px 20px}.sheet-area{padding:25px 12px;width:94%}.bottom-bar{padding:16px;flex-wrap:wrap;gap:10px}.bottom-bar p{order:3;flex-basis:100%}.new{margin-left:auto}.workspace-top{padding:22px 18px}.workspace-top span:last-child{display:none}.blank-note h3{font-size:20px}.sheet-label>span{display:none}}@media(max-width:700px){header{height:76px;padding:0 16px}.brand{font-size:13px;gap:7px}.brand-small{font-size:7px}.brand-icon{font-size:38px}.header-actions{gap:2px}.header-actions button{font-size:10px;padding:9px}.export span{margin-left:5px}main{display:flex;flex-direction:column}.workspace{order:-1;min-height:470px}.workspace-top{font-size:8px;padding:18px}.sheet-area{width:96%;padding:12px 18px}.sheet-label{font-size:8px;margin-bottom:12px}.sheet-caption{font-size:6px;margin-top:18px}.blank-note h3{font-size:18px}.blank-note p{font-size:10px}.blank-note{top:25%}.tape{width:65px;height:20px}.bottom-bar{margin-top:20px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;padding:25px 22px}aside>.eyebrow,aside>h1,aside>.intro,aside>.rule{display:none}aside>.section-head:first-of-type{grid-column:1/-1}.swatches{grid-column:1/-1;margin:0}label{margin-top:5px}.relief-title,.cards,.lift,.arrange,.hint{grid-column:1/-1}.relief-title{margin:14px 0 0}.cards{grid-template-columns:1fr 1fr 1fr;gap:6px}.cards button{padding:7px;display:block}.cards strong{font-size:9px}.cards small{font-size:6px}.card-dot{display:none}.specimen{display:block;margin-bottom:5px}.lift,.hint,.arrange{margin-top:0}footer{padding:14px;flex-direction:column;gap:8px}.dialog{padding:26px}.dialog h2{font-size:30px}}.keyboard-cursor{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;display:grid;place-items:center;border:1px dashed #ac533a;color:#ac533a;background:#f3eedf80;border-radius:50%;pointer-events:none;font:18px monospace}