*{box-sizing:border-box}body{margin:0;background:#f3eee5;color:#183d3c;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 90% 0,#e6e6d2,transparent 55%)}main{max-width:1120px;margin:auto;padding:24px 30px}header{display:flex;align-items:center;gap:22px}.brand{color:inherit;text-decoration:none;font-weight:800;letter-spacing:.18em;font-size:18px}#journal{margin-left:auto;font-size:13px}button{font:inherit;cursor:pointer;border:1px solid #b7c6bd;border-radius:10px;padding:11px 16px;background:#fffaf0;color:#183d3c;transition:background .15s,transform .15s}button:hover{background:#dce8dd;transform:translateY(-1px)}button:focus-visible{outline:3px solid #d77844;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}.intro{padding:54px 0 30px;position:relative}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.18em;color:#657c70}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1.04;margin:15px 0 16px;letter-spacing:-.035em}.intro p{font-size:15px;line-height:1.6;max-width:410px;color:#61776d}.intro:after{content:'∿';font:240px Georgia;position:absolute;right:60px;top:0;color:#b4c7b5;transform:rotate(-25deg);pointer-events:none}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}nav button{padding:9px 14px}nav button.active{background:#183d3c;color:white}nav button.done:after{content:' ✧';color:#b17b34}.studio{border:1px solid #ccd4c6;border-radius:24px;background:#fffdf6;padding:26px;box-shadow:0 14px 50px #183d3c0a}.topline{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font:normal 28px Georgia;margin:8px 0}.counter{padding:10px 14px;background:#edf1e7;border-radius:30px;font-size:13px}.drawing{margin-top:8px;background:radial-gradient(ellipse,#eff4ec,transparent 70%);border-bottom:1px solid #d5ded1}canvas{display:block;width:100%;height:auto}#anchors{display:grid;grid-template-columns:repeat(var(--sites),1fr);gap:5px;margin-top:14px}#anchors button{padding:11px 0;font-size:14px}#anchors button.selected{background:#d77d4d;color:white;border-color:#d77d4d}#anchors button.used{background:#d9e6df}#message{min-height:40px;font-size:14px;line-height:1.5;margin:18px 0 5px}#links{display:flex;gap:6px;min-height:34px;flex-wrap:wrap}#links button{padding:6px 10px;font-size:12px}.readings{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0 22px}.reading{border:1px solid #ded9ce;border-radius:12px;padding:13px 10px;background:#f8f4ec}.reading small{font-size:11px;color:#60756e;display:block}.reading strong{font-size:23px;display:block;margin-top:7px;font-weight:500}.reading.match{background:#e3eee3;border-color:#b1cbb8}.reading.match strong{color:#27775b}.reading em{font:12px Arial;color:#5e736c}.actions{display:flex;gap:9px;flex-wrap:wrap}#next{background:#183d3c;color:white;margin-left:auto}footer{font-size:12px;line-height:1.6;color:#65776d;padding:12px 4px}dialog{max-width:550px;border:1px solid #bfccbe;border-radius:20px;padding:28px;color:#183d3c;background:#fffaf0}dialog::backdrop{background:#112d2c88}dialog p{font-size:14px;line-height:1.65}dialog button{background:#183d3c;color:white}@media(max-width:600px){main{padding:18px 14px}header{gap:8px;flex-wrap:wrap}.brand{font-size:14px}#journal{font-size:11px}header button{padding:8px;font-size:12px}.intro{padding:35px 0 20px}.intro:after{display:none}.intro p{font-size:14px}.studio{padding:15px;border-radius:18px}h2{font-size:23px}.counter{font-size:11px;padding:8px}.readings{grid-template-columns:repeat(3,1fr)}.reading{padding:10px}.reading strong{font-size:21px}#anchors{gap:3px}#anchors button{padding:12px 0;font-size:12px}.actions button{font-size:12px;padding:11px}nav button{font-size:12px;padding:8px 11px}#message{min-height:60px}dialog{width:calc(100% - 24px)}}