/* One shared brand layer; artwork colors and designer behavior remain user controlled. */
:root{--ink:#1d3945;--muted:#60737b;--paper:#f5f8f8;--line:#dbe4e7;--green:#1d3945;--lime:#ffdd59;color:#1d3945;background:#f5f8f8}
body{background:#f5f8f8;color:#1d3945}body>header{background:#1d3945;color:white;max-width:none;height:auto;min-height:112px;padding:12px max(24px,calc((100vw - 1100px)/2));gap:24px;border-bottom:0}body>header nav{flex-wrap:wrap;align-items:center}body>header nav a{color:#fff}body>header .nav{color:#e4edf0}body>header .nav.active,body>header nav a[aria-current]{background:#ffdd59;color:#1d3945}body>header .badge{color:#ffdd59;border-color:#66818d;background:transparent}
a.gregjo-logo{display:block;position:relative;overflow:hidden;width:138px;aspect-ratio:610/400;flex-shrink:0;background:#1d3945;text-decoration:none;border-radius:0}
a.gregjo-logo img{position:absolute;width:154.918%;height:auto;max-width:none;left:-21.3115%;top:-205%;display:block;pointer-events:none}
button.primary,.button,.primary{background:#1d3945;color:white;border-color:#1d3945}button.primary:hover,.button:hover,.primary:hover{background:#315766}.button.secondary{background:#ffdd59;color:#1d3945;border-color:#ffdd59}.button.secondary:hover{background:#f2cb39}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#b47c00}
.welcome{padding-top:62px}.welcome h1{color:#1d3945}.welcome h1 em{color:#315b6d}.welcome .eyebrow,.eyebrow{color:#54717d}.welcome .button{background:#ffdd59;color:#1d3945}.welcome .button:hover{background:#f2cb39}.lead,.section-heading>p,.card-body p,.about p:not(.eyebrow){color:#526d78}.gentle-note{font-size:13px;color:#607680;margin-top:20px}.dots i,.dots i:nth-child(2),.dots i:nth-child(3),.dots i:nth-child(4),.dots i:nth-child(5){background:#ffdd59}.dots i:nth-child(even){background:#668894}.dots i:nth-child(3){background:#1d3945}
article,.tools{background:#fff;border-color:#dbe4e7}.art,.canvas-panel{background:#e6eef0;border-color:#dbe4e7}.advanced-art{background:#f7f0d8}.tag,.card-body small,.save-note,.subtle{color:#536d78}.coming{color:#365864;border-color:#bfcfd5}.about{border-color:#dbe4e7}.balance-mark{width:150px;height:150px;position:relative;display:block;margin:auto;background:linear-gradient(#ffdd59,#ffdd59) center/22px 100% no-repeat,linear-gradient(#ffdd59,#ffdd59) center/100% 22px no-repeat}.balance-mark i{position:absolute;width:26px;height:26px;border:7px solid #1d3945;border-radius:50%}.balance-mark i:nth-child(1){top:0;left:0}.balance-mark i:nth-child(2){top:0;right:0}.balance-mark i:nth-child(3){bottom:0;left:0}.balance-mark i:nth-child(4){bottom:0;right:0}
footer{background:#1d3945;color:white;max-width:none;padding:20px max(24px,calc((100vw - 1100px)/2));border:0}footer p,footer span{color:#d2dfe4}footer a.gregjo-logo{width:100px}#status{background:#1d3945}.choices button[aria-pressed=true]{background:#fff4bd;border-color:#1d3945;box-shadow:inset 0 0 0 2px #1d3945}.colors button[aria-pressed=true]{outline-color:#1d3945}#shapeSize,#shapeRotation,#groupRotation{accent-color:#1d3945}.multi-select[aria-pressed=true]{background:#1d3945}
@media(max-width:700px){body>header{padding:12px 18px;min-height:90px;gap:14px}a.gregjo-logo{width:112px}body>header nav{gap:8px}body>header nav a{font-size:12px;padding:10px 6px}.welcome{padding-top:36px}.balance-mark{display:none}footer{padding:20px}.canvas-panel{background:#e6eef0}}

.hand-touch{margin:20px 0;padding:14px;border:1px solid #dbe4e7;border-radius:14px;background:#f5f8f8}.hand-touch label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer;margin:0}.hand-touch input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#1d3945;margin:0}.hand-touch p{font-size:12px;line-height:1.5;color:#60737b;margin:8px 0 0}

.purpose-story{max-width:720px;margin:0 auto 70px;padding:32px;border:1px solid #dbe4e7;border-radius:22px;background:white}.purpose-story p{font-size:16px;line-height:1.85;color:#526d78;margin:0 0 22px}.purpose-story .purpose-closing{font-weight:600;color:#1d3945}.purpose-story button{white-space:normal;min-height:48px}@media(max-width:600px){.purpose-story{padding:24px;margin-bottom:35px}.purpose-story p{font-size:15px}}