.lt-page{min-height:100dvh;background:var(--bg-color,#fff);color:#253b39;padding:clamp(16px,3vw,32px);font-family:Inter,system-ui,sans-serif;box-sizing:border-box}
.lt-page *{box-sizing:border-box}.lt-header{max-width:850px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.lt-header p,.lt-title p{margin:0 0 4px}.lt-header h1,.lt-header h3{font-size:clamp(24px,4vw,32px);margin:0}
.lt-page.lt-embedded{min-height:0;border-radius:24px}
.lt-page button,.lt-page .lt-print{font:inherit;min-height:48px;padding:10px 16px;border:2px solid #a5bdb6;border-radius:14px;background:#fff;color:#253b39;cursor:pointer;line-height:1.4;white-space:normal}.lt-page button:disabled{opacity:.5;cursor:default}.lt-page .lt-primary{background:#066997;border-color:#066997;color:#fff}.lt-page :focus-visible{outline:3px solid #006799;outline-offset:4px}
.lt-panel{max-width:650px;margin:auto;padding:clamp(16px,3vw,28px);border:1px solid #dce4d8;border-radius:24px;background:#fff;text-align:center}.lt-title{display:flex;align-items:center;justify-content:center;gap:14px}.lt-title img{width:72px;height:72px;object-fit:cover;border-radius:50%}.lt-title h2{font-size:28px;margin:0}.lt-instruction{min-height:3em;margin:18px 0 8px}.lt-board{display:block;width:min(100%,360px);aspect-ratio:1;margin:0 auto;border:2px solid #bdcdc5;border-radius:20px;background:#fffdf7;touch-action:none;user-select:none}.lt-board.lt-paper{touch-action:auto}
.lt-rule{stroke:#b1bfb9;stroke-width:1}.lt-midline{stroke-dasharray:5 5}.lt-guide,.lt-active,.lt-ink,.lt-demo{fill:none;stroke-linecap:round;stroke-linejoin:round}.lt-guide{stroke:#d4dfd8;stroke-width:26}.lt-guide.lt-complete{stroke:#18826b}.lt-active{stroke:#6a8277;stroke-width:2;stroke-dasharray:4 6}.lt-ink{stroke:#086a9e;stroke-width:15}.lt-demo{stroke:#994b08;stroke-width:10;pointer-events:none}.lt-dot{fill:#086a9e;stroke:#fff;stroke-width:3;pointer-events:none}.lt-feedback{min-height:3em;margin:14px 0}.lt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.lt-help{text-align:left;margin-top:22px;border-top:1px solid #cbd7ce;padding-top:14px}.lt-help summary{min-height:44px;cursor:pointer;padding:10px 0}.lt-help p{margin:10px 0}.lt-print{display:inline-flex;align-items:center;margin-top:18px;text-decoration:underline}.lt-amber{width:140px;height:140px;object-fit:cover;border-radius:50%}
:is(body,html).dark-mode .lt-page{background:var(--bg-color,#121212);color:#eef5f1}:is(body,html).dark-mode .lt-panel{background:#1d2c31;border-color:#44564f}:is(body,html).dark-mode .lt-page button,:is(body,html).dark-mode .lt-page .lt-print{background:#263e43;color:#f2f7f3;border-color:#779d93}:is(body,html).dark-mode .lt-page .lt-primary{background:#68c8fa;color:#102030;border-color:#68c8fa}:is(body,html).dark-mode .lt-page :focus-visible{outline-color:#68c8fa}:is(body,html).dark-mode .lt-help{border-color:#779d93}
@media(max-width:480px){.lt-header{align-items:flex-start;flex-direction:column}.lt-header button{align-self:flex-start}.lt-panel{padding:16px}.lt-actions button{flex:1 1 130px}.lt-instruction{min-height:4.2em}.lt-feedback{min-height:4.2em}}