:root{color:#eef0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080b18;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #c9afff}.app-shell{background:#090d1d;grid-template-columns:340px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .28s;display:grid}.app-shell.menu-closed{grid-template-columns:62px minmax(0,1fr)}.sidebar{z-index:1;color:#e9edff;background:linear-gradient(160deg,#151a33 0%,#0e1328 52%,#11142c 100%);border-right:1px solid #afb9ff24;position:relative;overflow:hidden;box-shadow:14px 0 42px #01030d57}.sidebar:before{pointer-events:none;content:"";background:radial-gradient(circle at 20% 0,#997dff2e,#0000 33%);position:absolute;inset:0}.sidebar-top{border-bottom:1px solid #ced6ff21;align-items:center;gap:12px;height:72px;padding:14px 18px;display:flex;position:relative}.brand{color:#faf8ff;letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;min-width:190px;font-size:17px;display:flex}.brand-mark{color:#f1dc8f;text-shadow:0 0 14px #ffe08fbf;font-size:22px}.menu-toggle{color:#e9edff;background:#ffffff0f;border:1px solid #d5dbff40;border-radius:50%;flex:0 0 30px;width:30px;height:30px;margin-left:auto;padding:0;font-size:23px;line-height:20px;transition:background .2s,border-color .2s}.menu-toggle:hover{background:#c9afff29;border-color:#dbc2ff8c}.sidebar-content{width:340px;padding:20px;position:relative}.menu-closed .brand,.menu-closed .sidebar-content{display:none}.menu-closed .sidebar-top{justify-content:center;padding:14px 0}.menu-closed .menu-toggle{margin:0}.eyebrow{color:#aeb5e8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:750}.demo-users{border-bottom:1px solid #ced6ff1f;padding-bottom:20px}.user-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.user{color:#d9ddf4;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:54px;padding:7px;transition:background .2s,border-color .2s;display:flex}.user:hover{background:#ffffff0d}.user.active{color:#fff;background:linear-gradient(135deg,#7469c473,#39538170);border-color:#c3b8ff75;box-shadow:inset 0 1px #ffffff1f}.avatar{color:#242649;background:linear-gradient(135deg,#f1dc8f,#c2abff);border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid;box-shadow:0 0 12px #e7cf9238}.user small{color:#aeb4d3;margin-top:2px;font-size:10px;font-weight:400;display:block}.demo-users>small{color:#9ba3c7;margin-top:10px;font-size:11px;line-height:1.35;display:block}.routines{padding-top:22px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading h1{color:#fff;margin:0;font-size:23px}.section-heading>span{color:#f8e99c;background:#f6dd8421;border:1px solid #f6dd842e;border-radius:12px;padding:3px 8px;font-size:12px}.routines form{grid-template-columns:1fr 74px;gap:7px;display:grid}.routines input,.routines select{color:#eef0ff;background:#080c1fa8;border:1px solid #a5b0e642;border-radius:7px;min-width:0;padding:9px}.routines input::placeholder{color:#929bbf}.routines select:first-of-type,.routines select:nth-of-type(4){grid-column:1/-1}.routines select:nth-of-type(2),.routines select:nth-of-type(3){font-size:12px}.add-routine{color:#23203d;background:linear-gradient(110deg,#f0dc8b,#cbb4ff);border:0;border-radius:7px;grid-column:1/-1;padding:9px;font-weight:800;box-shadow:0 7px 20px #c4a6ff2b}.add-routine:hover{filter:brightness(1.06)}.routines ul{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.routines li{background:#ffffff0b;border:1px solid #cad2ff17;border-radius:9px;justify-content:space-between;align-items:center;gap:9px;padding:10px;display:flex}.routine-name{overflow-wrap:anywhere;min-width:0;font-size:14px}.routine-name small{color:#a4acca;margin-top:3px;font-size:11px;display:block}.routines li button{color:#dcd4ff;background:#a791e81a;border:1px solid #c3b3ff4d;border-radius:6px;flex:none;padding:6px 8px;font-size:12px}.routines li.done{opacity:.62}.routines li.done button{color:#19283b;background:#b7dbb0;border-color:#b7dbb0}.routine-error{color:#ffbbb8;font-size:13px}.routine-summary{align-items:center;gap:8px;display:flex}.reset-progress{color:#ffbbb8;background:0 0;border:1px solid #ffbbb859;border-radius:6px;padding:5px 7px;font-size:11px}.muted{color:#aeb4d3;font-size:14px}.tree-area{background:radial-gradient(circle at 55% 3%,#252a52 0,#121831 40%,#090d1d 100%);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:100vh;padding:22px 28px 28px;display:grid}.tree-header{justify-content:space-between;align-items:center;min-height:50px;margin-bottom:12px;display:flex}.tree-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:25px}.tree-header .eyebrow{color:#bfc6ff}.tree-actions{gap:8px;display:flex}.fit-tree,.demo-button,.zoom-tree{border-radius:8px;width:auto;padding:8px 11px}.fit-tree{color:#e8e9ff;background:#121732ad;border:1px solid #b9c5ff57}.fit-tree:hover{background:#3843778c}.zoom-tree{color:#e8e9ff;background:#121732ad;border:1px solid #b9c5ff57;min-width:34px;padding-inline:9px;font-size:18px;line-height:1}.zoom-tree:hover{background:#3843778c}.demo-button{color:#201d38;background:linear-gradient(110deg,#d9c4ff,#f0dd92);border:1px solid #0000;font-weight:750}.demo-button.active{color:#fff;background:#353160;border-color:#a89be3}.demo-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161c3bc2;border:1px solid #bdc6ff38;border-radius:12px;grid-template-columns:repeat(5,minmax(120px,1fr)) auto auto;align-items:end;gap:8px 12px;margin-bottom:12px;padding:12px;display:grid;box-shadow:0 12px 30px #02041157}.demo-controls label{color:#dce1ff;text-transform:capitalize;grid-template-columns:1fr auto;gap:3px 7px;font-size:11px;display:grid}.demo-controls input[type=range]{accent-color:#d2b7ff;grid-column:1/-1;width:100%}.demo-controls output{font-variant-numeric:tabular-nums}.demo-controls .seed-control input{color:#eef0ff;background:#050818ad;border:1px solid #b9c5ff4d;border-radius:6px;grid-column:1/-1;width:100%;min-width:105px;padding:6px}.demo-controls button{color:#e9eaff;white-space:nowrap;background:#9382d22b;border:1px solid #c5b9ff61;border-radius:7px;width:auto;padding:7px 9px}.plant-surface{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#0a0d1c;border:1px solid #c3cdff42;border-radius:18px;justify-self:center;width:min(100%,82vh,100vh - 125px);height:auto;display:block;box-shadow:0 25px 60px #01020c73,inset 0 1px #ffffff14}.plant-surface:active{cursor:grabbing}.plant-surface:focus-visible{outline-offset:3px;outline:3px solid #d2b7ff}@media (width<=760px){.app-shell,.app-shell.menu-closed{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #afb9ff24;border-right:0;overflow:visible}.sidebar-top{height:58px}.menu-toggle{display:none}.sidebar-content{width:100%;padding-top:12px}.menu-closed .brand,.menu-closed .sidebar-content{visibility:visible}.tree-area{min-height:75vh;padding:18px}.tree-header{align-items:start;gap:10px}.tree-actions{flex-wrap:wrap;justify-content:end}.demo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.plant-surface{width:min(100%,68vh);height:auto}}