:root{font-family:Arial,sans-serif;color:#183d36;background:#eeeae0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.file{min-height:42px;border:1px solid #b9c0b3;border-radius:4px;background:transparent;color:inherit;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:600}button:hover,.file:hover{background:#d5dfca}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.file:focus-within{outline:3px solid #bb6a31;outline-offset:4px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{padding:34px 22px;background:#183c34;color:#e8ebdb;display:flex;flex-direction:column;gap:28px}.brand{font-size:44px;letter-spacing:-4px;text-decoration:none;color:inherit;font-family:Georgia,serif}.brand span{display:block;font:9px Arial;letter-spacing:1.6px;margin-top:8px}.collection{font-size:10px;letter-spacing:1px;margin-top:34px;display:flex;justify-content:space-between;color:#aebfae}nav{display:grid;gap:8px}nav button{display:flex;gap:12px;text-align:left;border:0;padding:15px 9px;align-items:center;font-size:13px}nav button small{display:block;font-weight:400;font-size:10px;margin-top:7px;color:#aebfae}nav .selected{background:#cfdbb4;color:#183c34}nav .selected small{color:#4a6450}.number{font-size:10px;opacity:.65}nav button>span:last-child{margin-left:auto}.aside-note{margin-top:auto;font-size:9px;letter-spacing:1.3px}.dot{display:inline-block;width:6px;height:6px;background:#c4d6a8;border-radius:50%;margin-right:8px}.aside-note p{font:12px/1.7 Arial;color:#b3c2b3;letter-spacing:0}aside>button{color:#d8e1ce;border-color:#4d695b}main{padding:26px 4vw 24px;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #c7cbbd;padding-bottom:20px}header>span{font-size:9px;letter-spacing:1.8px}header>div{display:flex;gap:8px}.intro{padding:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#617062}h1{font:clamp(44px,5.2vw,78px)/.99 Georgia,serif;letter-spacing:-3px;margin:20px 0}h1 em{font-weight:400;color:#6e8362}.intro>p:last-child{font-size:13px;line-height:1.8;color:#5d6b60}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.puzzle-heading>div{flex:1}.title{display:block;border:0;background:transparent;color:inherit;font:24px Georgia;width:100%;padding:3px}.prompt{border:0;background:transparent;color:#607164;width:100%;font-size:12px;line-height:1.5;resize:vertical;min-height:42px;padding:6px 3px}.timeline{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px}.fragment,.gap{min-width:0;padding:20px;border:1px solid #b9c4b3;border-radius:7px;display:flex;flex-direction:column;background:#e4e8d9}.card-label{font-size:9px;letter-spacing:1.5px}.fragment svg{width:100%;height:110px;stroke:#537158;stroke-width:2}.fragment strong,.gap strong{font:18px Georgia}.fragment small,.gap small{font-size:10px;margin:10px 0;color:#536754}.card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.card-actions button,.card-actions .file{font-size:10px;padding:10px}.gap{border:1px dashed #8b9f79;background:#eae9d9;text-align:center;position:relative}.gap-symbol{font:70px/110px Georgia;color:#9aa98b}.gap-symbol span{font-style:italic;font-size:48px;color:#647b57}.gap-dots{border-bottom:2px dotted #9faa8b;width:70%;margin:28px auto 8px}.transport{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #c7cbbd}.play{background:#183c34;color:#f0f0dd;padding:14px 20px}.transport>span{font-size:10px;color:#63715e}.transport b{margin:0 8px}.transport .duration{margin-left:auto}.editor{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;padding:35px 0}.editor h2{font:30px/1.15 Georgia;letter-spacing:-.5px}.editor p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:280px;color:#63715e}.proposal>label{font-size:11px;display:block}.proposal>label>span{float:right;color:#6d7f6c}.proposal textarea{margin:12px 0 18px;width:100%;height:110px;background:#f6f3eb;border:1px solid #bdc7b6;border-radius:4px;resize:vertical;padding:14px;color:inherit;font-size:13px;line-height:1.6}.range{display:grid!important;grid-template-columns:1fr auto;gap:12px}.range input{width:100%;grid-column:1/-1;accent-color:#466b4d}.import-line{display:flex;gap:8px;margin:18px 0 12px;flex-wrap:wrap}.proposal>small{display:block;font-size:10px;line-height:1.7;color:#617060}footer{border-top:1px solid #c7cbbd;padding:20px 0}footer p{font-size:12px}footer>div{display:flex;gap:8px;flex-wrap:wrap}footer small{display:block;font-size:10px;margin-top:12px;color:#63715e}.privacy{font-size:10px;line-height:1.7;color:#63715e}.privacy button{margin-right:8px}.file{display:inline-flex;align-items:center;position:relative;overflow:hidden}.file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1000px){.app{grid-template-columns:200px 1fr}.timeline{gap:6px}.fragment,.gap{padding:12px}.editor{grid-template-columns:1fr;gap:0}}@media(max-width:720px){.app{display:block}aside{padding:18px;gap:16px}.brand{font-size:30px}.collection,.aside-note{display:none}nav{grid-template-columns:repeat(3,1fr);gap:5px}nav button{font-size:10px;padding:10px 6px}nav button small,nav button>span:last-child{display:none}aside>button{align-self:flex-start}.brand span{display:inline-block;margin-left:20px}main{padding:20px}header>span{display:none}.intro{padding-top:20px}.timeline{grid-template-columns:1fr}.fragment svg{height:70px}.gap-symbol{line-height:70px}.gap-dots{margin:15px auto}.editor{padding-top:20px}.transport .duration{margin-left:0}.puzzle-heading{align-items:flex-start}.title{font-size:20px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}