:root{--paper:#f3f2e9;--ink:#273b32;--muted:#708074;--line:#d0d6c7;--accent:#4b7357;--wash:#dbe3cd;--wash2:#c4d3bd;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}body[data-place=City]{--ink:#493e36;--accent:#926445;--muted:#8b7e71;--line:#ded1c2;--wash:#e8dbca;--wash2:#d6bfa7}body[data-place=Water]{--ink:#283f4d;--accent:#507f91;--muted:#748791;--line:#c9d7d9;--wash:#d7e7e6;--wash2:#afcdd3}main{max-width:1180px;padding:32px 38px 28px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:8px;color:var(--ink)}.wordmark i{height:10px;width:10px;background:var(--accent);border-radius:50%}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:43px 0 34px;gap:24px}h1{font:normal 68px/.93 Georgia,serif;letter-spacing:-.06em;margin:9px 0 18px}h1 em{font-weight:normal}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:var(--muted);margin:0 0 8px}.intro{font-size:14px;color:var(--muted);margin:0}.transport{text-align:right}.transport>p{margin:0 0 12px}.transport>div{display:flex;gap:9px}.small{font-size:11px;color:var(--muted);line-height:1.65}.transport .small{margin-top:9px}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;padding:10px 15px;border-radius:5px}button:hover{background:var(--wash)}button:disabled{cursor:default;opacity:.4}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);min-width:183px;text-align:left;padding:16px 20px}.primary span{float:right;font-size:19px}.primary:hover{background:var(--accent)}.primary:disabled{opacity:.65}.stop{padding:12px 18px}.place-picker{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden}.place-picker button{border:0;border-right:1px solid var(--line);border-radius:0;padding:16px 20px;text-align:left;font-size:21px;letter-spacing:-.03em}.place-picker button:last-child{border:0}.place-picker button>span{display:inline-block;font:11px Georgia,serif;margin-right:12px;color:var(--muted)}.place-picker small{display:block;font-size:10px;letter-spacing:0;margin:3px 0 0 28px;color:var(--muted)}.place-picker [aria-pressed=true]{background:var(--wash)}.scene{height:205px;position:relative;margin-top:15px;background:var(--wash);overflow:hidden;border-radius:6px}.scene svg{position:absolute;inset:10px 0 25px;width:100%;height:165px;opacity:.6}.scene path{stroke:var(--accent);fill:none;stroke-width:.7;opacity:.3;transform-origin:center}.scene path:nth-child(2){opacity:.17}.scene path:nth-child(3){opacity:.12}.scene path:nth-child(4){opacity:.09}.orb{position:absolute;width:350px;height:350px;border-radius:50%;background:var(--wash2);filter:blur(40px);opacity:.6;left:10%;top:-200px}.orb.two{left:68%;top:50px;width:260px;height:260px}.running .orb{animation:drift 24s infinite alternate ease-in-out}.running .orb.two{animation-duration:31s;animation-direction:alternate-reverse}.running .scene path{animation:breathe 20s infinite alternate ease-in-out}.scene-meta{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:10px}.scene-meta>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{display:inline-block;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%}.running .live-dot{background:var(--accent)}.main-controls{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:36px;margin-top:29px;align-items:start}.main-controls h2,.treatments h2{font-size:12px;margin:0 0 12px;font-weight:500}.pills{display:flex;gap:4px;flex-wrap:wrap}.pills button{border-radius:22px;font-size:11px;padding:7px 11px}.pills [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.direction p,.treatments p{font-size:11px;line-height:1.5;color:var(--muted);margin:11px 0 0}.slider label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.slider output{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{display:block;appearance:none;width:100%;height:3px;background:var(--line);border-radius:8px;margin:17px 0 10px;accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper);border:2px solid var(--accent)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--accent)}.ends{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.control-note{font-size:10px;color:var(--muted);margin:18px 0 28px}.layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:27px}.layers article+article{border-left:1px solid var(--line);padding-left:25px}.layers h2{font:normal 24px/1.2 Georgia,serif;letter-spacing:-.03em;margin:0 0 14px}.layer-copy{font-size:11px;color:var(--muted);min-height:43px;margin:0 0 15px}.layers select{margin:0 0 15px}.layers .small{margin:10px 0 0;min-height:18px}.text-button{border:0;padding:0;text-align:left;font-size:10px;margin-top:11px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{background:transparent;color:var(--accent)}select{width:100%;padding:8px 26px 8px 8px;border:1px solid var(--line);background:var(--paper);border-radius:4px;font-size:11px}.treatments{display:grid;grid-template-columns:1.1fr 1fr 1fr .8fr;gap:27px;align-items:center;padding:27px 0 30px}.treatments p{max-width:185px;margin:0}.treatments h2{margin:0 0 7px}.output-slider{border-left:1px solid var(--line);padding-left:25px}details{border:1px solid var(--line);border-radius:6px}summary{padding:18px 22px;cursor:pointer;font-size:13px}summary>span{float:right;font-size:10px;color:var(--muted);margin:3px 0 0 12px}.workshop-section{border-top:1px solid var(--line);padding:25px 24px}.section-heading{display:grid;grid-template-columns:220px 1fr;gap:25px;margin-bottom:20px}.section-heading h2{font:normal 23px/1.1 Georgia,serif;margin:0;letter-spacing:-.03em}.section-heading p{max-width:550px;margin:0;font-size:12px;color:var(--muted)}.workshop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;align-items:center}.workshop-grid>label,.import-controls>label{font-size:11px}.workshop-grid select{margin-top:8px}input[type=number]{display:block;margin-top:8px;width:100%;padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:4px}fieldset{margin:22px 0 0;padding:16px;border:1px solid var(--line);border-radius:4px}legend{font-size:11px;padding:0 7px}fieldset .workshop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-row{display:grid;grid-template-columns:minmax(200px,1.8fr) minmax(90px,1fr) 72px 72px 95px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.event-row:last-child{border:0}.event-title{font-size:11px;display:flex;gap:9px;align-items:center}.event-title input{accent-color:var(--accent)}.event-row .slider label,.event-row>label{font-size:9px;color:var(--muted)}.event-row input[type=range]{margin:9px 0}.event-row input[type=number]{font-size:11px;padding:5px;margin-top:3px}.event-row button{padding:7px 9px;font-size:10px}.event-row .state{display:block;font-size:9px;color:var(--muted);margin:2px 0 0 23px}.event-row .state.error{color:#a23928}.import-controls{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.import-controls>label{display:block}.import-controls select{margin-top:7px;min-width:180px}.import-controls input{display:block;max-width:300px;font-size:11px;margin-top:10px}.import-controls button{font-size:12px}.import-row{padding-top:13px;margin-top:12px;border-top:1px solid var(--line)}.import-row .event-row{grid-template-columns:minmax(200px,1.8fr) minmax(90px,1fr) 72px 72px 95px}.import-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.import-meta button{font-size:10px;padding:5px 8px}.import-meta p{font-size:10px;color:var(--muted);margin:0}.decay{max-width:400px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:25px;color:var(--muted);font-size:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes drift{to{transform:translate(80px,70px) scale(1.2)}}@keyframes breathe{to{transform:translateY(20px) scaleY(.85)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:900px){main{padding:25px}.layers{grid-template-columns:1fr 1fr;gap:25px}.layers article+article{border:0;padding:0}.layers article:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.treatments{grid-template-columns:1fr 1fr}.output-slider{border:0;padding:0}.workshop-grid{grid-template-columns:1fr 1fr}.event-row{grid-template-columns:minmax(150px,1.5fr) 1fr 60px 60px 70px;gap:10px}.section-heading{grid-template-columns:170px 1fr}.main-controls{gap:20px}.pills button{padding:7px 9px;font-size:10px}}@media(max-width:620px){main{padding:22px 18px}header>span:last-child{display:none}.hero{display:block;padding:30px 0 25px}h1{font-size:61px}.transport{text-align:left;margin-top:26px}.transport>div{display:flex}.transport>p:first-child{font-size:11px}.transport .small{margin:9px 0 0}.place-picker button{font-size:19px;padding:13px 9px}.place-picker button>span{font-size:9px;margin-right:5px}.place-picker small{font-size:9px;margin-left:0;margin-top:7px;line-height:1.4}.scene{height:170px}.scene-meta{font-size:9px;left:13px;right:13px;bottom:12px}.scene-meta>span:last-child{max-width:52%;text-align:right}.main-controls{grid-template-columns:1fr 1fr;gap:23px}.direction{grid-column:1/-1}.direction h2{display:none}.direction p{margin-top:8px}.pills button{font-size:11px;padding:7px 13px}.control-note{font-size:10px;margin-bottom:22px;line-height:1.6}.layers{gap:24px 15px}.layers article:nth-child(even){padding-left:15px}.layers h2{font-size:22px}.layers .eyebrow{font-size:8px}.layers select{font-size:10px}.layer-copy{min-height:52px}.treatments{gap:22px}.treatments>div:first-child{grid-column:1/-1}.treatments p{max-width:none}.treatments .output-slider{grid-column:1/-1;max-width:100%}summary{padding:16px;font-size:12px}summary>span{float:none;display:block;margin:5px 0 0 15px;max-width:250px}.workshop-section{padding:22px 15px}.section-heading{display:block;margin-bottom:19px}.section-heading h2{margin-bottom:10px}.section-heading p{font-size:11px}.workshop-grid{gap:20px 15px}fieldset .workshop-grid{grid-template-columns:1fr 1fr}.event-row,.import-row .event-row{grid-template-columns:1fr 1fr 1fr;gap:10px 12px;padding:15px 0}.event-row>div:first-child{grid-column:1/3}.event-row>.slider{grid-column:1/-1}.event-row>button{grid-column:3;grid-row:1}.event-row>label{grid-row:3}.event-row>.slider{grid-row:2}.event-row .state{font-size:9px}.event-row>label:last-of-type{grid-column:2}.event-title{font-size:11px}.import-controls{gap:14px}.import-controls input{max-width:255px}.import-meta{align-items:flex-start;gap:12px}.import-meta p{font-size:9px}footer{display:block;line-height:1.6}footer>span{display:block;margin-bottom:7px}}
.scene-library{margin:0 0 32px;padding:24px;border:1px solid var(--line);border-radius:7px}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.library-heading h2{font:normal 29px/1.1 Georgia,serif;letter-spacing:-.03em;margin:0}.library-heading>p{font-size:11px;color:var(--accent);text-align:right;margin:0}.example-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-scenes button{text-align:left;padding:18px;background:var(--paper);border-color:var(--line)}.example-scenes button:hover,.example-scenes [aria-pressed=true]{background:var(--wash);border-color:var(--accent)}.example-scenes span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.example-scenes strong{display:block;font:normal 23px/1.1 Georgia,serif;letter-spacing:-.025em;margin:12px 0 10px}.example-scenes small{display:block;font-size:11px;color:var(--muted);min-height:48px}.example-scenes b{display:block;margin-top:15px;font-size:10px;font-weight:500}.saved-scenes{display:grid;grid-template-columns:.9fr 1.2fr;gap:24px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.saved-scenes label{display:block;font-size:11px;margin-bottom:8px}.saved-scenes input[type=text]{background:var(--paper);border:1px solid var(--line);border-radius:4px;font:inherit;font-size:11px;padding:10px;width:100%;min-width:0}.saved-scenes button{font-size:10px;white-space:nowrap;padding:9px 12px}.save-new>div,.my-scenes>div{display:flex;gap:7px;align-items:center}.save-new>div{flex-wrap:wrap}.save-new input{flex:1;min-width:150px!important}.save-button{background:var(--ink);color:var(--paper)}.my-scenes select{min-width:0;flex:1}.scene-edit{margin-top:9px;flex-wrap:wrap}.scene-edit label{font-size:9px;margin:0}.scene-edit input[type=text]{flex:1;width:120px;padding:8px}.scene-library>.small{margin:16px 0 0;max-width:850px}#storage-status{margin-top:4px;font-size:10px}button[hidden]{display:none}input::placeholder{color:var(--muted)}@media(max-width:900px){.saved-scenes{grid-template-columns:1fr}.example-scenes strong{font-size:21px}.example-scenes small{min-height:65px}}@media(max-width:620px){.scene-library{padding:18px 14px}.library-heading{display:block}.library-heading>p{text-align:left;margin-top:13px}.example-scenes{grid-template-columns:1fr}.example-scenes button{padding:15px}.example-scenes strong{font-size:23px;margin:7px 0}.example-scenes small{min-height:0}.example-scenes b{margin-top:10px}.saved-scenes{gap:20px}.my-scenes>div:first-of-type{flex-wrap:wrap}.my-scenes select{flex-basis:100%}.scene-edit input[type=text]{flex-basis:100%;order:-1}.scene-edit label{display:none}.scene-library>.small{line-height:1.6}}