:root{color-scheme:light;--bg:#f3f0e7;--panel:#eeeade;--ink:#35433a;--muted:#737d6d;--line:#d2d4c4;--accent:#b7594f;--green:#718974;--card:#f0ede2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px Arial,Helvetica,sans-serif}body.dark{color-scheme:dark;--bg:#171f1b;--panel:#1c2922;--ink:#e9e7d8;--muted:#a1ad9a;--line:#3b4b3e;--accent:#e5a091;--green:#abc5a6;--card:#202c24}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:0;padding:11px 13px;font-size:9px;letter-spacing:.08em;cursor:pointer}button:hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent)}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4%;font-size:8px;letter-spacing:.12em}.brand{font-size:24px;font-weight:900;letter-spacing:-1.8px}.brand sup{font-size:8px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:23px}nav button{border:0;padding:0;font-size:8px}main{padding:0 4%;max-width:1700px;margin:auto}.intro{display:flex;gap:5%;align-items:center;padding:45px 0 38px}.eyebrow,.section-label{font-size:8px;letter-spacing:.13em;color:var(--muted)}h1{font-size:clamp(68px,8.8vw,135px);font-weight:400;letter-spacing:-.085em;line-height:.9;margin:19px 0 7px}h1 span{color:var(--accent)}.intro-copy h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.045em;line-height:1.1;margin:10px 0 13px}.intro-copy h2 em{color:var(--green)}.intro-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.transport{margin-left:auto;display:grid;gap:12px;min-width:195px}.transport span{font-size:8px;letter-spacing:.1em;color:var(--green)}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:16px 20px}.primary:hover{background:var(--green);color:var(--bg)}#guide{padding:20px 24px;margin-bottom:25px;border:1px solid var(--line);color:var(--muted);line-height:1.7;font-size:12px}#guide b{color:var(--ink)}[hidden]{display:none!important}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid var(--line)}.garden-panel{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.12em;color:var(--muted)}.panel-head span:last-child{color:var(--green)}.garden-tools{display:flex;align-items:center;gap:8px;padding:12px 20px}.garden-tools button{font-size:8px;padding:9px 11px}.garden-tools>span{font-size:7px;letter-spacing:.06em;color:var(--muted)}.garden-tools #hint{margin-left:5px}.garden-tools #clock{margin-left:auto;font-variant-numeric:tabular-nums}.garden-stage{height:540px;position:relative;overflow:hidden;background:var(--panel)}canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:crosshair}.garden-whisper{pointer-events:none;position:absolute;left:25px;top:23px;font:italic 30px Georgia,serif;letter-spacing:-.05em;color:var(--green);opacity:.4}.stage-footer{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:.1em;color:var(--muted)}.garden-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--line);font-size:7px;letter-spacing:.08em;color:var(--muted)}.garden-bottom button{border:0;padding:0;font-size:8px}.garden-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px}.garden-settings{border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:23px;padding:24px 22px}.garden-settings label,.two-cols label,.select-label{font-size:8px;letter-spacing:.08em}select{width:100%;display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:12px 0;font-size:9px;outline-offset:4px}select option{background:var(--bg)}.climate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 23px;padding:0 22px}.climate label{font-size:8px;letter-spacing:.08em}.climate output{float:right}.climate-note{font-size:10px;line-height:1.65;color:var(--muted);margin:18px 22px 23px;max-width:650px}input[type=range]{appearance:none;display:block;width:100%;height:22px;background:transparent;cursor:ew-resize;margin:5px 0 0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--green) var(--progress,0%),var(--line) var(--progress,0%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:var(--ink);border-radius:50%;margin-top:-3.5px}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;background:var(--ink)}output{color:var(--accent);font-variant-numeric:tabular-nums}aside{border-left:1px solid var(--line);padding:0 22px 22px;background:var(--card)}aside .panel-head{margin:0 -22px}.flower-preview{height:118px;display:flex;align-items:center;justify-content:center;padding-top:13px}.flower-preview svg{width:108px;height:108px}.selected-heading{text-align:center}.selected-heading>span:first-child{font-size:7px;letter-spacing:.13em;color:var(--muted)}.selected-heading h2{font:italic 35px Georgia,serif;letter-spacing:-.05em;margin:5px 0}.selected-heading>span:last-child{font-size:9px;color:var(--muted)}.flower-actions{display:flex;gap:8px;margin:20px 0}.flower-actions button{flex:1;font-size:8px;padding:10px 4px}.select-label{display:block}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.range-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;margin-top:17px}.petal-editor{border-top:1px solid var(--line);padding-top:18px;margin-top:17px}.petal-editor .eyebrow{font-size:7px}#petal-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:10px}#petal-buttons button{padding:7px 0;font-size:8px}#petal-buttons button[aria-pressed=true]{background:var(--flower-color,var(--green));color:var(--bg);border-color:transparent}.position{margin-top:18px}.regrow{width:100%;margin-top:17px;font-size:8px}.small-note{font-size:10px;color:var(--muted);line-height:1.6;margin:9px 0}.remove{border:0;padding:7px 0;color:var(--muted);font-size:8px}.garden-beds{padding:33px 0}.section-label{display:flex;justify-content:space-between}.garden-beds .section-label{margin-bottom:20px}#flower-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flower-card{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;background:transparent;color:var(--ink)!important;min-width:0}.flower-card[aria-pressed=true]{border-color:var(--flower-color);background:color-mix(in srgb,var(--flower-color) 7%,var(--bg))}.flower-card.off{opacity:.5}.flower-card svg{width:51px;height:51px;flex:none}.flower-card strong{display:block;font:italic 23px Georgia,serif;letter-spacing:-.04em;font-weight:400}.flower-card small{display:block;font-size:7px;letter-spacing:.05em;color:var(--muted);margin-top:6px;line-height:1.6}.keep{border-top:1px solid var(--line);padding:32px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.keep h2{font:400 28px Georgia,serif;letter-spacing:-.04em;margin:12px 0}.keep p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.record-controls{display:grid;gap:10px;min-width:220px}.record-controls span,.record-controls a{font-size:8px;letter-spacing:.08em;color:var(--muted)}.record-controls a{color:var(--accent)}#record.recording{color:var(--accent);border-color:var(--accent)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 34px;font-size:8px;letter-spacing:.1em;color:var(--muted)}@media(min-width:1450px){.garden-stage{height:590px}}@media(max-width:1050px){.intro{flex-wrap:wrap;gap:25px}.intro-copy{margin-left:auto}.transport{display:flex;align-items:center;width:100%;margin:0;justify-content:space-between}.instrument{grid-template-columns:minmax(0,1fr) 260px}.garden-tools #hint{display:none}.garden-stage{height:520px}.garden-settings{grid-template-columns:1fr 1fr;gap:16px}.garden-settings label:first-child{grid-column:1/-1}.climate{grid-template-columns:repeat(2,minmax(0,1fr))}#flower-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{height:65px}header>span{display:none}nav{gap:13px}nav button{font-size:7px}.brand{font-size:22px}.intro{display:grid;grid-template-columns:1fr;gap:18px;padding:31px 0 25px}h1{font-size:79px;margin-top:17px}.intro-copy{margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.intro-copy h2{font-size:26px;margin:0}.intro-copy p{font-size:10px}.transport{gap:10px}.transport span{font-size:7px}.primary{padding:13px 17px;font-size:8px}.instrument{display:block}.garden-stage{height:440px}.garden-tools,.panel-head,.garden-bottom{padding-left:13px;padding-right:13px}.garden-tools button{padding:9px;font-size:7px}.garden-whisper{font-size:27px;left:17px}.garden-bottom>span{font-size:6px}.garden-bottom button{font-size:7px}.garden-settings{padding:20px 16px;grid-template-columns:1fr 1fr}.climate{padding:0 16px;gap:18px}.climate-note{margin:16px}.instrument aside{border-left:0;border-top:1px solid var(--line);padding-left:21px;padding-right:21px}aside .panel-head{margin:0 -21px}.flower-preview{height:100px}.flower-preview svg{width:95px;height:95px}.selected-heading h2{font-size:32px}.two-cols{gap:25px}.range-label{margin-top:21px}#petal-buttons button{padding:12px 0}.garden-beds .section-label{font-size:7px;line-height:1.6;gap:20px}#flower-cards{gap:8px}.flower-card{padding:10px;gap:8px}.flower-card strong{font-size:20px}.flower-card svg{width:39px;height:39px}.flower-card small{font-size:6px}.keep{display:block}.keep h2{font-size:25px}.record-controls{margin-top:22px}footer span:nth-child(2){display:none}}

.ui-icon{display:inline-block;width:13px;height:13px;vertical-align:-2px;flex:none;pointer-events:none}.ui-icon+span{vertical-align:middle}

.master-fx{padding:15px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.master-fx>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em}.master-fx input{height:29px}.master-fx p{margin:2px 0 0;font-size:10px;line-height:1.6;color:var(--muted)}@media(max-width:700px){.master-fx{padding:14px 13px}.master-fx p{font-size:9px}}