*{box-sizing:border-box} [hidden]{display:none!important}body{margin:0;background:#f6f5ef;color:#283b32;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #d1d8cc;background:transparent;color:inherit;padding:11px 16px;border-radius:8px}button:hover{background:#e6eadd}button:disabled{opacity:.5;cursor:default}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1{font-family:Georgia,serif;font-size:52px;letter-spacing:-2px;line-height:1.12}h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.7px}h3{font-size:20px}.topbar{height:88px;border-bottom:1px solid #dfe2d7;display:flex;align-items:center;padding:0 5%;}.wordmark{text-decoration:none;font-size:30px;font-weight:650;letter-spacing:-1.5px}.mark{font-size:34px;margin-right:10px;color:#697e4f}.wordmark-dot{color:#81936b}.prototype-tag{font-size:10px;letter-spacing:1.3px;border:1px solid #cbd4bf;border-radius:20px;padding:6px 10px;margin-left:22px}.legacy-link{margin-left:auto;font-size:12px;text-decoration:none;color:#687566}main{max-width:1350px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:57px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#6a795f;margin-bottom:13px}.lede{color:#77806f;margin-top:15px;font-size:17px}.primary{background:#344d3c;border-color:#344d3c;color:#fff}.primary:hover{background:#243e2d}.demo-note{background:#ecefe3;border:1px solid #dde3d1;border-radius:10px;display:flex;align-items:center;padding:17px 20px;color:#66715b;font-size:12px;line-height:1.6}.demo-note strong{color:#43543b;font-weight:600}.note-symbol{font-size:30px;margin-right:17px}.notice{font-size:13px;color:#80562b;min-height:28px;padding-top:10px}.section-top{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.section-top .eyebrow{margin-bottom:7px}#room-count{font-family:inherit;color:#8b9780;font-size:20px;margin-left:5px}.text-button{border:0;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.room-grid{display:flex;flex-wrap:wrap;margin:0 -10px}.room-card{width:calc(33.333% - 20px);margin:0 10px 20px;padding:9px;border:1px solid #d9dfd0;border-radius:13px;background:#fafbf6;text-align:left;transition:box-shadow .2s}.room-card:hover,.room-card[aria-pressed=true]{background:#fafbf6;box-shadow:0 0 0 2px #849874}.miniature{height:170px;border-radius:7px;position:relative;overflow:hidden;padding:23px;color:#e8e9d9;background:#1b292b}.miniature:after{content:"";position:absolute;left:-10%;bottom:-84px;width:120%;height:120px;background:currentColor;opacity:.07;border-radius:50%}.mini-label{font-size:7px;letter-spacing:1.7px;text-transform:uppercase;opacity:.65}.mini-clock{display:block;font-size:48px;letter-spacing:-2px;font-weight:300;margin:19px 0 3px}.mini-period{font-size:10px;letter-spacing:0;margin-left:5px}.mini-date{font-size:9px;opacity:.6}.card-details{display:flex;align-items:center;justify-content:space-between;padding:15px 9px 9px}.card-details strong{font-size:15px;font-weight:550}.card-details small{display:block;font-size:10px;color:#7b8775;margin-top:5px}.card-arrow{font-size:20px;color:#8c9b7e}.miniature[data-mode=light]{background:#eeeadd;color:#4b5646}.miniature[data-theme=keycap]{background:#24262a;color:#eea26b;font-family:monospace}.miniature[data-theme=keycap][data-mode=light]{background:#e7e8e4;color:#8d481c}.miniature[data-theme=edition]{background:#292421;color:#eee3cf;font-family:Georgia,serif}.miniature[data-theme=edition][data-mode=light]{background:#eee5d5;color:#41372e}.miniature[data-theme=terminal]{background:#102219;color:#a4d89b;font-family:monospace}.miniature[data-theme=terminal][data-mode=light]{background:#e1eddb;color:#315f30}.miniature[data-theme=tide]{background:#172f43;color:#c0e2ee}.miniature[data-theme=tide][data-mode=light]{background:#e0edf2;color:#285a71}.workspace{display:flex;align-items:flex-start;border-top:1px solid #d9dfd0;padding-top:35px;margin-top:25px}.editor{width:49%;padding-right:42px}.editor-heading{position:relative;margin-bottom:25px}.close-button{position:absolute;right:0;top:0;font-size:22px;padding:0 8px;border:0}label,legend{display:block;font-size:12px;font-weight:600;margin:17px 0 9px}fieldset{border:0;margin:24px 0 0;padding:0}legend{padding:0;margin:0 0 10px}input,select{width:100%;border:1px solid #ced7c5;background:#fcfcf9;border-radius:7px;color:#354536;padding:11px 12px;min-height:42px}input:focus,select:focus{outline:2px solid #81956e}.face-options{display:flex;flex-wrap:wrap;margin:0 -4px}.face-choice{margin:0 4px 8px;padding:10px 9px;font-size:11px;flex:1}.face-choice[aria-pressed=true]{border-color:#4a6943;background:#e4ebdc;box-shadow:inset 0 0 0 1px #4a6943}.face-dot{display:block;width:20px;height:20px;border-radius:50%;background:#667655;margin:0 auto 8px}.face-dot.keycap{background:#cf854e}.face-dot.edition{background:#ad9577}.face-dot.terminal{background:#47744d}.face-dot.tide{background:#6597ac}.field-pair{display:flex;margin:0 -7px}.field-pair>div{width:50%;padding:0 7px}.help{font-size:11px;line-height:1.6;color:#77816d;margin-top:9px}.optional{font-weight:400;color:#8b927e;font-size:10px;margin-left:8px}.search-row{display:flex}.search-row input{min-width:0;border-radius:7px 0 0 7px}.search-row button{border-radius:0 7px 7px 0;border-left:0}.location-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:8px;color:#64745b}.city-result{display:block;width:100%;text-align:left;border-radius:0;margin-top:-1px;font-size:12px}.save-bar{border-top:1px solid #d9dfd0;margin-top:25px;padding-top:20px;display:flex;align-items:center;flex-wrap:wrap}.save-bar .text-button{margin-left:17px}#save-status{width:100%;font-size:12px;color:#6e7b61;margin-top:12px}.delete-button{color:#8c6254;border:0;padding:0;margin:24px 0;font-size:11px;text-decoration:underline}.preview-column{width:51%;position:sticky;top:25px;padding:0 0 0 25px}.preview-heading{display:flex;justify-content:space-between;align-items:baseline}.preview-badge{font-size:9px;color:#7b876e}.preview-shell{width:100%;aspect-ratio:4/3;overflow:hidden;border:7px solid #303a32;border-radius:17px;box-shadow:0 20px 35px #2332231a;background:#1b292b}.preview-shell iframe{width:100%;height:100%;border:0;display:block}.preview-caption{font-family:Georgia,serif;font-style:italic;text-align:center;color:#8a947c;font-size:15px;margin:22px 0}.display-link{display:block;border:1px solid #cad4be;border-radius:8px;text-align:center;text-decoration:none;font-size:12px;padding:12px}.future-note{margin-top:35px;display:flex;padding:20px;border-top:1px solid #d9dfd0;font-size:12px;color:#6e7c62;line-height:1.6}.future-note>span{font-size:25px;margin-right:18px}.future-note strong{color:#495d42;font-weight:500}.future-note p{margin-top:5px}footer{display:flex;justify-content:space-between;border-top:1px solid #d9dfd0;padding:24px 0;margin-top:45px;color:#89917d;font-size:10px}.empty{padding:35px;text-align:center;background:#ecefe3;border-radius:12px}.empty p{margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#17291ec2;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:440px;max-width:100%;padding:32px;background:#f6f5ef;border-radius:14px;box-shadow:0 20px 80px #10201955}.modal>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-top:15px;color:#6b775f}.modal-actions{display:flex;margin-top:25px}.modal-actions button{margin-right:10px}@media(max-width:900px){.room-card{width:calc(50% - 20px)}h1{font-size:42px}.editor{padding-right:20px}.preview-column{padding-left:10px}.face-choice{padding:8px 5px}.preview-shell{aspect-ratio:4/3}}@media(max-width:650px){.topbar{height:72px}.legacy-link{font-size:10px;max-width:90px;text-align:right}.prototype-tag{font-size:8px;margin-left:12px;padding:5px 7px}.intro{padding-top:35px;align-items:flex-start;flex-direction:column}.intro>.primary{margin-top:22px}h1{font-size:39px}.room-card{width:calc(50% - 16px);margin:0 8px 16px}.room-grid{margin:0 -8px}.miniature{height:130px;padding:14px}.mini-clock{font-size:34px;margin-top:20px}.card-details{padding:12px 3px 4px}.card-details strong{font-size:13px}.card-details small{font-size:9px}.workspace{flex-direction:column}.editor,.preview-column{width:100%;padding:0}.preview-column{position:static;margin-top:25px}.section-top h2{font-size:26px}.demo-note{padding:13px}.note-symbol{display:none}.demo-note p{font-size:11px}footer{flex-direction:column;line-height:2}.preview-shell{height:300px;aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}