:root { color-scheme: dark; --ink:#f9f3dd; --orange:#f5aa4c; --blue:#153f43; } *{box-sizing:border-box} body{margin:0;background:#123f43;color:var(--ink);font-family:Nunito,system-ui,sans-serif;min-height:100svh} .welcome{max-width:700px;margin:auto;padding:clamp(42px,9vh,100px) 24px 32px}.eyebrow{font:11px 'DM Mono';letter-spacing:2px;color:#a7d3cf;margin:0 0 18px}h1{font-size:clamp(45px,11vw,80px);line-height:.97;margin:0 0 20px;font-weight:800;letter-spacing:-3px}h1 em{font-family:'Gloria Hallelujah';font-style:normal;color:var(--orange);font-size:.8em;letter-spacing:-4px}.intro{max-width:510px;color:#c3dedb;font-size:18px;line-height:1.5;margin-bottom:36px}form{background:#f8f2db;color:#164144;padding:18px;border-radius:20px;box-shadow:8px 9px 0 #0c292b}label{display:block;font-weight:800;font-size:14px;margin:0 4px 10px}textarea{width:100%;min-height:120px;resize:vertical;border:2px solid #cbd2c0;border-radius:11px;padding:14px;font:16px/1.45 Nunito;color:#173f42;background:#fffdf6}textarea:focus{outline:3px solid #f2b45d;border-color:transparent}button{font:inherit;border:0;cursor:pointer}form button{margin-top:12px;width:100%;padding:14px 18px;background:#ef9c3f;color:#183c3f;border-radius:11px;font-weight:800;font-size:17px;box-shadow:0 3px 0 #c76d20}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips button{background:transparent;color:#d6ebe8;border:1px dashed #85b6b1;border-radius:999px;padding:7px 11px;font-size:13px}.privacy{font-size:12px;color:#8fb4b1;margin-top:27px}.board-view{position:fixed;inset:0;display:grid;place-items:center;place-content:center;gap:12px;padding:16px;background:#174a4d radial-gradient(circle at 20% 15%,#2d6263 0,transparent 34%)}.board-view[hidden]{display:none}.board-view canvas{display:block;width:min(calc(100vw - 32px),calc(100svh - 130px));height:min(calc(100vw - 32px),calc(100svh - 130px));background:#fffef9;border:12px solid #e9e5d8;border-radius:5px;box-shadow:0 0 0 3px #a8a99f,12px 15px 0 rgba(8,39,41,.35);touch-action:none;user-select:none;-webkit-user-select:none}.board-controls{position:fixed;top:max(24px,calc(env(safe-area-inset-top) + 16px));right:max(24px,calc(env(safe-area-inset-right) + 16px));display:flex;gap:9px}.board-controls button{width:43px;height:43px;border-radius:50%;background:#f8f2db;color:#174346;font-size:25px;box-shadow:2px 3px 0 #0c292b}.board-status{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#c4dcda;font:11px 'DM Mono';letter-spacing:.4px;margin:0;pointer-events:none}@media(max-width:520px){.board-view{padding:9px}.board-view canvas{width:calc(100vw - 18px);height:calc(100svh - 76px);border-width:7px}.board-controls{top:14px;right:14px}.board-controls button{width:38px;height:38px;font-size:21px}.board-status{display:none}}
.welcome{padding-top:clamp(104px,14vh,130px)}.brand{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:block;background:#f8f2db;padding:6px 12px;border-radius:12px;box-shadow:3px 4px 0 #0c292b}.brand img{display:block;width:clamp(120px,30vw,170px);height:auto}.site-footer{margin-top:40px;padding-top:18px;border-top:1px dashed #3d6d6c;font-size:13px;color:#8fb4b1}.site-footer nav{display:flex;gap:18px;margin-bottom:8px}.site-footer p{margin:0}.site-footer a{color:#d6ebe8}.about h1{font-size:clamp(38px,9vw,60px)}.about>p:not(.eyebrow){color:#c3dedb;font-size:18px;line-height:1.6}.loading{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#174a4d radial-gradient(circle at 20% 15%,#2d6263 0,transparent 34%)}.loading[hidden]{display:none}.loading-card{width:min(520px,100%);background:#fffef9;border:12px solid #e9e5d8;border-radius:5px;box-shadow:0 0 0 3px #a8a99f,12px 15px 0 rgba(8,39,41,.35);padding:28px 24px;font-family:'Gloria Hallelujah';text-align:center}.loading-asked{color:#7d9694;font-size:15px;margin:0 0 10px;overflow-wrap:anywhere}.loading-scribble{width:70%;height:40px}.loading-scribble path{fill:none;stroke:#d8862f;stroke-width:4;stroke-linecap:round;stroke-dasharray:300;animation:scribble 1.8s ease-in-out infinite}.loading-line{color:#254d51;font-size:20px;margin:8px 0 0;min-height:1.6em;animation:fadein .5s}@keyframes scribble{0%{stroke-dashoffset:300}55%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}@keyframes fadein{from{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.loading-scribble path,.loading-line{animation:none;stroke-dasharray:none}}.board-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.board-actions button,.sheet-buttons button{padding:10px 16px;border-radius:999px;background:#f8f2db;color:#174346;font-weight:800;font-size:15px;box-shadow:2px 3px 0 #0c292b}.sheet{width:min(520px,calc(100vw - 32px));border:0;border-radius:16px;background:#f8f2db;color:#164144;padding:20px;box-shadow:8px 9px 0 #0c292b}.sheet::backdrop{background:rgba(8,39,41,.6)}.sheet h2{margin:0 0 6px;font-family:'Gloria Hallelujah';color:#ce7628;font-weight:400}.sheet-note{margin:0 0 12px;font-size:14px;color:#4e6f70}.sheet ol{padding-left:22px;margin:0;font-size:17px;line-height:1.5}.sheet li+li{margin-top:10px}.sheet-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.sheet-buttons button{background:#ef9c3f;color:#183c3f;box-shadow:0 3px 0 #c76d20}.sheet-buttons .secondary{background:transparent;box-shadow:none;text-decoration:underline}.practice-check{display:flex;gap:8px;margin-top:6px;padding:0;background:none;box-shadow:none;border-radius:0}.practice-check input{flex:1;min-width:0;border:2px solid #cbd2c0;border-radius:9px;padding:7px 10px;font:15px Nunito;color:#173f42;background:#fffdf6}.practice-check input:focus{outline:3px solid #f2b45d;border-color:transparent}.practice-check button{width:auto;margin-top:0;padding:7px 12px;border-radius:9px;background:#ef9c3f;color:#183c3f;font-weight:800;font-size:14px;box-shadow:0 3px 0 #c76d20}