:root{color-scheme:light;--ink:#0652a6;--ink-muted:#426da3;--brand:#087cb7;--brand-dark:#0752a1;--brand-soft:#d4eeff;--warm:#06263f;--surface:#f4faff;--surface-alt:#e5f2f8cc;--line:#88bfe7;--danger:#a5443d;--content-width:92.8rem;--page-pad-x:clamp(1.5rem,4.6875vw,4.8rem);--page-pad-y:clamp(1rem,2.5svh,2rem);--radius-card:1.5rem;--navigation-height:clamp(3.25rem,6.75svh,5rem);--choice-height:clamp(44px,3.4vw,3.25rem)}*{box-sizing:border-box}html{font-size:clamp(16px,min(.9765625vw,1.5625svh),20px)}body,html{background:var(--warm);height:100%;margin:0;width:100%}body{color:var(--ink);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}textarea{resize:none}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.experience{background:var(--warm);height:100svh;min-height:100%}.device,.experience{isolation:isolate;overflow:clip;position:relative;width:100%}.device{--u:min(.0630517024vw,.1008064516svh);height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ocean{-o-object-fit:cover;object-fit:cover}.ocean,.ocean-water{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.ocean-water{opacity:0;z-index:0}.ocean-water.ready{opacity:1}.screen{inset:0;overflow:clip;pointer-events:none;position:absolute;visibility:hidden;z-index:0}.screen.on{pointer-events:auto;visibility:visible;z-index:1}.page{display:flex;flex-direction:column;gap:clamp(.75rem,1.8vh,1.375rem);height:100%;padding:var(--page-pad-y) var(--page-pad-x) max(var(--page-pad-y),env(safe-area-inset-bottom))}.page,.page-content{position:relative;width:100%}.page-content{flex:1 1 auto;margin:0 auto;max-width:var(--content-width);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;scrollbar-width:thin;z-index:1}.organization-logo{height:calc(var(--u)*72);-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;pointer-events:none;position:absolute;right:calc(var(--u)*36);top:calc(var(--u)*26);width:calc(var(--u)*393);z-index:3}.brand-fund,.brand-game,.brand-x,.organization-logo{visibility:hidden}.hero{inset:0;pointer-events:none;position:absolute}.hero-art,.seat-art{-o-object-fit:contain;object-fit:contain;position:absolute}.hero-art{animation:shiyin-float 6s ease-in-out infinite}.screen:not(.on) .charge-ring,.screen:not(.on) .hero-art,.screen:not(.on) .progress-fill{animation-play-state:paused}@keyframes shiyin-float{50%{transform:translateY(-.6rem)}}.hero-right .seat-art{bottom:-8%;height:95%;right:-6%;width:42%}.hero-right .hero-art{bottom:-8%;height:90%;right:-2%;width:38%}.topbar{flex:0 0 auto;gap:1.25rem;justify-content:space-between;margin:0 auto;max-width:var(--content-width);min-height:3.25rem;position:relative;width:100%;z-index:2}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:1rem;min-width:0}.brand-lockup{display:flex}.brand-lockup img{display:block;height:3.25rem;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:clamp(120px,15.76vw,320px)}.topbar-progress{color:#f3fbff;flex:none;font-size:.9375rem;font-weight:700;margin-right:min(26vw,27rem);text-shadow:0 2px 5px #145a96}.button{align-items:center;border:1.5px solid transparent;border-radius:1rem;display:inline-flex;font-size:1.125rem;font-weight:750;gap:.625rem;justify-content:center;line-height:1.2;min-height:3.75rem;padding:.75rem 1.5rem;text-align:center;touch-action:manipulation}.button-primary,.button-secondary{background:var(--button-art) center /100% 100% no-repeat;color:var(--ink)}.button-quiet{background:transparent;border-color:transparent;color:var(--ink-muted);min-height:3rem;padding:.5rem .75rem}.button-hold{min-height:3.25rem;width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.button:focus-visible,.card-check:has(input:focus-visible),.reflection-mode-button:focus-visible,.text-button:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}.reflection-choice:has(input:focus-visible){outline:3px solid #d7f8ff;outline-offset:-3px}.button.art-button{aspect-ratio:var(--art-ratio);background:none;border:0;border-radius:0;max-width:100%;padding:0;position:relative;width:clamp(11rem,22vw,25rem)}.back-button.art-button{min-height:44px;width:clamp(100px,8.65vw,180px)}.art-button img{display:block;height:100%;inset:0;-o-object-fit:contain;object-fit:contain;pointer-events:none;position:absolute;width:100%}.art-button .button-active{visibility:hidden}.art-button.is-holding .button-active,.art-button:not(:disabled):active .button-active{visibility:visible}.art-button.is-holding .button-idle,.art-button:not(:disabled):active:has(.button-active) .button-idle{visibility:hidden}.art-button:active{transform:scale(.98)}.eyebrow{color:#d5f4ff;font-size:.9375rem;font-weight:800;letter-spacing:.12em;margin:0 0 .75rem}h1,h2,p{overflow-wrap:anywhere}.p-welcome:before{background:linear-gradient(100deg,#d9f9ff55,transparent 44%,#03458255 65%,#032b68aa);content:"";inset:0;pointer-events:none;position:absolute}.welcome-brand{gap:calc(var(--u)*12);height:calc(var(--u)*94);justify-content:flex-start;left:calc(var(--u)*36);position:absolute;top:calc(var(--u)*26);width:calc(var(--u)*510)}.p-welcome .organization-logo{top:calc(var(--u)*37)}.brand-game{flex:none;height:calc(var(--u)*94);-o-object-fit:contain;object-fit:contain;width:calc(var(--u)*116)}.brand-x{color:#07538c;font-size:calc(var(--u)*34)}.brand-fund{flex:none;height:calc(var(--u)*72);overflow:hidden;position:relative;width:calc(var(--u)*340)}.brand-fund img{height:auto;left:calc(var(--u)*-340*80/1890);position:absolute;top:calc(var(--u)*-340*182/1890);width:calc(var(--u)*340*2059/1890)}.welcome-layout{inset:0;max-width:none;overflow:hidden;pointer-events:none;position:absolute;width:100%}.welcome-title{left:calc(var(--u)*837);margin:0;position:absolute;top:calc(var(--u)*194);width:calc(var(--u)*700)}.welcome-title img{display:block;height:auto;width:100%}.welcome-foot{color:#e6f7ff;font-size:calc(var(--u)*23);font-weight:700;left:calc(var(--u)*937);letter-spacing:calc(var(--u)*2);margin:0;position:absolute;text-align:center;top:calc(var(--u)*820);width:calc(var(--u)*500)}.welcome-foot:after{border-bottom:1px solid #b5e7f0;color:#c9edff;content:"◇";display:block;margin-top:.5rem}.welcome-foot img{display:block;height:auto;width:100%}.welcome-actions{align-items:center;display:flex;flex-direction:column;gap:calc(var(--u)*32);left:calc(var(--u)*917);position:absolute;top:calc(var(--u)*522);width:calc(var(--u)*539);z-index:2}.welcome-actions .art-button{flex:none;min-height:44px;width:100%}.welcome-actions .art-button:nth-child(2){width:84%}.p-welcome .seat-art{height:calc(var(--u)*950);left:calc(var(--u)*-30);top:calc(var(--u)*-10);width:calc(var(--u)*850)}.p-welcome .hero-art{height:calc(var(--u)*834);left:calc(var(--u)*72);top:calc(var(--u)*150);width:calc(var(--u)*700)}.screen-heading{color:#f3fbff;flex:0 0 auto;margin:0 auto clamp(1rem,2.8vh,1.75rem);max-width:65.625rem;text-align:center;text-shadow:0 2px 6px #0b76bb}.screen-heading h1{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.025em;line-height:1.2;margin:0}.screen-heading>p:last-child{color:#e6f7ff;font-size:1.0625rem;line-height:1.55;margin:.625rem 0 0}.form-content{display:flex;flex-direction:column;justify-content:safe center;padding:1.125rem 0 1.75rem}.profile-form{aspect-ratio:12/5;background:var(--profile-panel-art) center /contain no-repeat;display:flex;flex:none;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:0;padding:2rem 11%;width:100%}.p-name .form-content{gap:clamp(12px,2svh,24px);justify-content:center;margin-left:0;overflow:clip;padding-block:0;width:64%}.p-name .profile-form{padding-block:2.5rem 1.75rem}.p-name .screen-heading{margin:0;width:100%}.p-name .action-bar{justify-content:center;width:100%}.name-title img{display:block;height:clamp(3rem,12svh,7rem);margin:0 auto;-o-object-fit:contain;object-fit:contain;width:min(100%,36rem)}.profile-grid{display:grid;gap:1.375rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.p-name .profile-grid{row-gap:clamp(12px,2svh,1.375rem)}.form-field{color:var(--ink);display:flex;flex-direction:column;font-size:1.0625rem;font-weight:750;gap:.625rem;min-width:0}.form-field span{align-items:center;display:flex;gap:.5rem}.profile-label{display:block;height:clamp(24px,3.2svh,34px);max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.form-field input{background:#f9fcfe;border:1.5px solid var(--line);border-radius:.75rem;color:var(--ink);font-size:1.125rem;font-weight:500;min-height:4.25rem;min-width:0;outline:none;padding:0 1.125rem;width:100%}.p-name .form-field input{min-height:clamp(44px,6.5svh,4.25rem)}.p-name .form-field{font-size:1rem;gap:.375rem;line-height:1.25}.form-field input::-moz-placeholder,.reflection-other-input::-moz-placeholder,.voice-area textarea::-moz-placeholder,.write-area::-moz-placeholder{color:#7b909c;opacity:1}.form-field input::placeholder,.reflection-other-input::placeholder,.voice-area textarea::placeholder,.write-area::placeholder{color:#7b909c;opacity:1}.form-field input:focus,.reflection-input-area:focus-within,.reflection-other-input:focus{border-color:var(--brand);outline:3px solid #1e6f9226;outline-offset:1px}.profile-wide{grid-column:1/-1}.identity-hint{align-items:center;color:var(--ink-muted);display:flex;font-size:.9375rem;gap:.375rem;margin:1.375rem 0 0}.identity-hint img{display:block;height:clamp(18px,2.2svh,26px);max-width:78%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.p-name .identity-hint{font-size:.875rem;line-height:1.4;margin-top:.625rem}.identity-hint strong{color:var(--brand-dark)}.camera-hint,.charge-value,.empty-photo,.identity-hint strong,.step-progress,.toast{font-family:Kaiti SC,STKaiti,KaiTi,Songti SC,serif;font-weight:700}input::-moz-placeholder,textarea::-moz-placeholder{font-family:Kaiti SC,STKaiti,KaiTi,Songti SC,serif;font-weight:600}input::placeholder,textarea::placeholder{font-family:Kaiti SC,STKaiti,KaiTi,Songti SC,serif;font-weight:600}.action-bar{align-items:center;display:flex;flex:0 0 auto;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--content-width);min-height:4rem;position:relative;width:100%;z-index:2}.action-bar>.button{min-width:11.25rem}.action-bar>.button-secondary{width:clamp(8rem,14vw,16rem)}.dock-hint{color:#e6f7ff;font-size:.875rem;line-height:1.45;text-shadow:0 2px 5px #145a96}.charge-layout{align-items:center;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);padding:.25rem 0 .25rem 27%}.charge-card{background:var(--surface);background:none;border:1px solid var(--line);border:0;border-radius:var(--radius-card);color:#f3fbff;display:flex;flex-direction:column;gap:.625rem;justify-content:center;padding:0}.charge-title{margin:0}.charge-title img{display:block;height:24svh;-o-object-fit:contain;object-fit:contain;width:100%}.charge-ring{align-self:center;animation:shiyin-float 7s ease-in-out infinite;aspect-ratio:1;filter:brightness(calc(.65 + var(--charge-progress, 0)*.55)) drop-shadow(0 0 calc(var(--charge-progress, 0)*.75rem) #8ff4ff);flex:0 0 auto;height:26svh;max-width:100%;position:relative}.ring-art{display:block;height:100%;width:100%}.envelope-art,.ring-art{-o-object-fit:contain;object-fit:contain}.envelope-art{height:85%;left:7.5%;position:absolute;top:7.5%;width:85%}.charge-value{align-items:baseline;background:#f2fbffeb;border-radius:.75rem;color:#063b75;display:flex;gap:.125rem;justify-content:center;left:50%;padding:.25rem .5rem;position:absolute;text-shadow:0 1px 2px #fff;top:54%;transform:translate(-50%,-50%)}.charge-value strong{font-size:2rem;font-variant-numeric:tabular-nums;line-height:1}.charge-value>span{font-size:1.25rem;font-weight:750}.progress-track{background:#076db5aa;border:2px solid #e5ffff;border-radius:999px;box-shadow:0 0 8px #10ccff;flex:none;height:1.1rem;overflow:hidden;padding:2px;width:100%}.progress-fill{animation:charge-current 3.5s linear infinite;background:linear-gradient(110deg,#0fc9ea,#b8ffff 20%,#20d6f1 40%,#fff,#20d6f1 60%,#b8ffff 80%,#0fc9ea);background-size:200% 100%;border-radius:inherit;display:block;height:100%}@keyframes charge-current{to{background-position:200% 0}}.charge-actions{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:clamp(16px,2.5svh,32px)}.charge-actions .art-button,.p-reflection .action-bar>.button{aspect-ratio:var(--art-ratio);flex:none;height:var(--navigation-height);max-width:none;min-height:44px;min-width:0;width:auto}.p-name .action-bar .art-button{aspect-ratio:1085/260;flex:none;min-height:44px;width:min(100%,22rem)}.p-charge .seat-art{bottom:1%;height:77%;left:-4%;width:37%}.p-charge .hero-art{bottom:-1%;height:77%;left:-3%;width:38%}.charge-camera{aspect-ratio:3/4;background:50%/contain no-repeat;justify-self:center;position:relative;width:98%}.charge-camera .charge-camera-frame{inset:19% 14% 13%;min-height:0;position:absolute}.camera-frame{background:linear-gradient(145deg,#eafaffb8,#acd9ee73),var(--camera-art) center bottom /cover no-repeat;border:2px solid #bce7f7;border-radius:1.125rem;display:grid;min-width:0;overflow:hidden;place-items:center;position:relative}.camera-frame:before{background:linear-gradient(125deg,#fff7,transparent 32%,#e4f6ff66 66%,#fff5);box-shadow:inset 0 0 3rem #e5f7ff8c;content:"";inset:0}.camera-frame:before,.corner{pointer-events:none;position:absolute}.corner{border:3px solid #c8f6ff;filter:drop-shadow(0 0 4px #08aeff);height:1.5rem;width:1.5rem;z-index:2}.tl{border-right:0;left:4%}.tl,.tr{border-bottom:0;top:9%}.tr{border-left:0;right:4%}.bl{border-right:0;left:4%}.bl,.br{border-top:0;bottom:9%}.br{border-left:0;right:4%}.camera-video{height:100%;inset:0;-o-object-fit:contain;object-fit:contain;opacity:0;position:absolute;width:100%}.camera-video.on{opacity:1}.charge-camera-frame .camera-video{-o-object-fit:contain;object-fit:contain;transform:scaleX(-1)}.camera-hint{color:#07528c;display:grid;font-size:1rem;inset:0;line-height:1.6;padding:1.5rem;place-items:center;position:absolute;text-align:center;text-shadow:0 1px 2px #fff}@media(min-width:761px)and (orientation:landscape){.charge-layout{max-width:none;overflow:clip;padding:0;pointer-events:none;width:100%}.charge-card,.charge-layout{display:block;inset:0;position:absolute}.charge-title{left:24%;position:absolute;top:17svh;width:52%}.charge-title img{height:28.8svh}.charge-ring{left:calc(50% - 13svh);max-width:none;position:absolute;top:37svh}.charge-card>.progress-track{left:29%;position:absolute;top:74%;width:42%}.charge-actions{left:29%;margin-top:0;pointer-events:auto;position:absolute;top:79%;width:42%}.charge-camera{position:absolute;right:4%;top:54%;transform:translateY(-50%);width:23%}}.reflection-content{display:flex;flex-direction:column;overflow:clip;padding:2px 0}.reflection-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:none;min-height:9rem;text-align:left;width:100%}.reflection-heading-copy{container-type:inline-size;flex:0 1 32rem;min-width:0}.reflection-heading-options{flex:none;max-width:100%;min-width:0}.reflection-title img{display:block;height:auto;width:100%}.reflection-heading h1{font-size:clamp(1.875rem,3vw,2.75rem)}.reflection-prompt{color:#e6f7ff;font-size:1rem;line-height:1.35;margin:0;max-width:100%;min-width:0;white-space:nowrap}.reflection-prompt img{display:block;height:clamp(22px,3svh,34px);max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.reflection-fields{align-items:stretch;display:grid;flex:1 1 0;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);min-height:0}.reflection-field{container-type:size;display:grid;min-height:0;min-width:0;place-items:center}.reflection-field-inner{background:var(--reflection-frame-art) center /contain no-repeat;height:min(81.081081cqw,100cqh);position:relative;width:min(100cqw,123.333333cqh)}.reflection-field-body{display:flex;flex-direction:column;inset:18% 13% 17%;min-height:0;min-width:0;overflow:clip;position:absolute}.reflection-field-heading{align-items:center;display:flex;flex:none;gap:.75rem;margin-bottom:1rem}.reflection-label-wrap{align-items:center;display:flex;flex:1;gap:.5625rem;min-width:0}.reflection-label-wrap h2{margin:0;width:100%}.reflection-label-wrap h2 img{display:block;height:clamp(1.5rem,3.5svh,2rem);max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.reflection-mode-switch{align-items:center;display:flex;flex:none;gap:.375rem}.reflection-mode-button{align-items:center;background:none;border:0;display:flex;flex:none;height:44px;justify-content:center;min-height:44px;padding:0;width:clamp(44px,5.55vw,88px)}.reflection-mode-button img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.reflection-input-area{background:#f9fcfe;border:1px solid var(--line);border-radius:.75rem;display:flex;flex:1 1 0;min-height:0;min-width:0;overflow:hidden}.write-area{background:transparent;border:0;color:var(--ink);display:block;font-size:1.0625rem;height:100%;line-height:1.65;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1.25rem;width:100%}.write-area,.write-area:focus{outline:none}.reflection-options{border:0;margin:0;min-width:0;padding:0}.reflection-choice-grid{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;min-width:0}.reflection-choice{flex:none;min-height:44px;min-width:0}.art-choice{align-items:center;background:none;border:0;cursor:pointer;display:flex;justify-content:center;padding:0;position:relative}.reflection-choice.art-choice{aspect-ratio:var(--art-ratio);height:var(--choice-height);width:auto}.art-choice.on{background:none;border:0;box-shadow:none}.art-choice img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.art-choice.standard-choice{container-type:size}.standard-choice:after{border:0 solid transparent;border-image-slice:72 155;border-image-source:var(--choice-frame);border-image-width:26.470588cqh 56.985294cqh;inset:0}.standard-choice:after,.standard-choice:before{content:"";pointer-events:none;position:absolute}.standard-choice:before{background:linear-gradient(135deg,#eefaff,#e0effb 48%,#f9f4ff);inset:26.470588% 56.985294cqh}.standard-choice.on:before{background:linear-gradient(135deg,#19d8e8,#018cd6 48%,#05d8e8)}.standard-choice img{clip-path:inset(26.470588% 22%);filter:url(#mailbox-trait-ink);position:relative}.standard-choice.on img{filter:url(#mailbox-trait-white)}.art-choice input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.reflection-other-input{background:var(--surface);border:1px solid var(--line);border-radius:.6875rem;color:var(--ink);flex:none;font-size:.9375rem;min-height:2.75rem;min-width:0;outline:none;padding:0 .75rem;width:8rem}.worries-options{display:grid;gap:12px;grid-template-rows:auto 48px}.worries-options>.reflection-other-input{grid-row:2;justify-self:end;width:min(100%,24rem)}.future-choice-grid{align-items:flex-end;flex-direction:column;gap:.625rem}.future-choice-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;max-width:100%}.reflection-input-area .draw-area,.reflection-input-area .voice-area{min-height:0;width:100%}.reflection-input-area .voice-area{height:auto}.draw-area{display:flex;height:100%;min-height:0;overflow:clip;width:100%}.draw-preview{background:#fff;border:0;color:var(--ink);display:grid;height:100%;padding:.75rem;place-items:center;width:100%}.draw-preview img{height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;width:100%}.draw-preview .draw-open-label{height:clamp(28px,4svh,44px);max-width:85%;width:auto}.draw-dialog{background:#edf7ff;border:0;color:var(--ink);height:100svh;margin:0;max-height:none;max-width:none;overflow:clip;padding:1rem;width:100svw}.draw-dialog[open]{display:flex;flex-direction:column;gap:.75rem}.draw-dialog::backdrop{background:#052e5bba}.draw-dialog-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.draw-dialog-header h2{flex:1;margin:0;min-width:10rem}.draw-dialog-header h2 img{display:block;height:clamp(28px,4.5svh,44px);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:100%}.draw-dialog-header .draw-back{flex:none;min-height:44px;width:112px}.draw-dialog-header .draw-clear.art-button,.draw-dialog-header .draw-done.art-button{flex:none;height:clamp(48px,6svh,64px);max-width:none;min-height:44px;min-width:0;width:auto}.draw-dialog .draw-tools{min-width:0}.draw-done{background:#087ea1;border:1px solid #086591;border-radius:.625rem;color:#fff;flex:none;font-weight:700;min-height:44px;padding:.5rem 1rem}.draw-canvas-stage{container-type:size;display:grid;flex:1;min-height:0;min-width:0;place-items:center}.draw-tools{align-items:center;display:flex;flex:0 0 auto;gap:.25rem;min-height:3.625rem;overflow-x:auto;overscroll-behavior:contain;padding:.375rem;scrollbar-width:none}.draw-color{border:2px solid #fff;border-radius:50%;flex:none;height:2.75rem;padding:0;width:2.75rem}.draw-color.on{outline:2px solid var(--ink);outline-offset:1px}.draw-clear{background:var(--surface);border:1px solid var(--line);border-radius:.625rem;color:var(--ink);flex:none;font-size:.875rem;font-weight:700;margin-left:auto;min-height:2.75rem;min-width:44px;padding:.5rem .875rem;padding-inline:.5rem}.draw-canvas-stage canvas{background:#fff;display:block;height:min(56.25cqw,100cqh);touch-action:none;width:min(100cqw,177.777778cqh)}.voice-area{container-type:inline-size;display:flex;flex-direction:column;gap:.625rem;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.625rem;width:100%}.voice-bar,.voice-playback{align-items:center;display:grid;flex:none;gap:.625rem;min-width:0}.voice-bar{grid-template-columns:auto minmax(0,1fr)}.voice-playback{grid-template-columns:minmax(0,1fr) auto}.voice-tip{display:block;height:clamp(22px,4.5cqw,28px);max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.voice-area .art-button{height:clamp(52px,12cqw,68px);max-width:none;min-height:44px;min-width:0;width:auto}.voice-playback audio{display:block;height:44px;min-width:0;width:100%}.voice-status{color:var(--ink-muted);flex:none;font-family:Kaiti SC,STKaiti,KaiTi,Songti SC,serif;font-size:.875rem;line-height:1.5;margin:0}.voice-area textarea{background:var(--surface);border:1px solid var(--line);border-radius:.625rem;flex:1 1 auto;font-size:.9375rem;line-height:1.5;min-height:5.125rem;outline:none;padding:.625rem;width:100%}.step-progress{align-items:center;background:var(--button-art) center /100% auto no-repeat;border:0;color:#07528e;display:flex;font-size:1rem;font-weight:700;gap:.625rem;height:5rem;justify-content:center;max-width:100%;padding:1rem 2.375rem;white-space:nowrap;width:20rem}.step-progress-node{background:linear-gradient(140deg,#fff,#e0efff 58%,#b6dcea);border:1px solid #89bfdc;border-radius:50%;box-shadow:inset 0 1px 3px #fff,0 1px 4px #569ad64d;color:#07528e;display:grid;flex:none;height:2rem;place-items:center;width:2rem}.step-progress-node.on{background:linear-gradient(140deg,#a7f8ff,#079bce 58%,#075aaa);border-color:#e3ffff;color:#fff}.step-progress-node[aria-current]{outline:2px solid #0878af;outline-offset:2px}.step-progress-label img{display:block;filter:brightness(.45) sepia(1) saturate(5) hue-rotate(166deg);height:1.4em;width:auto}.p-reflection .action-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.p-reflection .action-bar>.button:first-child{justify-self:start}.p-reflection .action-bar>.button:last-child{justify-self:end}.review-content{display:flex;flex-direction:column;overflow:clip}.review-heading{margin-bottom:1rem}.review-title img{display:block;height:clamp(4rem,12svh,8rem);margin:0 auto;-o-object-fit:contain;object-fit:contain;width:min(100%,28rem)}.p-review .action-bar{justify-content:center}.review-heading h1{font-size:clamp(1.875rem,3vw,2.625rem)}.review-heading>p:last-child{font-size:.9375rem;margin-top:.5rem}.review-groups{display:grid;flex:1 1 0;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);min-height:0}.review-group{container-type:size;display:grid;min-height:0;min-width:0;place-items:center}.review-group-inner{background-position:50%;background-repeat:no-repeat;background-size:contain;height:min(133.333333cqw,100cqh);position:relative;width:min(100cqw,75cqh)}.review-group-body{display:flex;flex-direction:column;gap:.75rem;inset:19% 14% 14%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;position:absolute}.review-group-heading{border-bottom:1px solid var(--line);flex:none;padding-bottom:.75rem}.review-group-heading h2{margin:0;text-align:center}.review-group-heading h2 img{display:block;height:clamp(1.5rem,3.2svh,2rem);margin:0 auto;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.text-button{background:var(--brand-soft);border:0;border-radius:.5rem;color:var(--brand-dark);flex:none;font-size:.8125rem;font-weight:750;min-height:3rem;padding:.5rem .625rem}.review-lines{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.review-line{color:var(--ink-muted);flex-direction:column;line-height:1.45;margin:0 0 1rem}.review-line,.review-line strong{display:flex;font-size:.875rem;gap:.375rem}.review-line strong{align-items:center;color:var(--ink);min-width:0}.review-line strong img{display:block;height:clamp(16px,1.8svh,20px);max-width:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.review-value{align-items:flex-start;color:var(--ink);display:flex;flex-direction:column;gap:.5rem;overflow-wrap:anywhere;white-space:pre-wrap}.empty-value{height:clamp(16px,1.8svh,20px);-o-object-position:left center;object-position:left center;width:auto}.empty-value,.review-drawing{display:block;max-width:100%;-o-object-fit:contain;object-fit:contain}.review-drawing{background:#fff;border:1px solid var(--line);border-radius:.5rem;max-height:9.375rem}.review-value audio{display:block;height:2.625rem;width:min(100%,20rem)}.success-content{display:grid;margin-left:0;overflow:auto;place-items:center;width:68%}.success-card{align-items:center;display:flex;flex-direction:column;text-align:center;width:min(100%,45rem)}.success-title{margin:0;width:100%}.success-title img{display:block;height:auto;width:100%}.success-brand{gap:calc(var(--u)*12);justify-content:flex-start;min-height:calc(var(--u)*94)}.success-mailbox-scene{aspect-ratio:1;height:43svh;max-width:100%;position:relative}.success-mailbox{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.success-delivery-letter{height:auto;left:50%;opacity:0;pointer-events:none;position:absolute;top:27.5%;transform:translate(-50%,-50%);width:30%}.success-mailbox-scene.is-delivering .success-delivery-letter{animation:deliver-letter 3s ease-in-out both}@keyframes deliver-letter{0%{clip-path:inset(0);opacity:0;transform:translate(-160%,130%) scale(1.15) rotate(-14deg)}15%{opacity:1}65%,72%{clip-path:inset(0 0 20% 0);opacity:1;transform:translate(-50%,-73%) scale(.78)}96%,to{clip-path:inset(0 0 82% 0);opacity:0;transform:translate(-50%,-25%) scale(.78)}}.success-countdown{align-items:center;color:#f3fbff;display:flex;font-family:Kaiti SC,KaiTi,serif;font-size:1.125rem;gap:.375rem;justify-content:center;margin:.875rem 0 0;min-height:1.75rem;text-shadow:0 2px 5px #145a96}.success-countdown img{display:block;height:1.4rem;width:auto}.capture-layout{align-items:stretch;display:grid;gap:1.125rem;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0 0 .25rem}.capture-main{display:flex;flex-direction:column;min-height:0}.capture-main .screen-heading{margin-bottom:.875rem;max-width:none;text-align:left;width:100%}.capture-main .screen-heading h1{font-size:clamp(1.875rem,3vw,2.75rem)}.capture-title img{height:clamp(3.25rem,8svh,6rem);width:100%}.capture-description img,.capture-title img{display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.capture-description img{height:clamp(24px,3svh,34px);max-width:100%;width:auto}.capture-viewport{container-type:size;display:grid;flex:1 1 auto;min-height:0;min-width:0;place-items:center}.capture-frame{background:none;height:min(100cqh,calc(100cqw/var(--capture-ratio, 1.777777778)));min-height:0;width:min(100cqw,calc(100cqh*var(--capture-ratio, 1.777777778)))}.capture-frame .corner,.capture-frame:before{display:none}.capture-frame .camera-hint,.capture-frame .empty-photo{color:#f3fbff;text-shadow:0 2px 4px #074a88}.capture-countdown{align-items:center;background:#03457355;display:flex;flex-direction:column;gap:.25rem;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:3}.capture-countdown-ring{aspect-ratio:1;height:clamp(140px,28svh,280px);position:relative}.capture-countdown-ring img{filter:drop-shadow(0 0 12px #8ef5ff);height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.capture-countdown-ring:after{animation:countdown-sweep 1s linear infinite;border-color:#fff #a3f3ff #bcf4ff45 #bcf4ff45;border-radius:50%;border-style:solid;border-width:3px;content:"";inset:8%;position:absolute}.capture-countdown-ring strong{animation:countdown-pulse 1s ease-out;color:#f3ffff;display:grid;font-family:Kaiti SC,KaiTi,serif;font-size:clamp(72px,12svh,120px);inset:0;line-height:1;place-items:center;position:absolute;text-shadow:0 2px 2px #075ca9,0 0 18px #9bf3ff}.capture-countdown p{background:var(--button-art) center /100% auto no-repeat;color:#074a88;display:grid;font-family:Kaiti SC,KaiTi,serif;font-size:clamp(24px,3svh,32px);font-weight:900;height:5rem;letter-spacing:.12em;margin:0;place-items:center;text-shadow:0 1px 1px #fff;width:min(90%,24rem)}@keyframes countdown-sweep{to{transform:rotate(1turn)}}@keyframes countdown-pulse{0%{opacity:.3;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.capture-sidebar{--capture-action-height:clamp(64px,6vw,104px);align-items:center;container-type:size;display:grid;gap:1rem;grid-template-rows:minmax(0,1fr) var(--capture-action-height);height:100%;min-height:0;min-width:0}.capture-sidebar>.capture-guide,.capture-sidebar>.card-details{flex:none;height:min(calc(100cqh - var(--capture-action-height) - 1rem),133.333333cqw);width:100%}.capture-guide,.card-details{background:none;border:0;container-type:size;display:grid;min-height:0;min-width:0;padding:0;place-items:center}.capture-guide-inner,.card-details-inner{background:50%/contain no-repeat;container-type:size;height:min(133.333333cqw,100cqh);position:relative;width:min(100cqw,75cqh)}.capture-guide-body,.card-details-body{display:flex;flex-direction:column;gap:clamp(8px,2.5cqw,16px);inset:21% 14% 14%;min-height:0;min-width:0;overflow:auto;position:absolute;scrollbar-width:thin}.capture-guide-body{justify-content:safe center}.capture-sidebar-compact{display:flex;flex-direction:column;justify-content:center}.capture-sidebar-compact>.capture-guide{height:min(calc(100cqw/var(--guide-ratio)),calc(100cqh - var(--capture-action-height) - 1rem));width:min(100cqw,calc((100cqh - var(--capture-action-height) - 1rem)*var(--guide-ratio)))}.capture-sidebar-compact .capture-guide-inner{height:100%;width:100%}.capture-sidebar-compact .capture-guide-body{inset:26% 13% 18%}.card-details h2{flex:none;margin:0}.card-details h2 img{display:block;height:clamp(36px,9cqw,52px);max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.capture-guide ol{container-type:inline-size;counter-reset:guide;display:grid;flex:none;gap:clamp(14px,3cqw,22px);list-style:none;margin:0;padding:0}.capture-guide li{align-items:flex-start;color:#063b75;counter-increment:guide;display:flex;font-size:clamp(24px,9.2cqw,38px);font-weight:650;gap:.45em;line-height:1.5;min-height:1.6em}.capture-guide li:before{background:var(--brand-soft);border-radius:.5em;color:var(--brand-dark);content:counter(guide,decimal-leading-zero);display:grid;flex:none;font-size:.7em;font-weight:800;height:1.75em;place-items:center;width:1.75em}.capture-guide li img{display:block;flex:none;height:min(1.4em,calc(14.13721cqw - .2368em));-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.capture-sidebar .capture-actions{flex:none;gap:.75rem;height:var(--capture-action-height);justify-content:center;min-height:44px;width:100%}.capture-sidebar .capture-actions>.button{aspect-ratio:var(--art-ratio);flex:none;height:var(--capture-action-height);max-width:none;min-height:44px;min-width:0;width:auto}.capture-sidebar .capture-actions>.button:active{filter:brightness(.9);transform:none}.card-photo img{display:block;height:100%;inset:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}.empty-photo{color:var(--ink-muted);font-size:1rem}.card-details-body{gap:12px;inset:20% 14% 11%}.card-details h2 img{height:clamp(36px,8cqw,44px)}.card-details .profile-grid{flex:none;gap:clamp(16px,3cqw,22px);grid-template-columns:repeat(2,minmax(0,1fr))}.card-details .form-field{font-size:clamp(22px,5cqw,28px);gap:.375rem;line-height:1.25}.card-details .profile-label{height:clamp(26px,6cqw,34px)}.card-details .form-field input{font-size:clamp(22px,5cqw,28px);min-height:clamp(48px,10cqw,64px);padding:.5rem .625rem}.card-details .profile-wide{grid-column:1/-1}.card-checks{border:0;display:grid;flex:none;gap:clamp(12px,2.5cqw,18px);grid-template-columns:1fr;margin:clamp(24px,5cqw,36px) 0 0;min-width:0;padding:0}.card-checks legend{color:var(--ink);margin-bottom:clamp(12px,2.5cqw,18px);padding:0}.card-checks legend img{display:block;height:clamp(36px,8cqw,44px);max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.card-check{align-items:center;color:var(--ink);display:flex;font-size:.875rem;gap:.625rem;min-height:44px}.card-check input{accent-color:var(--brand);height:1.25rem;margin:0;width:1.25rem}.card-check.art-choice input{height:100%;width:100%}.card-check.art-choice{height:clamp(56px,11cqw,80px)}.review-group .text-button{align-self:center;flex:none;min-height:44px;min-width:0;width:7rem}.toast{background:#16394bf2;border:1px solid #ffffff50;border-radius:.875rem;bottom:max(1.375rem,env(safe-area-inset-bottom));color:#fff;font-size:.9375rem;left:50%;line-height:1.5;max-width:min(90%,42.5rem);padding:.875rem 1.25rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);z-index:20}.toast:empty{display:none}@media(max-width:1100px){:root{--page-pad-x:24px;--page-pad-y:14px;--radius-card:18px}.topbar-progress{font-size:.75rem;margin-right:25vw}.charge-layout{gap:16px}.charge-card{gap:8px}}@media(max-width:760px),(orientation:portrait)and (max-width:1100px){:root{--page-pad-x:18px;--page-pad-y:12px}.page{gap:12px}.topbar{min-height:46px}.organization-logo,.topbar-progress{display:none}.button{font-size:16px;min-height:56px;padding:10px 16px}.action-bar{gap:10px}.action-bar>.button{min-width:128px}.p-welcome .hero-art{height:55%;left:-4%;top:13%;width:83%}.p-welcome .seat-art{height:63%;left:-30%;top:9%;width:135%}.welcome-brand{gap:6px;height:46px;left:18px;min-height:44px;top:12px;width:min(85%,380px)}.brand-game{height:46px;width:68px}.brand-x{font-size:20px}.brand-fund{height:46px;width:220px}.brand-fund img{left:-9.31217px;top:-21.18519px;width:239.67196px}.welcome-title{left:25%;top:51%;width:72%}.welcome-actions{bottom:8%;gap:12px;left:10%;top:auto;width:80%}.welcome-actions .art-button{min-height:56px}.welcome-foot{bottom:2%;font-size:13px;left:5%;letter-spacing:1px;top:auto;width:90%}.p-charge .hero,.p-name .hero,.p-success .hero,.welcome-foot:after{display:none}.p-name .action-bar,.p-name .form-content,.success-content{width:100%}.screen-heading h1{font-size:32px}.screen-heading>p:last-child{font-size:15px}.form-content{justify-content:flex-start;padding-top:14px}.p-name .profile-form{aspect-ratio:4/3;background-image:var(--profile-mobile-art);padding:13.5% 13% 12.75%}.profile-grid{gap:16px;grid-template-columns:1fr}.profile-wide{grid-column:auto}.form-field input{font-size:16px;min-height:58px}.p-name .profile-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.p-name .profile-wide{grid-column:1/-1}.p-name .form-field{font-size:14px;gap:4px}.p-name .profile-label{height:22px}.p-name .form-field input{font-size:16px;min-height:44px;padding-inline:10px}.p-name .identity-hint{font-size:12px;margin-top:8px}.capture-layout,.charge-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;overflow:auto}.charge-card{gap:12px}.charge-layout{padding-left:0}.charge-value strong{font-size:32px}.charge-ring{height:220px}.action-bar .dock-hint{flex:1;font-size:12px}.reflection-content{overflow-y:auto}.reflection-fields{flex:none;grid-template-columns:1fr;grid-template-rows:none}.reflection-field{aspect-ratio:37/30}.p-reflection .topbar{flex-wrap:wrap}.p-reflection .reflection-prompt{flex-basis:100%}.reflection-heading{align-items:stretch;flex-direction:column;justify-content:flex-start;min-height:0}.reflection-heading-copy{flex:none;width:100%}.reflection-heading-options{flex:none}.reflection-field-heading{gap:8px;margin-bottom:10px}.future-choice-row,.reflection-choice-grid{flex-wrap:wrap;justify-content:flex-start}.future-choice-grid{align-items:flex-start}.step-progress{gap:5px}.step-progress-label{display:none}.step-progress{padding:8px}.step-progress-node{height:24px;width:24px}.review-content{overflow-y:auto}.review-groups{flex:none;grid-template-columns:1fr;grid-template-rows:none;min-height:auto}.review-group{aspect-ratio:3/4}.success-mailbox-scene{height:34svh}.capture-main{min-height:360px}.capture-frame{min-height:200px}.capture-sidebar{flex:none;height:760px}.dock-actions{gap:8px}.dock-actions .button{min-width:0}.charge-actions .art-button{height:44px;width:calc(min(44px,9vw)*var(--art-ratio))}.p-reflection .action-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.p-reflection .step-progress{grid-column:1/-1;grid-row:1;justify-self:center}.p-reflection .action-bar>.button{grid-row:2;height:10vw}.success-brand{gap:6px}}@media(max-height:720px)and (min-width:761px){:root{--page-pad-y:10px}.page{gap:10px}.topbar{min-height:42px}.screen-heading{margin-bottom:12px}.action-bar{min-height:52px}}@media(orientation:landscape)and (min-width:761px){.p-reflection{--reflection-prompt-line:max(24px,calc(var(--u)*32));--reflection-heading-space:max(182px,calc(var(--u)*240));--reflection-prompt-space:calc(var(--reflection-prompt-line) + var(--u)*8);--reflection-raise:calc(var(--u)*36);display:grid;gap:calc(var(--u)*16);grid-template-rows:calc(var(--u)*76) minmax(0,1fr) calc(var(--u)*80);height:calc(var(--u)*992);left:50%;padding:calc(var(--u)*24) calc(var(--u)*64);position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--u)*1586)}.p-reflection .topbar{height:100%;margin:0;max-width:none;min-height:0}.p-reflection .brand-lockup img{height:calc(var(--u)*70);width:calc(var(--u)*235)}.p-reflection .organization-logo{display:block;right:calc(var(--u)*64);top:calc(var(--u)*26)}.reflection-content{display:grid;gap:calc(var(--u)*24);grid-template-rows:calc(var(--reflection-heading-space) - var(--reflection-prompt-space) - var(--reflection-raise)) minmax(0,1fr);height:100%;max-width:none;overflow:clip;padding:0}.reflection-heading{align-items:center;-moz-column-gap:calc(var(--u)*24);column-gap:calc(var(--u)*24);display:grid;grid-template-columns:calc(var(--u)*480) minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin:0;min-height:0}.reflection-heading-copy{width:calc(var(--u)*448)}.reflection-title{margin:0}.reflection-title img{height:calc(var(--u)*140);-o-object-fit:contain;object-fit:contain;width:100%}.reflection-prompt{display:flex;justify-content:center;left:calc(var(--u)*259);position:absolute;right:calc(var(--u)*417)}.reflection-prompt img{height:calc(var(--u)*32);-o-object-position:center;object-position:center}.reflection-heading-options{align-self:center;grid-column:2;grid-row:1;width:100%}.future-choice-row,.reflection-choice-grid{flex-wrap:nowrap;gap:calc(var(--u)*8);justify-content:flex-end}.future-choice-grid{align-items:center;display:grid;gap:max(6px,calc(var(--u)*8));grid-template-rows:repeat(2,max(44px,calc(var(--u)*64))) max(44px,calc(var(--u)*48));justify-items:end}.future-choice-row{min-height:44px}.reflection-choice.art-choice{height:calc(var(--u)*44);min-height:0;width:calc(var(--u)*44*var(--art-ratio))}.worries-options{gap:calc(var(--u)*12);grid-template-rows:calc(var(--u)*72) max(44px,calc(var(--u)*48))}.worries-choice-grid>.reflection-choice{height:calc(var(--u)*72);width:calc(var(--u)*72*var(--art-ratio))}.future-choice-row>.reflection-choice{height:calc(var(--u)*52.8);width:calc(var(--u)*52.8*var(--art-ratio))}.reflection-choice input{bottom:auto;min-height:44px;top:50%;transform:translateY(-50%)}.reflection-other-input{font-size:max(16px,calc(var(--u)*18));height:calc(var(--u)*44);min-height:44px;padding-inline:calc(var(--u)*10);width:calc(var(--u)*180)}.future-choice-grid>.reflection-other-input,.worries-options>.reflection-other-input{grid-row:-2;height:max(44px,calc(var(--u)*48));width:min(100%,calc(var(--u)*480))}.reflection-fields{gap:calc(var(--u)*42);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:100%}.reflection-field{aspect-ratio:auto}.reflection-field-inner{--reflection-base-height:min(75cqw,calc(100cqh - var(--reflection-prompt-space) - var(--reflection-raise)));aspect-ratio:auto;background:none;border:0 solid transparent;border-image-slice:216 192 204 fill;border-image-source:var(--reflection-frame-art);border-image-width:calc(var(--reflection-base-height)*.1946) calc(var(--reflection-base-height)*.17297) calc(var(--reflection-base-height)*.18378);height:calc(var(--reflection-base-height) + var(--reflection-prompt-space) + var(--reflection-raise));width:calc(var(--reflection-base-height)*4/3)}.reflection-field-body{display:grid;gap:calc(var(--u)*18);grid-template-rows:max(44px,calc(var(--u)*56)) minmax(0,1fr);inset:calc(var(--reflection-base-height)*.18) 13% calc(var(--reflection-base-height)*.17)}.reflection-field-heading{gap:calc(var(--u)*16);margin:0;min-height:0}.reflection-label-wrap h2 img{height:calc(var(--u)*36)}.reflection-mode-switch{gap:calc(var(--u)*8);height:100%}.reflection-mode-button{height:100%;min-height:44px;min-width:44px;width:calc(var(--u)*88)}.reflection-input-area{border-radius:calc(var(--u)*12)}.p-reflection .write-area{font-size:max(16px,calc(var(--u)*22));line-height:1.55;padding:calc(var(--u)*18)}.p-reflection .action-bar{gap:calc(var(--u)*16);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:100%;margin:0;max-width:none;min-height:0}.p-reflection .action-bar>.button{grid-row:1;height:calc(var(--u)*76);min-height:44px}.p-reflection .step-progress{font-size:calc(var(--u)*18);gap:calc(var(--u)*10);grid-column:2;grid-row:1;height:calc(var(--u)*80);padding:calc(var(--u)*14) calc(var(--u)*38);width:calc(var(--u)*320)}.p-reflection .step-progress-label{display:inline}.p-reflection .step-progress-node{height:calc(var(--u)*32);width:calc(var(--u)*32)}}@media(prefers-reduced-motion:reduce){.ocean-water{display:none}.capture-countdown-ring strong,.capture-countdown-ring:after,.charge-ring,.progress-fill{animation:none}*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}