.fwc-root{--fn-green:var(--fw-strand-green,#35835a);--fn-arrive:cubic-bezier(.23,1,.32,1);--fn-depart:cubic-bezier(.77,0,.175,1);display:grid;width:100%;min-width:0;gap:32px;justify-items:center}.fwc-root,.fwc-root *{box-sizing:border-box}.fwc-phone-fit{display:flex;max-width:100%;height:calc(680px * var(--fwc-phone-scale, 1));align-self:end;justify-content:center}.fwc-phone,.fwc-phone-fit{width:434px;margin-bottom:0}.fwc-phone{height:680px;flex:0 0 434px;align-self:start;overflow:hidden;clip-path:inset(-48px -48px 0 -48px);transform:scale(var(--fwc-phone-scale,1));transform-origin:top center}.fwc-rail{display:grid;width:100%;min-width:0;max-width:730px;gap:14px;padding-bottom:32px}.fwc-rail-head{display:grid;gap:10px;margin-bottom:6px}.fwc-rail-head:after{display:block;width:56px;height:1px;margin-top:4px;background:rgba(232,228,218,.42);content:""}.fwc-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;color:rgba(232,228,218,.76);font-size:14px;line-height:1.5}.fwc-caption button{display:inline-flex;height:36px;flex:0 0 auto;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(232,228,218,.32);border-radius:8px;background:rgba(232,228,218,.05);color:#e8e4da;font:inherit;font-size:13px;font-weight:650}.fwc-caption button svg{width:15px;height:15px;stroke-width:2}.fwc-signal{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;border:1px solid rgba(232,228,218,.14);border-radius:12px;background:rgba(232,228,218,.035)}.fwc-sig-pill{position:absolute;top:4px;bottom:4px;left:0;z-index:0;border:1px solid #7fae8e;border-radius:9px;background:linear-gradient(180deg,rgba(240,235,224,.135),rgba(240,235,224,.085));transition:border-color .34s cubic-bezier(.23,1,.32,1),box-shadow .34s cubic-bezier(.23,1,.32,1)}.fwc-root[data-connection=online] .fwc-sig-pill,.fwc-sig-pill{box-shadow:inset 0 1px 0 rgba(255,253,247,.09),0 0 0 3px rgba(127,174,142,.1)}.fwc-root[data-connection=online] .fwc-sig-pill{border-color:#7fae8e}.fwc-root[data-connection=offline] .fwc-sig-pill{border-color:#d98a3d;box-shadow:inset 0 1px 0 rgba(255,253,247,.09),0 0 0 3px rgba(217,138,61,.1)}.fwc-sig{position:relative;z-index:1;display:flex;height:50px;align-items:center;gap:12px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:rgba(232,228,218,.58);font:inherit;font-size:14px;font-weight:600;text-align:left;white-space:nowrap}.fwc-sig svg{width:24px;height:24px;color:var(--fwc-signal);opacity:.5;stroke-width:1.7;transition:opacity .18s cubic-bezier(.23,1,.32,1)}.fwc-sig-online{--fwc-signal:#7fae8e}.fwc-sig-offline{--fwc-signal:#d98a3d}.fwc-sig-on{color:#e8e4da}.fwc-sig-on svg{opacity:1}.fwc-log{overflow:hidden;border-radius:9px;background:rgba(232,228,218,.035);box-shadow:inset 0 1px 0 rgba(232,228,218,.14),inset 0 -1px 0 rgba(0,0,0,.5),0 10px 22px -14px rgba(0,0,0,.75)}.fwc-log-chrome{display:flex;align-items:baseline;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(232,228,218,.12);background:rgba(232,228,218,.06)}.fwc-log-app{color:#e8e4da;font-size:14px;font-weight:650}.fwc-log-scope{display:grid;margin-left:auto;color:rgba(232,228,218,.62);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fwc-log-scope>span{grid-area:1/1;filter:blur(0);transform:translateY(0);transition:opacity .2s var(--fn-depart),transform .2s var(--fn-depart),filter .2s var(--fn-depart)}.fwc-log-scope-offline,.fwc-root[data-connection=offline] .fwc-log-scope-online{opacity:0}.fwc-root[data-connection=offline] .fwc-log-scope-offline{opacity:1}.fwc-root[data-connection-change=to-offline] .fwc-log-scope-online{filter:blur(3px);transform:translateY(-4px);transition-delay:.42s}.fwc-root[data-connection-change=to-offline] .fwc-log-scope-offline{transition-duration:.36s;transition-timing-function:var(--fn-arrive);transition-delay:.54s}.fwc-root[data-connection-change=to-online] .fwc-log-scope-offline{filter:blur(3px);transform:translateY(-4px);transition-delay:70ms}.fwc-root[data-connection-change=to-online] .fwc-log-scope-online{transition-duration:.36s;transition-timing-function:var(--fn-arrive);transition-delay:.19s}.fwc-log-table{width:100%;border-collapse:collapse;font-size:14px}.fwc-log-table thead tr{background:rgba(232,228,218,.13)}.fwc-log-table tbody tr{background:rgba(232,228,218,.02);transition:background-color .16s var(--fn-arrive)}.fwc-log-table tbody tr:nth-child(2n){background:rgba(232,228,218,.055)}.fwc-log-table th{padding:10px 16px;border-bottom:1px solid rgba(232,228,218,.12);color:rgba(232,228,218,.6);font-size:11px;font-weight:650;letter-spacing:.08em;text-align:left;text-transform:uppercase}.fwc-log-table td{padding:12px 16px;border-bottom:1px solid rgba(232,228,218,.07);color:rgba(232,228,218,.82)}.fwc-log-table tbody tr:last-child td{border-bottom:0}.fwc-log-new{transition:opacity .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1);transition-delay:.16s}.fwc-log-new td{transition:border-color .36s var(--fn-arrive),color .36s var(--fn-arrive)}.fwc-log-new-pending{opacity:1}.fwc-log-new-pending td{border-top:1px dashed rgba(232,228,218,.18);border-bottom:1px dashed rgba(232,228,218,.18);color:rgba(232,228,218,.5)}.fwc-log-new-committed{opacity:1;background:rgba(232,228,218,.075)}.fwc-log-new-committed td{border-top:1px solid rgba(232,228,218,.07);border-bottom:1px solid rgba(232,228,218,.07);color:#e8e4da;font-weight:550}.fwc-log-new-wash{animation:fwc-row-wash .36s var(--fn-arrive) .35s both}.fwc-log-entry-stack{display:grid}.fwc-log-entry{grid-area:1/1;filter:blur(3px);opacity:0;transform:translateY(-4px);transition:opacity .2s var(--fn-depart) .35s,transform .2s var(--fn-depart) .35s,filter .2s var(--fn-depart) .35s}.fwc-log-entry-visible{filter:blur(0);opacity:1;transform:translateY(0);transition:opacity .36s var(--fn-arrive) .47s,transform .36s var(--fn-arrive) .47s,filter .36s var(--fn-arrive) .47s}.fwc-state{display:inline-flex;align-items:center;gap:5px;font-weight:650}.fwc-state-stack{display:grid}.fwc-state-stack>.fwc-state{grid-area:1/1;filter:blur(3px);opacity:0;transform:translateY(-4px);transition:opacity .2s var(--fn-depart),transform .2s var(--fn-depart),filter .2s var(--fn-depart)}.fwc-state-stack>.fwc-state-pending{filter:blur(0);opacity:1;transform:translateY(0)}.fwc-root[data-record-stage=saved][data-connection=offline] .fwc-state-stack>.fwc-state-waiting,.fwc-root[data-record-stage=saved][data-connection=online] .fwc-state-stack>.fwc-state-saved,.fwc-root[data-record-stage=synced] .fwc-state-stack>.fwc-state-synced{filter:blur(0);opacity:1;transform:translateY(0);transition-duration:.36s;transition-timing-function:var(--fn-arrive);transition-delay:.12s}.fwc-root:is([data-record-stage=saved],[data-record-stage=synced]) .fwc-state-stack>.fwc-state-pending{filter:blur(3px);opacity:0;transform:translateY(-4px)}.fwc-root[data-just-saved=true] .fwc-state-stack>.fwc-state-pending{transition-delay:.35s}.fwc-root[data-just-saved=true][data-connection=offline] .fwc-state-stack>.fwc-state-waiting,.fwc-root[data-just-saved=true][data-connection=online] .fwc-state-stack>.fwc-state-saved{transition-delay:.47s}.fwc-root[data-connection-change=to-offline][data-record-stage=saved] .fwc-state-stack>.fwc-state-saved{transition-delay:.42s}.fwc-root[data-connection-change=to-offline][data-record-stage=saved] .fwc-state-stack>.fwc-state-waiting{transition-delay:.54s}.fwc-root[data-connection-change=to-online][data-record-stage=saved] .fwc-state-stack>.fwc-state-waiting{transition-delay:70ms}.fwc-root[data-connection-change=to-online][data-record-stage=saved] .fwc-state-stack>.fwc-state-saved{transition-delay:.19s}.fwc-root[data-record-stage=saved] .fwc-state-stack>.fwc-state-synced,.fwc-root[data-record-stage=synced] .fwc-state-stack>:is(.fwc-state-saved,.fwc-state-waiting){filter:blur(3px);opacity:0;transform:translateY(-4px)}.fwc-state svg{width:16px;height:16px;stroke-width:2.3}.fwc-state-synced{color:#9ecf9e}.fwc-state-waiting{color:#d9b168}.fwc-state-saved{color:rgba(232,228,218,.82)}.fwc-state-pending{color:rgba(232,228,218,.55)}.fwc-state-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#d9b168}.fwc-log-note{display:flex;min-height:68px;align-items:flex-start;gap:8px;margin:0;padding:13px 16px 15px;border-top:1px solid rgba(232,228,218,.09);color:rgba(232,228,218,.7);font-size:13px;line-height:1.5}.fwc-log-note>svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px;opacity:.72;stroke-width:1.7}.fwc-log-note small{display:block;margin-top:3px;color:rgba(232,228,218,.48);font-size:inherit}.fwc-root button{cursor:pointer;transition:transform .12s var(--fn-arrive),background-color .16s var(--fn-arrive),border-color .16s var(--fn-arrive);-webkit-tap-highlight-color:transparent}.fwc-root .fwc-sig{transition:transform .12s var(--fn-arrive),color .18s var(--fn-arrive)}.fwc-root button:active{transform:scale(.97)}.fwc-root button:focus-visible{outline:2px solid var(--fn-green);outline-offset:3px}.fwc-root .fwc-sig:focus-visible{outline:2px solid rgba(240,235,224,.55);outline-offset:1px}@keyframes fwc-row-wash{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.fwc-sig:not(.fwc-sig-on):hover{color:rgba(232,228,218,.8)}.fwc-sig:not(.fwc-sig-on):hover svg{opacity:.75}.fwc-caption button:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}.fwc-log-table tbody tr:hover{background:rgba(255,255,255,.03)}}@media (max-width:640px){.fwc-root{grid-template-columns:minmax(0,1fr);gap:0;justify-items:center}.fwc-caption{align-items:flex-start;flex-direction:column;gap:8px}.fwc-caption button{align-self:flex-start}}@media (max-width:480px){.fwc-log-table{table-layout:fixed}.fwc-log-table td,.fwc-log-table th{padding-right:6px;padding-left:6px;font-size:12px}.fwc-log-table th:first-child{width:40px}.fwc-log-table th:nth-child(4){width:72px}.fwc-log-table td:nth-child(3),.fwc-log-table th:nth-child(3){display:none}.fwc-log-table td:nth-child(2){overflow:hidden;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.fwc-log-table td:nth-child(4){white-space:nowrap}}@media (min-width:900px){.fwc-root{grid-template-columns:max-content minmax(0,730px);align-items:start;justify-items:start;gap:56px}.fwc-rail{padding-top:40px;padding-bottom:48px}}@media (prefers-reduced-motion:reduce){.fwc-root *,.fwc-root :after,.fwc-root :before{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}}.fwc-caption-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}.fwc-caption .fwc-reset{border-color:transparent;background:transparent;color:rgba(232,228,218,.82)}.fwc-caption .fwc-reset:active,.fwc-caption button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.fwc-caption .fwc-reset:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}}.fwc-strands{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(75% 95% at 28% 52%,#000 0,rgba(0,0,0,.6) 58%,transparent 100%);mask-image:radial-gradient(75% 95% at 28% 52%,#000 0,rgba(0,0,0,.6) 58%,transparent 100%)}.fwc-phone-fit,.fwc-rail{position:relative;z-index:1}.fwc-strand{top:var(--y);right:0;left:0;height:1px;background:linear-gradient(90deg,rgba(150,190,215,0),rgba(150,190,215,.18) 16%,rgba(150,190,215,.18) 84%,rgba(150,190,215,0));opacity:var(--o)}.fwc-pulse,.fwc-strand{position:absolute;transition:opacity .7s cubic-bezier(.23,1,.32,1)}.fwc-pulse{inset:-1px 0;opacity:1;transform:translateX(-14%);animation:fwc-pulse var(--t) cubic-bezier(.45,0,.55,1) var(--d) infinite;will-change:transform}.fwc-pulse:before{position:absolute;top:0;left:0;width:clamp(90px,13%,170px);height:3px;border-radius:2px;background:linear-gradient(90deg,rgba(150,214,178,0),rgba(150,214,178,.55) 68%,rgba(226,246,234,.95) 95%,rgba(226,246,234,0));content:""}@keyframes fwc-pulse{0%{transform:translateX(-14%)}to{transform:translateX(100%)}}.fwc-strands:has(~.fwc-root[data-connection=offline]) .fwc-pulse{opacity:0}.fwc-strands:has(~.fwc-root[data-connection=offline]) .fwc-strand{opacity:calc(var(--o) * .45)}@media (max-width:1023px){.fwc-strands{-webkit-mask-image:radial-gradient(90% 60% at 50% 32%,#000 0,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:radial-gradient(90% 60% at 50% 32%,#000 0,rgba(0,0,0,.55) 60%,transparent 100%)}}@media (prefers-reduced-motion:reduce){.fwc-pulse{animation:none;opacity:0}}.fwc-rail:before{position:absolute;z-index:-1;inset:0;background:#1c2430;content:"";pointer-events:none}@media (min-width:1024px){.fwc-rail:before{inset:-22px}}