@import url('./garden.css');
.dish-tools{display:none}
.culture-title h2{word-break:keep-all}.culture-heading>div:first-child{min-width:0}
.observation-chamber .dish-wrap{aspect-ratio:auto}.observation-chamber .dish-wrap canvas{height:auto;aspect-ratio:1}
.culture-intro{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:255px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:hidden;padding:25px 0}.culture-intro .eyebrow{font-size:10px;color:#a6b89b;letter-spacing:1.7px}.live-dot{display:inline-block;background:var(--accent);height:4px;width:4px;border-radius:50%;vertical-align:middle;margin-right:5px}.intro-specimen{width:205px;margin-right:14%;opacity:.65;text-align:center}.intro-specimen svg{stroke:#b9c7a747;stroke-width:.7;fill:none;width:170px;height:170px;margin:auto}.intro-specimen .orbit-point{fill:var(--accent);stroke:none}.intro-specimen span{font:italic 10px Georgia,serif;color:var(--dim);display:block;margin-top:6px}.intro-margin{position:absolute;right:0;top:48%;font-size:10px;line-height:1.8;letter-spacing:1.5px;color:var(--dim)}
.culture-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.culture-heading h2{font:400 23px/1.5 var(--serif);letter-spacing:-.7px}.culture-title{display:flex;align-items:center;gap:10px;margin-top:8px}.culture-title h2{overflow-wrap:anywhere}.culture-title>button{font-size:14px;color:var(--dim);padding:3px}.generation-tag{border:1px solid var(--line);font-size:10px;white-space:nowrap;color:var(--soft);padding:4px 8px;border-radius:20px}.record-tools{display:flex;gap:20px;align-items:center}.culture-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.observation-chamber{border:1px solid var(--line);border-radius:5px;background:radial-gradient(ellipse at 50% 43%,#365c3e20,transparent 70%),#0d211b;overflow:hidden;min-width:0}.chamber-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;font-size:10px;letter-spacing:1.5px;color:var(--dim)}.chamber-top b{font-weight:400}.chamber-top>span:first-child{font-size:10px;letter-spacing:0;color:var(--soft)}#activity i{display:inline-block;width:5px;height:5px;background:#a6c29a;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #c1d2a633}.is-paused #activity i{background:var(--warm);box-shadow:none}.dish-wrap{position:relative;width:min(100%,650px);margin:0 auto;padding:8px 20px 10px;aspect-ratio:1}.dish-wrap canvas{width:100%;height:100%;display:block;touch-action:manipulation;cursor:crosshair;border-radius:50%;outline-offset:-15px}.dish-north{position:absolute;left:50%;top:9px;transform:translateX(-50%);font:10px var(--sans);color:var(--dim)}.dish-scale{position:absolute;right:9%;bottom:5%;font:10px var(--sans);letter-spacing:2px;color:var(--dim)}.chamber-bottom{padding:0 24px 20px;text-align:center}.chamber-bottom>p{font-size:11px;color:var(--soft);line-height:1.8}.chamber-signature{display:block;font:italic 11px Georgia,serif;color:#698774;margin-top:8px}.playback{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:13px 22px;gap:10px}.playback>button{font-size:10px;color:var(--soft);padding:5px 0}.playback>div{display:flex;gap:3px}.playback>div button{font-size:10px;color:var(--dim);min-width:32px;padding:6px;border-radius:3px}.playback>div button.active{color:var(--accent);background:#b8c59c15}
.culture-notebook{padding:23px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.notebook-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text)}.notebook-heading small{font-size:10px;letter-spacing:1.2px;color:var(--dim)}.notebook-intro{font:400 14px/1.9 var(--serif);margin:18px 0 17px;color:var(--soft);letter-spacing:-.4px}.culture-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.culture-tools button{border:1px solid var(--line);border-radius:3px;font-size:10px;white-space:nowrap;padding:10px 2px;color:var(--soft)}.culture-tools button>span{display:block;font:22px/1.1 Georgia,serif;margin-bottom:8px;color:var(--dim)}.culture-tools button.active{background:#c4cc9f12;border-color:#d3d9b06b;color:var(--accent)}.culture-tools button.active>span{color:var(--accent)}.tool-note{font-size:10px;color:var(--dim);line-height:1.9;margin:12px 0 7px;min-height:38px}#clear-food{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;padding:6px 0}#clear-food>span{font-size:10px;color:var(--dim)}#auto-cut{font-size:10px;margin-bottom:10px;color:var(--accent)}.notebook-rule{height:1px;background:var(--line);margin:18px 0}.environment-control+.environment-control{margin-top:16px}.environment-control label,.mutation-control{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--soft);margin-bottom:10px}.environment-control output,.mutation-control output{font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:5px 0;display:block}.range-ends{display:flex;justify-content:space-between;color:var(--dim);font-size:10px;margin-top:8px}.culture-notebook>.eyebrow{font-size:10px;letter-spacing:1.5px}.culture-stats{margin:12px 0 0}.culture-stats>div{display:flex;justify-content:space-between;align-items:center;margin:10px 0;gap:10px}.culture-stats dt{font-size:10px;color:var(--dim)}.culture-stats dd{font-size:10px;color:var(--soft);font-variant-numeric:tabular-nums;margin:0;text-align:right}.observation{font-size:10px;color:#bdc8a4;line-height:1.9;border-left:1px solid #b9c89866;padding:2px 0 2px 11px;margin:19px 0;min-height:40px}.culture-actions{display:grid;gap:8px}.culture-actions .primary{font-size:11px;padding:12px;justify-content:space-between;gap:8px}.secondary-action{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:13px 10px;color:var(--soft);border-radius:3px;font-size:10px;text-align:left;line-height:1.6}.secondary-action span{font-size:14px}.action-note{font-size:10px;line-height:1.8;color:var(--dim);margin-top:10px}.growth-details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.growth-details summary{font-size:10px;color:var(--dim);cursor:pointer}.growth-details #lineage{font-size:10px;line-height:1.9;color:var(--soft);margin:14px 0}.growth-details a{border-bottom:1px solid var(--line)}.growth-gene{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);padding:6px 0;gap:10px}.growth-gene.changed{color:var(--accent)}.mutation-control{margin-top:18px}.room-caption{display:flex;justify-content:space-between;gap:18px;margin:16px 0 9px;font-size:10px;line-height:1.8;color:var(--dim)}.room-caption>span:first-child{font-family:var(--serif)}
.shelf-intro{font-size:11px;color:var(--soft);line-height:1.9;margin-bottom:28px}.culture-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.culture-sample{border:1px solid var(--line);border-radius:120px 120px 4px 4px;padding:14px 14px 18px;background:radial-gradient(ellipse at 50% 20%,#79986712,transparent);min-width:0}.culture-sample canvas{display:block;width:100%;height:auto}.sample-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin:4px 0 11px}.culture-sample h3{font:400 15px/1.6 var(--serif);overflow-wrap:anywhere;letter-spacing:-.4px}.sample-time{font-size:10px;color:var(--dim);margin-top:5px}.sample-actions{display:flex;gap:6px;margin-top:17px}.sample-actions button:first-child{flex:1;border:1px solid var(--line);padding:9px 5px;font-size:10px;color:var(--soft);border-radius:3px}.sample-actions button:last-child{font-size:17px;color:var(--dim);width:24px}.empty-collection{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:100px 100px 5px 5px;font:400 19px/1.9 var(--serif);color:var(--soft)}.empty-collection button{font:10px/1.9 var(--sans);color:var(--dim);margin-top:16px}.shelf-footnote{text-align:center;font-size:10px;color:var(--dim);margin:30px 0 50px}.view-shelf .culture-intro{min-height:180px}.view-shelf .culture-intro h1{font-size:26px}.view-shelf .culture-intro .intro-note{display:none}.view-shelf .intro-specimen{width:120px}.view-shelf .intro-specimen svg{width:110px;height:110px}.view-shelf .intro-specimen span{display:none}#toast{bottom:30px}.legacy-link{display:inline-block;border-bottom:1px solid var(--line);font-size:10px;color:var(--soft);line-height:1.8;margin-top:8px}.science-note a{text-decoration:underline;text-underline-offset:3px}#name-form input{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:3px}.day .observation-chamber{background:#e2e7da}.day .chamber-signature{color:var(--dim)}.day .culture-notebook{background:#e7ebe0}.day .culture-tools button.active{background:#526b4117;color:var(--text);border-color:#526b4170}.day .observation{color:var(--text)}.day .culture-sample{background:#e4e9dd}.day .intro-specimen svg{stroke:#49664c55}.day .culture-tools button.active>span{color:var(--text)}
@media(min-width:1450px){.culture-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:34px}.culture-notebook{padding:28px}.notebook-intro{font-size:16px}.culture-tools button{font-size:11px}.tool-note{font-size:11px}.culture-actions .primary{font-size:12px}.secondary-action{font-size:11px}}
@media(max-width:1000px){.culture-workspace{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.culture-notebook{padding:18px}.intro-specimen{margin-right:9%}.intro-margin{display:none}.culture-title h2{font-size:20px}.record-tools{gap:12px}.chamber-top{padding:17px 17px 0}.dish-wrap{padding:8px 8px 10px}.chamber-bottom{padding:0 15px 17px}.playback{padding:12px}.playback>button{font-size:10px}.culture-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.room-caption{font-size:10px}}
@media(max-width:760px){.culture-workspace{grid-template-columns:1fr}.culture-notebook{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:22px}.notebook-heading,.notebook-intro,.culture-tools,.tool-note,#auto-cut,#clear-food{grid-column:1}.culture-notebook>.notebook-rule{display:none}.culture-notebook>[data-control=nutrient]{grid-column:2;grid-row:2/4;align-self:center}.culture-notebook>[data-control=light]{grid-column:2;grid-row:4/7;align-self:start}.culture-notebook>.eyebrow,.culture-stats,.observation,.culture-actions,.action-note,.growth-details{grid-column:1/-1}.culture-notebook>.eyebrow{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.culture-stats{display:flex;gap:24px;justify-content:space-between}.culture-stats>div{display:block}.culture-stats dd{margin-top:7px;text-align:left}.culture-actions{grid-template-columns:1fr 1fr}.notebook-intro{font-size:15px}.notebook-heading small{display:none}.dish-wrap{max-width:560px}.culture-intro{min-height:230px}.intro-specimen{width:150px;margin-right:0}.intro-specimen svg{width:140px;height:140px}.intro-specimen span{font-size:10px}.culture-heading{align-items:flex-end}.culture-title h2{font-size:21px}.record-tools{flex-direction:column;align-items:flex-end;gap:9px}.culture-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead{gap:24px}}
@media(max-width:480px){.masthead{gap:8px;padding:0 16px}.masthead nav{gap:12px}.masthead nav button{font-size:10px}.header-tools{gap:1px}.brand b{font-size:14px}.brand svg{width:19px}.brand small{font-size:10px}.header-tools button{width:22px}.culture-intro{min-height:233px;margin-bottom:25px;padding:24px 0}.culture-intro .eyebrow{font-size:10px;letter-spacing:1px}.culture-intro h1{font-size:27px;margin-top:13px}.culture-intro .intro-note{font-size:10px}.intro-specimen{position:absolute;right:-30px;top:45px;width:110px;opacity:.35;pointer-events:none}.intro-specimen svg{width:100px;height:100px}.intro-specimen span{display:none}.culture-heading{gap:10px;margin-bottom:16px}.culture-heading .eyebrow{font-size:10px;letter-spacing:1.1px}.culture-title{gap:5px}.culture-title h2{font-size:18px}.culture-title>button{font-size:12px}.generation-tag{padding:3px 5px;font-size:10px}.record-tools .text-button{font-size:10px}.culture-notebook{display:block;padding:20px}.notebook-heading small{display:inline}.notebook-intro{margin:14px 0 16px}.culture-tools button{font-size:10px;padding:10px 3px}.culture-tools button>span{display:inline;margin-right:5px;margin-bottom:0;vertical-align:middle}.tool-note{font-size:10px;min-height:0}.culture-notebook>.notebook-rule{display:block}.culture-notebook>.eyebrow{margin-top:0;padding-top:0;border:0}.culture-stats{gap:12px}.culture-stats dt,.culture-stats dd{font-size:10px}.culture-actions{grid-template-columns:1fr}.culture-actions .primary{font-size:12px}.secondary-action{font-size:11px;justify-content:center}.room-caption{display:block;font-size:10px;line-height:2}.room-caption>span{display:block}.chamber-top{font-size:10px;padding:15px 14px 0}.chamber-top>span:first-child{font-size:10px}.dish-wrap{padding:9px 5px 6px}.dish-north{top:7px;font-size:10px}.dish-scale{font-size:10px}.chamber-bottom>p{font-size:10px}.chamber-signature{font-size:10px}.playback{padding:10px 12px;gap:5px}.playback>div button{min-width:25px;font-size:10px}.playback>button{font-size:10px}.culture-shelf{gap:12px}.culture-sample{padding:8px 10px 14px}.culture-sample h3{font-size:13px}.sample-meta{font-size:10px}.sample-time{font-size:10px}.sample-actions button:first-child{font-size:10px}.shelf-intro{font-size:10px}.view-shelf .culture-intro{min-height:160px}.view-shelf .culture-intro h1{font-size:24px}.shelf-footnote{font-size:10px}.action-note{font-size:10px}}
@media(max-width:760px){.dish-tools{display:flex;justify-content:center;gap:6px;padding:16px 12px 6px}.dish-tools button{border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:var(--soft);font-size:10px}.dish-tools button.active{color:var(--accent);border-color:#c4d0ab77;background:#c4cc9f12}.culture-notebook .culture-tools{display:none}}
@media(max-width:480px){#lab-view>.culture-heading{display:block}.record-tools{flex-direction:row;justify-content:space-between;align-items:center;margin-top:13px}.record-tools select{max-width:62%;width:190px}.culture-title h2{font-size:20px}.culture-title{gap:8px}.culture-title>button{margin-left:auto}.dish-wrap canvas{height:auto;aspect-ratio:1}}