@font-face{font-family:Manrope;src:url('/prototypes/refuge/assets/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{color-scheme:light;--ink:#354032;--muted:#737763;--paper:#f3eee3;--sage:#506047;--clay:#a56e54;--line:#65704b25;font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#e4ddce;color:var(--ink);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0}button,a{transition:background .2s,color .2s,box-shadow .3s,transform .3s}button:active{transform:scale(.975)}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #926e49;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none;pointer-events:none}.icons,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
#experience{position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;background:#ded7c8}.world{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene-art{position:absolute;inset:-2%;transform-origin:50% 65%;transform:scale(1);transition:transform 1800ms cubic-bezier(.2,.7,.2,1),filter 1000ms;will-change:transform}.room{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 66%}.light-veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#eee9ddba,transparent 54%),linear-gradient(180deg,#e5e6d75c,transparent 48%,#e5dfcd25);transition:background 1s,opacity 1s}.inside .scene-art{transform:translate3d(-6%,1%,0) scale(1.19)}.inside .light-veil{opacity:.62}
.topbar{position:absolute;left:5%;right:5%;top:env(safe-area-inset-top,0);height:88px;z-index:8;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:23px;font-weight:500;letter-spacing:-1.1px;display:flex;align-items:center;gap:10px}.brand-symbol{font:italic 36px Georgia,serif;line-height:1}.header-right{display:flex;align-items:center;gap:18px}.members{display:flex;align-items:center;background:none;min-height:44px;padding:0 3px}.members>span{width:30px;height:30px;border-radius:50%;background:#b88b72;color:#fff8ea;border:2px solid #e8e2d4;display:grid;place-items:center;font-size:10px;margin-left:-6px}.members>span:nth-child(2){background:#a3ad94;color:#303b2d}.members>span:nth-child(3){background:#c5bda8;color:#4b4b3c}.round-button{border:1px solid #48533c35;background:#f6f2e36b;width:38px;height:38px;border-radius:50%;font-size:23px;display:grid;place-items:center;color:#546048;position:relative;backdrop-filter:blur(10px)}.round-button svg{width:17px;height:17px}.round-button[aria-pressed=true]{background:#4b5543;color:#f5f0df}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#a9674c;top:8px;right:9px;border:1px solid #f6f2e3}.leave{position:absolute;z-index:9;left:5%;top:94px;background:#f3efe6b8;color:#515946;border:1px solid #65745430;padding:9px 15px;border-radius:30px;min-height:40px;font-size:11px;display:flex;gap:12px;align-items:center;backdrop-filter:blur(12px)}.leave span{font-size:18px}.leave:hover{background:#f7f1e5}
#landing{position:absolute;left:8%;top:19%;width:460px;opacity:1;transform:translateY(0);transition:opacity 450ms,transform 850ms cubic-bezier(.2,.7,.2,1)}.eyebrow{font-size:8px;font-weight:600;color:var(--muted);letter-spacing:.19em;margin:0 0 18px}#landing h1{font:400 clamp(65px,6.7vw,99px)/.98 Georgia,serif;letter-spacing:-.06em;margin:0;color:#343c30}em{font-weight:400}.landing-debt{margin-top:32px;border-top:1px solid #5d65472e;padding:18px 0 0;min-width:210px;display:flex;flex-direction:column;gap:5px;background:none;text-align:left}.landing-debt>span{font-size:11px;color:#586347}.landing-debt strong{font-size:37px;font-weight:450;letter-spacing:-1.8px;line-height:1.3}.landing-debt #debt-context{font-size:10px;letter-spacing:.02em}.landing-debt:hover strong{color:#9b664c}.landing-actions{position:absolute;left:8%;bottom:10%;width:340px;z-index:5;transition:opacity 400ms,transform 700ms}.main-action,.enter-action{width:100%;display:flex;align-items:center;gap:14px;min-height:69px;border-radius:22px;padding:16px 23px;text-align:left;font-size:12px}.main-action{background:#414e3c;color:#fff9ec;box-shadow:0 9px 35px #39402220;border:1px solid #58634b}.main-action:hover{background:#536049;box-shadow:0 12px 35px #39402230}.main-action small{display:block;font-size:9px;color:#e1e4d4;margin-top:5px}.main-action .action-arrow{font-size:22px;margin-left:auto}.enter-action{margin-top:10px;background:#f3eee4cf;color:#49553f;border:1px solid #59684c3b;min-height:55px;justify-content:space-between;border-radius:30px;backdrop-filter:blur(14px);font-size:11px}.enter-action>span:last-child{font-size:20px}.enter-action:hover{background:#faf5e9}.ambient-caption{position:absolute;bottom:9%;right:6%;font:italic 18px/1.5 Georgia,serif;color:#536047;opacity:.8;transition:opacity 600ms;pointer-events:none}
.inside #landing{opacity:0;transform:translateY(-20px);pointer-events:none}.inside .landing-actions{opacity:0;transform:translateY(24px);pointer-events:none}.inside .ambient-caption,.travelling .ambient-caption{opacity:0}.travelling:not(.inside) #landing,.travelling:not(.inside) .landing-actions{opacity:0;pointer-events:none}#interior{position:absolute;inset:0;pointer-events:none}.interior-heading{position:absolute;left:8%;top:24%;opacity:0;transform:translateY(22px);transition:opacity 600ms,transform 850ms}.interior-heading h2{font:400 clamp(45px,4.8vw,70px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:15px 0 0;color:#3f4936}.interior-note{font-size:12px;color:#61694e;margin:22px 0}.room-path{display:flex;align-items:center;gap:10px;font-size:8px;color:#747b65;margin-top:44px;letter-spacing:.04em}.room-path i{width:24px;height:1px;background:#75806077}.room-path b{font-weight:500}.interior-panel{position:absolute;right:5%;top:14%;bottom:7%;width:490px;display:flex;flex-direction:column;border:1px solid #fffaf3aa;border-radius:29px;background:linear-gradient(125deg,#f6f3eaf5,#f0ecdfed);box-shadow:0 30px 100px #574f3122,inset 0 1px 0 #fff9;backdrop-filter:blur(24px);opacity:0;transform:translate3d(0,32px,0);transition:opacity 550ms,transform 900ms cubic-bezier(.2,.7,.2,1);pointer-events:none;overflow:hidden}.arrived .interior-heading,.arrived .interior-panel{opacity:1;transform:translateY(0)}.arrived .interior-panel{transition-delay:80ms}.inside #interior:not([inert]) .interior-panel{pointer-events:auto}
.panel-tabs{display:flex;margin:12px 12px 0;gap:3px;border-bottom:1px solid var(--line);padding:0 0 10px;flex:none}.panel-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;flex:1;min-width:0;min-height:57px;background:transparent;color:#788168;border-radius:17px;position:relative}.panel-tabs button.selected{background:#dce1cf;color:#435337;box-shadow:inset 0 1px 0 #fff8}.panel-tabs button:hover{background:#e4e4d5}.panel-tabs svg{width:18px;height:18px}.pane{flex:1;min-height:0;padding:22px 26px 18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aeb69a77 transparent;outline:none}.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.pane-heading h2{font:400 28px/1.1 Georgia,serif;letter-spacing:-.7px;margin:0;display:flex;align-items:center;gap:10px}.count{font:500 9px Manrope,sans-serif;letter-spacing:0;border:1px solid #74826433;border-radius:50%;height:21px;min-width:21px;display:grid;place-items:center}.text-button{font-size:10px;color:var(--sage);padding:8px 0;min-height:35px;background:none}.text-button:hover{color:var(--clay)}.muted{font-size:11px;color:#737b64;line-height:1.7}.section-label{font-size:8px;letter-spacing:.13em;font-weight:600;margin:24px 0 8px;color:#7c806b}.summary-card{padding:17px 18px;background:#e3e5d7;border:1px solid #fff8;border-radius:19px;margin-bottom:14px}.summary-card>small{display:block;font-size:9px;color:#697557}.summary-card>strong{display:block;font-size:30px;font-weight:450;letter-spacing:-1.2px;margin:4px 0}.summary-card p{font-size:10px;color:#687252;margin:6px 0 0}.summary-card .summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{font-size:8px;padding:6px 9px;border-radius:20px;background:#f7f5e8;color:#63744f;display:inline-block;white-space:nowrap}.quick-actions{display:flex;gap:6px;margin:13px 0}.quick-actions button{flex:1;min-width:0;font-size:9px;line-height:1.5;min-height:40px;border:1px solid var(--line);background:#f9f6ed55;border-radius:12px;padding:7px 5px}.quick-actions button:hover{background:#e0e4d3}.search-field{display:flex;align-items:center;gap:9px;padding:0 12px;background:#6e795510;border:1px solid #6b795c0d;border-radius:12px;margin:12px 0 5px;height:37px;flex-shrink:0}.search-field svg{width:15px;height:15px;color:#818c71}.search-field input{font-size:11px;background:none;border:0;outline:none;min-width:0;width:100%;height:100%;color:var(--ink)}.search-field input:focus-visible{outline:none}.search-field:focus-within{outline:2px solid #8a9672;outline-offset:2px}.search-field input::placeholder{color:#7b8768}.account-row{width:100%;display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:15px 0;text-align:left;min-height:76px}.account-row:hover{background:#fff8}.account-mark{width:42px;height:44px;border-radius:15px;background:#dfcbbb;color:#947159;display:grid;place-items:center;flex:none}.tone-1{background:#dbe1cd;color:#7b8e5c}.tone-2{background:#e1d7be;color:#94845c}.tone-3{background:#e4cdbf;color:#a17a62}.tone-4{background:#d3ddcf;color:#728569}.account-mark svg{width:20px;height:20px}.account-copy{min-width:0;flex:1}.account-copy strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.account-copy small{font-size:9px;color:#7b866b;display:block;margin-top:5px}.account-balance{white-space:nowrap;font-size:12px;font-weight:500}.account-balance.settled{font-size:9px;color:#78836a}.row-arrow{width:13px;height:13px;color:#9ba285}.list-summary{font-size:8px;color:#889077;text-align:center;margin:16px 0 0}.empty{text-align:center;padding:25px 6px}.empty h3{font:400 24px Georgia,serif;margin:12px 0}.empty p{font-size:11px;line-height:1.7;color:var(--muted)}.empty-mark{font:italic 42px Georgia,serif;color:#b09b7a}
.panel-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 25px;gap:14px;flex:none;background:#eeeaddaa}.footer-balance{text-align:left;padding:0;background:none}.footer-balance small{display:block;font-size:7px;letter-spacing:.13em;color:#7a826a}.footer-balance strong{font-size:17px;letter-spacing:-.6px;font-weight:500;display:block;margin-top:3px}.small-add{min-height:39px;border-radius:14px;background:var(--sage);color:#fff7e6;display:flex;align-items:center;gap:9px;font-size:10px;padding:10px 17px}.small-add svg{width:16px;height:16px}.small-add:hover{background:#657451}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:7px}.calendar-toolbar h3{font-size:12px;font-weight:500;margin:0;text-transform:capitalize}.calendar-toolbar button{background:none;min-width:36px;min-height:36px;font-size:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:16px}.calendar-grid small{text-align:center;font-size:8px;color:#91967e;padding:6px 0}.calendar-grid button,.calendar-grid .blank{height:34px;background:none;border-radius:11px;font-size:10px;position:relative}.calendar-grid button.has-event:after{content:'';width:3px;height:3px;background:#ac795b;border-radius:50%;position:absolute;bottom:4px;left:calc(50% - 1.5px)}.calendar-grid button.today{box-shadow:inset 0 0 0 1px #80936966}.calendar-grid button.selected{background:#566648;color:#fff8e9}.calendar-grid button:hover{background:#dee4d1;color:#465439}.filter-row{display:flex;gap:5px;margin:10px 0 15px;flex-wrap:wrap}.filter-row button{font-size:8px;border-radius:20px;padding:7px 10px;background:transparent;border:1px solid var(--line);min-height:30px}.filter-row button.selected{background:#dce1cd;color:#475a36}.event{display:flex;align-items:center;gap:13px;width:100%;background:none;border-bottom:1px solid var(--line);padding:14px 0;text-align:left}.event>span:nth-child(2){flex:1;min-width:0}.event strong{font-size:12px;font-weight:500;display:block}.event small{font-size:9px;color:#7c866a;display:block;margin-top:5px}.event-date{height:47px;width:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e2cdb9;border-radius:15px;font-size:19px;font-family:Georgia,serif;flex:none}.event-date small{font:600 6px Manrope,sans-serif;margin-top:2px;letter-spacing:.1em}.event-date.sage{background:#dce2ce}.pane-note{font:italic 15px/1.5 Georgia,serif;color:#82896e;margin:23px 0 4px}
.feature-card{width:100%;background:#ebe2d2;border-radius:20px;padding:20px;text-align:left;margin-bottom:11px;display:block;border:1px solid #fff8}.feature-card.sage{background:#e0e5d4}.feature-card.clay{background:#ead8cc}.feature-card .feature-top{display:flex;justify-content:space-between;align-items:center;font-size:17px}.feature-card h3{font:400 25px/1.1 Georgia,serif;letter-spacing:-.6px;margin:13px 0 8px}.feature-card p{font-size:10px;line-height:1.7;color:#70765e;margin:0}.feature-card:hover{box-shadow:0 7px 22px #5d634312;transform:translateY(-2px)}.feature-card small{display:block;font-size:8px;color:#7c836a;letter-spacing:.06em;margin-top:15px}.member-line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.member-line i{font-style:normal;display:grid;place-items:center;background:#d6c5ad;width:32px;height:32px;border-radius:50%}.member-line:nth-child(2) i{background:#ccd7bb}.member-line small{color:#7c8568;margin-left:auto;font-size:9px}.menu-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;min-height:47px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;background:none;padding:12px 0}.menu-row small{display:block;font-size:9px;color:#818970;margin-top:4px}.menu-row>span:last-child{font-size:16px;color:#8d957c}.menu-row:hover{color:#a16c4e}.progress-steps{display:flex;gap:5px;margin:20px 0}.progress-steps span{height:3px;background:#dfe2d2;flex:1;border-radius:3px}.progress-steps .done{background:#829468}.progress-caption{font-size:8px;letter-spacing:.08em;color:#838b72}.proposal{border:1px solid var(--line);border-radius:17px;padding:16px;margin:10px 0;background:#faf7ec77}.proposal h3{font:400 22px Georgia,serif;margin:0 0 8px}.proposal p{font-size:10px;color:#758065;line-height:1.6}.proposal button{margin-top:10px}.check-line{display:flex;align-items:center;gap:9px;font-size:11px;padding:13px 0;border-bottom:1px solid var(--line)}.check-line svg{color:#859d6a;width:17px;height:17px}
.demo-bar{display:flex;align-items:center;justify-content:center;gap:14px;font-size:8px;background:#d8d4c6;color:#6b735b;flex:none;min-height:32px;padding-bottom:env(safe-area-inset-bottom);letter-spacing:.05em}.demo-bar>span{font-size:7px}.demo-bar select{border:0;border-bottom:1px solid #6d7b4f40;background:transparent;color:#525e41;padding:4px 12px 4px 5px;font-size:9px;min-height:28px;cursor:pointer}.demo-bar button{font-size:17px;background:none;min-width:28px;min-height:28px}
dialog{color-scheme:light;color:var(--ink);background:var(--paper);border:1px solid #fff7ee;border-radius:29px;box-shadow:0 30px 130px #302e2266;width:min(500px,calc(100% - 30px));max-height:calc(100dvh - 40px);padding:25px;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#3b402e66;backdrop-filter:blur(13px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;min-height:38px}.dialog-top .eyebrow{margin:0;font-size:7px;flex:1}.close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #75826044;background:none;border-radius:50%;flex:none}.close svg{width:17px;height:17px}.sheet-back{font-size:10px;padding:8px 0;background:none;white-space:nowrap}.sheet-back+.eyebrow{text-align:center}dialog h2{font:400 35px/1.1 Georgia,serif;letter-spacing:-1.1px;margin:0 0 17px;overflow-wrap:anywhere}dialog h3{font-size:12px;font-weight:600;margin:23px 0 12px}.prototype-note{font-size:8px;line-height:1.7;color:#8a907a;text-align:center;margin:22px 0 0}.solid{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--sage);color:#fff9ec;border:1px solid var(--sage);border-radius:15px;min-height:47px;padding:12px 18px;font-size:11px}.solid:hover{background:#657751}.solid.wide{width:100%;margin-top:18px}.secondary{background:transparent;color:#5c6f45;border:1px solid #80946b4a;border-radius:13px;min-height:40px;padding:10px 14px;font-size:10px}.secondary:hover{background:#e2e8d4}.danger{color:#a4664c}.detail-amount{font-size:44px;letter-spacing:-1.8px;font-weight:450;line-height:1.2;margin:8px 0}.detail-symbol{margin-bottom:14px}.split{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:20px 0;display:flex;flex-direction:column;gap:7px;font-size:10px}.split strong{font-weight:500}.operation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;text-align:left;background:none;width:100%}.operation>span{min-width:0;overflow-wrap:anywhere}.operation small{display:block;font-size:9px;color:#859071;margin-top:5px}.operation b{font-weight:500;white-space:nowrap}.operation:hover{color:#9e7155}.choices{display:flex;flex-direction:column;gap:9px;margin-top:20px}.choices>button{display:flex;align-items:center;gap:13px;min-height:76px;width:100%;text-align:left;background:#ebe4d5;border:1px solid #fff8;border-radius:19px;padding:13px}.choices>button>span:nth-child(2){flex:1}.choices strong{font-size:12px;font-weight:500;display:block}.choices small{display:block;font-size:9px;color:#7d876b;margin-top:6px;line-height:1.5}.choice-icon{width:43px;height:46px;display:grid;place-items:center;border-radius:15px;background:#dfcbb8;color:#987257;flex:none}.choice-icon.sage{background:#d9e0c8;color:#788f5e}.choice-icon.sand{background:#e3d9bd;color:#968359}.choice-icon svg{width:22px;height:22px}.choices>button:hover{background:#e3e4d2}dialog label{display:block;font-size:10px;color:#637050;margin:17px 0 7px}dialog input:not([type=file]):not([type=checkbox]),dialog select,dialog textarea{width:100%;min-height:45px;border-radius:11px;border:1px solid #86916d40;background:#faf7ee99;color:#394532;font-size:14px;padding:11px 12px}dialog textarea{resize:vertical;min-height:92px;line-height:1.6}dialog input[type=checkbox]{accent-color:var(--sage);width:17px;height:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:9px;line-height:1.7}.checkbox-label input{flex:none;margin:2px 0}.form-hint{font-size:9px;color:#879171;line-height:1.6;margin:7px 0}.source-tabs{display:flex;border:1px solid #84946b33;padding:4px;border-radius:14px;margin-bottom:16px;gap:4px}.source-tabs button{flex:1;min-height:38px;background:none;border-radius:10px;font-size:10px}.source-tabs button[aria-pressed=true]{background:var(--sage);color:#fff4e2}.file-picker{min-height:119px;width:100%;border:1px dashed #899a6c88;border-radius:18px;background:#e4e3d3;color:#6d8051;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:17px}.file-picker strong{font-size:12px;font-weight:500}.file-picker span{font-size:9px;overflow-wrap:anywhere;max-width:100%}.receipt-preview{width:100%;max-height:160px;object-fit:contain;border-radius:12px;margin-top:12px}.receipt-item{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:12px 0;border-bottom:1px dashed var(--line)}.code{font-size:23px;letter-spacing:.16em;padding:20px;background:#e7e5d7;text-align:center;border-radius:16px;overflow-wrap:anywhere}.success-mark{width:55px;height:55px;background:#dce5cd;color:#728b53;border-radius:50%;display:grid;place-items:center;margin:4px 0 20px}.success-mark svg{width:26px;height:26px}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.button-row>*{flex:1}.notice{border-left:2px solid #a9b390;padding:3px 0 3px 12px;font-size:10px;line-height:1.7;color:#7a8269;margin:17px 0}.link{font-size:11px;color:#5c7145;text-underline-offset:4px}.language-list{display:flex;gap:8px}.language-list span{padding:10px 13px;font-size:10px;border:1px solid var(--line);border-radius:11px}.language-list span:first-child{background:#dce3ce}
#toast{position:fixed;z-index:20;left:50%;bottom:55px;transform:translate(-50%,14px);border:1px solid #d4d7be;background:#f4f1e5;color:#4c603e;padding:14px 21px;border-radius:17px;font-size:11px;line-height:1.5;text-align:center;box-shadow:0 5px 30px #39422222;max-width:calc(100% - 30px);width:max-content;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s,transform .4s,visibility .4s}#toast.visible{visibility:visible;opacity:1;transform:translate(-50%,0)}
/* Interface transitions; ambient motion comes from the video file. */
.pane.entering{animation:pane-in .55s cubic-bezier(.2,.7,.2,1) both}.pane.leaving{animation:pane-out .15s ease both;pointer-events:none}.pane.backward{--travel:-1}#sheet-content.entering{animation:sheet-in .4s cubic-bezier(.2,.7,.2,1) both}dialog[open]{animation:dialog-in .45s cubic-bezier(.2,.7,.2,1) both}dialog[open]::backdrop{animation:backdrop-in .4s ease both}dialog.closing{animation:dialog-out .18s ease both}dialog.closing::backdrop{animation:backdrop-out .18s ease both}.pane.entering .account-row,.pane.entering .feature-card{animation:row-in .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(min(var(--i,0),6)*35ms)}
@keyframes pane-in{from{opacity:0;transform:translate3d(calc(var(--travel,1)*18px),10px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes pane-out{to{opacity:0;transform:translateY(-6px)}}@keyframes sheet-in{from{opacity:0;transform:translate3d(12px,6px,0)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}@keyframes row-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.interior-panel{right:8%;width:530px;top:15%;bottom:10%}.landing-actions{bottom:13%;width:370px}#landing{top:22%}.pane{padding:25px 30px}.account-row{min-height:84px}}
@media(max-width:1080px) and (min-width:761px){.interior-panel{width:440px;right:4%;top:18%;bottom:6%}.interior-heading{left:5%;top:24%}.interior-heading h2{font-size:47px}.interior-note{max-width:230px;font-size:11px}.landing-actions{left:6%}#landing{left:6%}.room-path{font-size:7px}.header-right{gap:12px}}
@media(max-width:760px){.topbar{height:70px;left:22px;right:22px}.brand{font-size:19px}.brand-symbol{font-size:28px}.header-right{gap:10px}.round-button{width:32px;height:32px;font-size:21px}.round-button svg{width:15px;height:15px}.members>span{width:25px;height:25px;font-size:8px}.notification-dot{top:6px;right:6px}.scene-art{inset:-1%}.room{object-position:50% 68%}.light-veil{background:linear-gradient(180deg,#eeede1aa,transparent 50%,transparent 64%,#e5dfcfd9 90%,#e5dfcf)}#landing{left:0;right:0;width:auto;text-align:center;top:12.5%;padding:0 22px}#landing .eyebrow{font-size:7px;margin-bottom:14px}#landing h1{font-size:55px;line-height:1.01;letter-spacing:-2.8px}.landing-debt{margin:22px auto 0;padding-top:13px;min-width:150px;gap:4px;text-align:center;align-items:center}.landing-debt>span{font-size:9px}.landing-debt strong{font-size:29px;letter-spacing:-1.2px}.landing-debt #debt-context{font-size:8px}.landing-actions{left:23px;right:23px;bottom:30px;width:auto}.main-action{min-height:65px;border-radius:21px;padding:13px 20px;font-size:12px}.main-action small{font-size:9px}.main-action>svg{width:19px;height:19px}.enter-action{min-height:51px;margin-top:10px;font-size:11px}.ambient-caption{display:none}.inside .scene-art{transform:translate3d(0,-11%,0) scale(1.16)}.inside .light-veil{opacity:.65}.leave{left:22px;top:77px;font-size:9px;min-height:33px;padding:6px 12px;gap:8px}.leave span{font-size:15px}.interior-heading{top:19%;left:23px;right:23px;text-align:left}.interior-heading h2{font-size:35px;line-height:1.04;letter-spacing:-1.6px;margin-top:8px}.interior-heading h2 br{display:none}.interior-heading .eyebrow{font-size:6px;letter-spacing:.16em;margin:0}.interior-note{font-size:10px;margin:10px 0 0}.room-path{display:none}.interior-panel{left:12px;right:12px;width:auto;top:37%;bottom:14px;border-radius:25px;box-shadow:0 12px 50px #5e613c1c;backdrop-filter:blur(16px);background:linear-gradient(130deg,#f6f3eaf7,#f0ecdfed)}.panel-tabs{margin:9px 8px 0;padding-bottom:7px;gap:1px}.panel-tabs button{font-size:8px;min-height:49px;gap:5px;border-radius:14px}.panel-tabs svg{height:16px;width:16px}.pane{padding:17px 18px 16px}.pane-heading{margin-bottom:14px}.pane-heading h2{font-size:24px}.text-button{font-size:9px}.summary-card{padding:13px 15px;border-radius:16px}.summary-card>strong{font-size:25px}.quick-actions{gap:5px}.quick-actions button{font-size:8px;min-height:37px}.account-row{min-height:67px;padding:12px 0;gap:10px}.account-mark{width:35px;height:38px;border-radius:13px}.account-mark svg{width:18px;height:18px}.account-copy strong{font-size:11px}.account-copy small{font-size:8px}.account-balance{font-size:11px}.account-balance.settled{font-size:8px}.row-arrow{width:11px;height:11px}.panel-footer{padding:10px 18px}.footer-balance strong{font-size:15px}.footer-balance small{font-size:6px}.small-add{min-height:35px;padding:8px 14px;font-size:9px}.feature-card{padding:17px;margin-bottom:10px}.feature-card h3{font-size:23px}.feature-card p{font-size:9px}.feature-card small{font-size:7px}.calendar-grid button,.calendar-grid .blank{height:31px}.event strong{font-size:11px}.event small{font-size:8px}.demo-bar{min-height:30px;gap:10px}.demo-bar>span{font-size:6px}.demo-bar select{font-size:8px}.demo-bar button{font-size:16px}dialog{padding:21px;border-radius:26px;width:calc(100% - 24px);max-height:calc(100dvh - 28px)}dialog h2{font-size:30px}.detail-amount{font-size:38px}.choices strong{font-size:11px}.choices small{font-size:8px}.prototype-note{font-size:7px}.solid{font-size:10px}.pane-note{font-size:14px}.form-grid{gap:10px}#toast{bottom:45px;font-size:10px}.scene-art{transition-duration:1500ms}}
@media(max-width:360px){.brand{font-size:17px}.header-right{gap:7px}.members>span{width:23px;height:23px}#landing h1{font-size:48px}.topbar{left:18px;right:18px}.landing-actions{left:18px;right:18px}.pane{padding:14px}.panel-tabs button{font-size:7px}.interior-heading h2{font-size:30px}.summary-card .summary-line{gap:5px}.summary-card p{font-size:9px}.quick-actions button{font-size:7px}.account-copy strong{font-size:10px}.account-row{gap:8px}}
@media(max-height:700px) and (max-width:760px){.topbar{height:56px}.leave{top:61px;min-height:29px}#landing{top:12%}#landing .eyebrow{font-size:6px;margin-bottom:10px}#landing h1{font-size:45px}.landing-debt{margin-top:15px;padding-top:10px;gap:2px}.landing-debt strong{font-size:25px}.landing-debt>span{font-size:8px}.landing-actions{bottom:18px}.main-action{min-height:55px;padding:11px 17px}.enter-action{min-height:43px;margin-top:8px}.interior-heading{top:21%;left:20px}.interior-heading h2{font-size:29px}.interior-note{font-size:9px;margin-top:7px}.interior-panel{top:39%;bottom:9px}.panel-tabs{margin-top:6px;padding-bottom:5px}.panel-tabs button{min-height:42px;font-size:7px;gap:3px}.panel-tabs svg{height:14px;width:14px}.pane{padding:14px 16px}.panel-footer{padding:8px 16px}.small-add{min-height:32px}.footer-balance strong{font-size:13px}.demo-bar{min-height:27px}.demo-bar>span{font-size:5px}.demo-bar select{font-size:7px;min-height:24px}.summary-card{padding:12px}.summary-card>strong{font-size:23px}}
@media(max-height:480px) and (min-width:600px){.topbar{height:56px}.leave{top:64px}.interior-heading{top:35%;left:5%;width:30%}.interior-heading h2{font-size:37px}.interior-heading h2 br{display:block}.interior-note{font-size:9px}.interior-panel{top:17%;bottom:4%;left:auto;right:4%;width:48%}#landing{top:24%;left:5%;width:40%;text-align:left}#landing h1{font-size:44px}.landing-debt{margin:14px 0 0;text-align:left;align-items:start}.landing-actions{left:auto;right:5%;width:42%;bottom:17%}.panel-tabs button{min-height:40px;font-size:7px}.panel-tabs svg{width:14px;height:14px}.room-path{display:none}.inside .scene-art{transform:translate(-5%,0) scale(1.14)}}
.still *,.still *::before,.still *::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important}.still .scene-art,.still.inside .scene-art,.still.inside #experience[data-zone] .scene-art{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important}.scene-art,.inside .scene-art,.inside #experience[data-zone] .scene-art{transform:none!important;will-change:auto}}
@media(max-width:760px){.monthly-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:13px 15px}.monthly-summary>small{font-size:7px}.monthly-summary>strong{font-size:23px;grid-row:1/3;grid-column:2;margin:0}.monthly-summary .summary-line{display:block}.monthly-summary .summary-line p{display:none}.monthly-summary .pill{font-size:8px;padding:0;background:none}.interior-heading .eyebrow{color:#5b654b}.interior-note{color:#4b593c}.pane-heading h2{font-size:23px}}
@media(max-height:700px) and (max-width:760px){.interior-panel{top:35%}.interior-heading{top:20%}.interior-note{margin-top:6px}.monthly-summary{margin-bottom:10px;padding:11px 13px}.monthly-summary>strong{font-size:22px}.quick-actions{margin:10px 0}.pane-heading{margin-bottom:12px}}
.interior-heading h2 em{display:block}
@media(max-width:760px){.interior-heading h2 em{display:inline}}
/* The room remains one photographic place; native video supplies its ambient motion. */
.scene-art{inset:-4%;transform:scale(1.01);transform-origin:50% 63%;transition:transform 2400ms cubic-bezier(.22,.7,.12,1),filter 850ms;will-change:transform}
.scene-parallax{position:absolute;inset:0;transform:none}
.ambient-video{opacity:0;transition:opacity 1300ms ease;pointer-events:none}.video-running .ambient-video{opacity:1}
.threshold{position:absolute;inset:-1%;z-index:1;pointer-events:none;transform:scale(1);transform-origin:50% 53%;opacity:.86;transition:transform 2300ms cubic-bezier(.33,.02,.12,1),opacity 1700ms ease}
.threshold>svg{display:block;width:100%;height:100%;stroke:none}
.inside .threshold{transform:scale(2.5);opacity:0;transition:transform 2300ms cubic-bezier(.33,.02,.12,1),opacity 1800ms ease 250ms}
#landing{z-index:2}.landing-actions{z-index:4}
.inside .scene-art{transform:translate3d(-4%,1%,0) scale(1.28)}




.room-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 32% 50%,#f8dfb012,transparent 65%);opacity:0;transition:opacity 1800ms,background 1800ms}
.inside .room-atmosphere{opacity:1}.inside #experience[data-zone=calendar] .room-atmosphere{background:radial-gradient(ellipse at 30% 20%,#e9efd620,transparent 75%)}
.inside #experience[data-zone=ideas] .room-atmosphere{background:radial-gradient(ellipse at 38% 45%,#d5e6b81c,transparent 72%)}
.inside #experience[data-zone=weekend] .room-atmosphere{background:radial-gradient(ellipse at 40% 40%,#f8dfb529,transparent 72%)}
.inside #experience[data-zone=household] .room-atmosphere{background:radial-gradient(ellipse at 30% 50%,#e7bca316,transparent 72%)}
.entry-whisper{position:absolute;left:0;right:0;top:44%;z-index:3;text-align:center;font:italic 20px Georgia,serif;color:#faf2dd;text-shadow:0 1px 18px #51462c80;pointer-events:none;opacity:0;margin:0;letter-spacing:.01em}
.travelling.inside .entry-whisper{animation:enter-whisper 1650ms ease both}
@keyframes enter-whisper{0%,15%{opacity:0;transform:translateY(16px)}40%,62%{opacity:.95;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
.inside .interior-heading,.inside .interior-panel{opacity:0;transform:translateY(34px)}.arrived .interior-heading{opacity:1;transform:translateY(0);transition:opacity 700ms,transform 1000ms cubic-bezier(.16,1,.3,1)}
.arrived .interior-panel{opacity:1;transform:translateY(0);transition:opacity 850ms,transform 1150ms cubic-bezier(.16,1,.3,1);transition-delay:130ms}
.panel-tabs{position:relative;isolation:isolate}.panel-tabs>button{z-index:1}.panel-tabs button.selected{background:transparent;box-shadow:none}.panel-tabs button:hover{background:#e4e8d15c}
.tab-current{position:absolute;left:0;top:0;height:calc(100% - 10px);z-index:-1;border-radius:17px;background:#dce1cf;box-shadow:inset 0 1px 0 #fff8;pointer-events:none;transition:transform 650ms cubic-bezier(.16,1,.3,1),width 550ms cubic-bezier(.16,1,.3,1)}
dialog[open]{animation:none}#sheet-content.entering{animation:none}.sheet-open .scene-parallax{transition-duration:1700ms}.pane.entering{animation:pane-depth-in 650ms cubic-bezier(.16,1,.3,1) both}.pane.leaving{animation:pane-depth-out 160ms ease both}
@keyframes pane-depth-in{from{opacity:0;transform:translate3d(calc(var(--travel,1)*26px),16px,0) scale(.975)}to{opacity:1;transform:none}}
@keyframes pane-depth-out{to{opacity:0;transform:translate3d(calc(var(--travel,1)*-8px),-8px,0) scale(.99)}}
.expense-flight{position:fixed;z-index:100;pointer-events:none;width:180px;min-height:72px;padding:14px 18px;border-radius:22px;background:#f2f1df;border:1px solid #fff9;box-shadow:0 16px 50px #48523835;color:#4c603d;transform-origin:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.expense-flight small{max-width:145px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-flight strong{font-size:24px;font-weight:500;letter-spacing:-1px}
@media(max-width:760px){.scene-art{inset:-5%;transform:scale(1.01);transform-origin:50% 64%}.inside .scene-art{transform:translate3d(0,-7%,0) scale(1.24)}.threshold{inset:-1% -4%;opacity:.68;transform-origin:50% 55%}.inside .threshold{transform:scale(3.4)}.entry-whisper{font-size:17px;top:43%}.tab-current{height:calc(100% - 7px);border-radius:14px}.room-atmosphere{display:none}}
@media(max-height:700px) and (max-width:760px){.tab-current{height:calc(100% - 5px)}}
.still .threshold{opacity:0!important}.still .scene-parallax{transform:none!important}.still .entry-whisper{display:none}.still .ambient-video{opacity:0!important}
@media(prefers-reduced-motion:reduce){.threshold,.entry-whisper{display:none}.scene-parallax{transform:none!important}.ambient-video{opacity:0!important}}
/* Keep the photographic stage fixed when browsers restore focus from a dialog. */
#experience{overflow:clip}