:root{--ink:#17385d;--muted:#486681;--teal:#087e82;--sky:#eaf7fb;--focus:#095f83}.skip-link{z-index:10;color:var(--ink);background:#fff;padding:12px 16px;position:absolute;top:-100px;left:16px}.skip-link:focus-visible{outline:3px solid var(--focus);top:8px}button{touch-action:manipulation}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sky);color:var(--ink);margin:0;font-family:Trebuchet MS,Verdana,sans-serif;font-size:16px;line-height:1.5}::selection{color:var(--ink);background:#ffcf57}button{font:inherit;cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2{text-wrap:balance;font-family:Trebuchet MS,Verdana,sans-serif;font-weight:800;line-height:1.16}p{text-wrap:pretty}h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3rem)}h2{margin-bottom:10px;font-size:1.4rem}.site-header{background:#fff;box-shadow:0 2px 14px #17385d12}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;min-height:74px;margin:auto;padding:12px 24px;display:flex}.brand{color:#087e82;white-space:nowrap;font-size:1.75rem;font-weight:900;line-height:1}.brand span{color:#dc4964}.brand i{color:#e59b20;font-style:normal}.site-header nav{gap:8px;display:flex}.site-header nav button{color:var(--ink);background:0 0;border:0;border-radius:12px;min-height:44px;padding:11px 16px;font-weight:800}.site-header nav .active{color:#006e72;background:#e5f6f4}.header-note{background:var(--sky);white-space:nowrap;border-radius:99px;padding:8px 18px;font-weight:800}.main{max-width:1320px;margin:auto;padding:36px 24px 72px}.intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.intro p{color:var(--muted);margin:0;font-size:1.05rem}.mission-tag{color:#075d62;white-space:nowrap;background:#d8f2ef;border-radius:99px;padding:10px 18px;font-weight:800}.workspace{grid-template-columns:minmax(220px,250px) minmax(360px,1fr) minmax(290px,370px);align-items:stretch;gap:16px;display:grid}.panel,.portfolio{background:#fff;border-radius:24px;min-width:0;padding:22px;box-shadow:0 10px 24px #2c668a12}.panel>p{color:var(--muted);font-size:.93rem;line-height:1.48}.tools .goal{color:var(--ink);background:#fff2d4;border-radius:18px;margin-bottom:25px;padding:16px;font-size:1.02rem;font-weight:800;line-height:1.3}.palette{gap:9px;display:grid}.block{text-align:left;color:#17385d;border:0;border-radius:12px;min-height:48px;padding:10px 14px;font-weight:800}.block-0{background:#ffd35e}.block-1{background:#9cdef9}.block-2{background:#f5a4b7}.block-3{background:#c7eaba}.hint{color:#5b3bab;background:#f1edfc;border-radius:16px;margin-top:25px;padding:16px}.hint p{color:#475c80;margin:8px 0 0;font-size:.9rem}.editor{min-height:610px;padding:24px 26px}.editor>p{margin-bottom:12px}.list-label{color:#486681;margin:12px 0 8px;font-size:.9rem;font-weight:800;display:block}.program{background:#ecf9fd;border:2px dashed #a8dcea;border-radius:18px;min-height:280px;padding:17px}.program ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.program li{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:5px 6px 5px 12px;display:flex;box-shadow:0 2px 4px #2c668a10}.step-label{align-items:center;gap:10px;min-width:0;font-weight:800;display:flex}.step-number{size:28px;font-variant-numeric:tabular-nums;background:#ffd35e;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.step-actions{flex:none;gap:2px;display:flex}.step-actions button{color:var(--ink);background:#edf4f8;border:0;border-radius:9px;min-width:39px;min-height:44px;font-size:1.3rem;font-weight:800}.placeholder{color:#56758b;background:#fff;border:2px dashed #aacdde;border-radius:12px;margin:0;padding:15px}.editor-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.primary,.secondary{border:0;border-radius:11px;min-height:48px;padding:11px 18px;font-weight:800}.primary{color:#fff;background:#098b86}.secondary{color:#42657c;background:#e9f0f5}.primary:hover:not(:disabled){background:#066d69}.secondary:hover:not(:disabled),.step-actions button:hover:not(:disabled){background:#d6e9f0}.scene .garden{width:100%;height:auto;margin:16px 0 14px;display:block}.scene-note,.result{color:#0b604d;background:#e2f4e9;border-radius:16px;padding:14px;font-weight:800;line-height:1.3}.result{margin-top:20px}.result.retry{color:#775015;background:#fff2d4}.result p{margin:7px 0 0;font-weight:500}.result button{margin-top:14px}.error{color:#923026;background:#fff0ef;border-radius:12px;margin-top:15px;padding:12px;font-weight:700}.error button{color:inherit;background:0 0;border:0;font-weight:800;text-decoration:underline}.portfolio{max-width:700px}.portfolio ul{padding:0;list-style:none}.portfolio li{border-bottom:1px solid #d9eaf0;justify-content:space-between;gap:20px;padding:15px 0;display:flex}.portfolio li span{color:var(--muted)}.portfolio form{gap:12px;max-width:360px;margin:16px 0;display:grid}.portfolio form label{gap:5px;font-weight:800;display:grid}.portfolio form input{width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;border:2px solid #a8dcea;border-radius:11px;padding:9px 12px}.portfolio form input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.portfolio>button{min-height:44px;color:var(--ink);background:#e9f0f5;border:0;border-radius:11px;margin:8px 12px 8px 0;padding:9px 14px;font-weight:800}.portfolio>button.primary{color:#fff;background:#098b86}@media (max-width:1100px){.workspace{grid-template-columns:minmax(210px,1fr) minmax(340px,2fr)}.scene{grid-column:1/-1}.scene .garden{max-width:470px}}@media (max-width:700px){.header-inner{flex-wrap:wrap;padding:12px 16px}.header-note{display:none}.site-header nav{margin-left:auto}.site-header nav button{padding:8px 10px}.main{padding:28px 16px 50px}.intro{display:block}.mission-tag{margin-top:16px;display:inline-block}.workspace{flex-direction:column;display:flex}.scene{order:-1}.panel{padding:20px}.editor{min-height:0}.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.scene .garden{max-width:440px}.program{min-height:190px}.portfolio li{flex-direction:column;gap:0}}@media (max-width:390px){.brand{font-size:1.35rem}.site-header nav button{padding:8px;font-size:.9rem}.step-actions button{min-width:35px}}.garden-frame{aspect-ratio:368/270;background:#bfeafa;border-radius:20px;width:100%;position:relative;overflow:hidden}.garden-canvas{pointer-events:none;width:100%;height:100%;display:block}.garden-fallback{position:absolute;inset:0}.garden-fallback .garden{width:100%;height:100%;margin:0}.garden-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}