:root{--color-bg:#fafafa;--color-surface:#fff;--color-text:#171717;--color-text-muted:#737373;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-accent:#171717;--color-accent-hover:#404040;--color-error-bg:#fef2f2;--color-error-text:#991b1b;--color-error-border:#fecaca;--radius:10px;--radius-lg:14px;--font:"Inter", system-ui, -apple-system, sans-serif;--header-max:640px;--touch-min:44px;--control-height:var(--touch-min);--control-padding-x:.875rem;--control-font-size:16px;--page-x:1rem;--page-y:1.25rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--fab-height:3.25rem}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:manipulation}#__nuxt,body,html{min-height:100%}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;touch-action:manipulation}.shell{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:var(--safe-top);background:#ffffffeb;position:sticky;top:0}.header__inner{max-width:var(--header-max);padding:.75rem var(--page-x);justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex}.logo{letter-spacing:-.02em;font-size:.9375rem;font-weight:600;line-height:1.2}.logo-block{color:inherit;flex-direction:column;gap:.125rem;text-decoration:none;display:flex}.logo-block:active{opacity:.7}.logo-version{letter-spacing:.03em;color:var(--color-text-muted);font-size:.625rem;font-weight:500;line-height:1}.logo:active{opacity:.7}.nav{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.main{width:100%;max-width:var(--header-max);padding:var(--page-y) var(--page-x) calc(var(--page-y) + var(--safe-bottom));flex:1;margin:0 auto}.main--with-fab{padding-bottom:calc(var(--fab-height) + 1.5rem + var(--safe-bottom))}.auth-layout{min-height:100dvh;padding:calc(1.5rem + var(--safe-top)) var(--page-x) calc(1.5rem + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-layout__logo{align-self:center;margin-bottom:1.5rem}.fab-bar{left:0;right:0;bottom:calc(.875rem + var(--safe-bottom));z-index:20;padding:0 var(--page-x);pointer-events:none;position:fixed}.fab{pointer-events:auto;width:100%;max-width:var(--header-max);min-height:var(--fab-height);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;justify-content:center;align-items:center;margin:0 auto;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex;box-shadow:0 8px 24px #1717172e}.fab:active{background:var(--color-accent-hover);transform:scale(.98)}.page-title{letter-spacing:-.03em;margin:0 0 .25rem;font-size:1.375rem;font-weight:600}.page-lead{margin:0;font-size:.9375rem}.page-lead,.section-title{color:var(--color-text-muted)}.section-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.75rem;font-weight:500}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem}.card--narrow{width:min(100%,22rem);margin-inline:auto}.card__header{margin-bottom:1.25rem}.card__header--center{text-align:center}.btn{min-height:var(--touch-min);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;line-height:1.25;transition:background .15s,border-color .15s,opacity .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{min-height:2.5rem;padding:.5rem .875rem;font-size:.875rem}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:active:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--ghost:active:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg)}.btn--text{color:var(--color-text-muted);min-height:var(--touch-min);background:0 0;padding:.5rem .625rem}.btn--text:active:not(:disabled){color:var(--color-text)}.btn--block{width:100%}.btn--danger{color:var(--color-error-text)}.btn--danger-solid{background:var(--color-error-text);color:#fff}.btn--danger-solid:active:not(:disabled){background:#7f1d1d}.form{gap:1.125rem}.field,.form{flex-direction:column;display:flex}.field{gap:.375rem}.label{color:var(--color-text);font-size:.8125rem;font-weight:500;line-height:1.25}.input,.select,.textarea{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);font-size:var(--control-font-size);appearance:none;outline:none;transition:border-color .15s}.input,.select{height:var(--control-height);min-height:var(--control-height);padding:0 var(--control-padding-x);line-height:1.25}.input::-moz-placeholder{color:#a3a3a3}.textarea::-moz-placeholder{color:#a3a3a3}.input::placeholder,.textarea::placeholder{color:#a3a3a3}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-strong)}.input[type=search]{-webkit-appearance:none}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.select{cursor:pointer;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20stroke%3D%22%23737373%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2.5%204.5%206%208l3.5-3.5%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.textarea{height:auto;min-height:calc(var(--control-height)*2 + .5rem);padding:.75rem var(--control-padding-x);resize:vertical;line-height:1.5}.field-row--amount .field{grid-template-rows:auto var(--control-height);align-content:start;gap:.375rem;display:grid}.field-row--amount .input,.field-row--amount .select{align-self:stretch}.form-footer{text-align:center;color:var(--color-text-muted);margin-top:.125rem;font-size:.9375rem}.form-footer a{color:var(--color-text);font-weight:500}.alert{border-radius:var(--radius);padding:.75rem .875rem;font-size:.9375rem}.alert--error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.hero{margin-bottom:1.25rem}.hero--row{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.hero__action{display:none}.stack{flex-direction:column;gap:.875rem;display:flex}.narrow{width:100%;max-width:100%;margin-inline:auto}.back-link{min-height:var(--touch-min);color:var(--color-text-muted);align-items:center;margin-bottom:.5rem;font-size:.9375rem;display:inline-flex}.back-link:active{color:var(--color-text)}.account-strip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.account-strip__meta{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.account-strip__name{font-size:.9375rem;font-weight:500}.account-strip__email,.account-strip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-strip__email{color:var(--color-text-muted);font-size:.75rem}.account-strip .badge{margin-left:auto}.balance-summary{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:1rem 1.125rem}.balance-summary__title{margin:0;font-size:.9375rem;font-weight:600}.balance-summary__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.balance-summary__group+.balance-summary__group{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.balance-summary__label{letter-spacing:.02em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.balance-summary__label--pay{color:#9a3412}.balance-summary__label--receive{color:#166534}.balance-summary__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.balance-summary__row{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.balance-summary__row--pay{border-left:3px solid #fb923c}.balance-summary__row--receive{border-left:3px solid #4ade80}.balance-summary__row--even{border-left:3px solid var(--color-text-muted)}.balance-summary__label-inline{color:var(--color-text-muted);margin:0 0 .125rem;font-size:.75rem;font-weight:600}.balance-summary__info{min-width:0}.balance-summary__amount{font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:600}.balance-summary__currency{color:var(--color-text-muted);margin-right:.375rem;font-size:.75rem;font-weight:500}.balance-summary__meta{color:var(--color-text-muted);margin:.125rem 0 0;font-size:.75rem}.balance-summary__action{flex-shrink:0;min-width:5.5rem}.balance-summary__actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.375rem;display:flex}.balance-summary__offsets{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.balance-summary__offsets-title{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.balance-summary__offsets-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.balance-summary__offset-item{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.balance-summary__offset-name{font-weight:500}.balance-summary__offset-detail{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.avatar{background:var(--color-bg);border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-text-muted);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.avatar--sm{width:2.375rem;height:2.375rem;font-size:.6875rem}.avatar--lent{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.avatar--borrowed{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.badge{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;flex-shrink:0;padding:.3125rem .5625rem;font-size:.75rem;font-weight:500}.badge--header{display:none}.header-icon{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius);color:var(--color-text-muted);place-items:center;transition:background .15s,color .15s;display:inline-grid}.header-icon--active,.header-icon:active{background:var(--color-bg);color:var(--color-text)}.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:1rem 1.125rem}.settings-rows{margin:0}.settings-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.settings-row:first-child{border-top:none;padding-top:0}.settings-row:last-child{padding-bottom:0}.settings-row dt{color:var(--color-text-muted);flex-shrink:0;margin:0;font-size:.875rem}.settings-row dd{text-align:right;word-break:break-word;margin:0;font-size:.875rem;font-weight:500}.debts-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:1.125rem}.debts-panel__head{margin-bottom:1rem}.debts-panel__title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:600}.debts-panel__summary{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.8125rem}.filter-tabs{border-radius:var(--radius);background:var(--color-bg);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:.375rem;margin-bottom:1rem;padding:.25rem;display:grid}.filter-tab{border-radius:calc(var(--radius) - 2px);min-height:2.25rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.filter-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0000000f}.filter-tab__count{color:var(--color-text-muted);font-size:.6875rem}.filter-tab--active .filter-tab__count{color:var(--color-text)}.debts-empty{text-align:center;padding:2rem .5rem .75rem}.debts-empty--compact{padding:1.5rem .5rem .25rem}.debts-empty__title{margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.debts-empty__text{color:var(--color-text-muted);margin:0 0 1.125rem;font-size:.875rem}.debts-empty--compact .debts-empty__text{margin-bottom:0}.debt-cards{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.debt-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);position:relative;overflow:hidden}.debt-card--settled{opacity:.72}.debt-card--lent{border-left:3px solid #22c55e}.debt-card--borrowed{border-left:3px solid #f97316}.debt-card__main{gap:.75rem;padding:.875rem 2.75rem .875rem .875rem;display:flex}.debt-card__avatar{margin-top:.125rem}.debt-card__body{flex:1;min-width:0}.debt-card__row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.debt-card__row--meta{align-items:center;margin-top:.375rem}.debt-card__meta-left{flex-direction:column;gap:.125rem;min-width:0;display:flex}.debt-card__name{line-height:1.3}.debt-card__amount,.debt-card__name{margin:0;font-size:.9375rem;font-weight:600}.debt-card__amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.debt-card__currency{letter-spacing:.02em;margin-right:.125rem;font-size:.6875rem}.debt-card__currency,.debt-card__role{color:var(--color-text-muted);font-weight:500}.debt-card__role{font-size:.75rem}.debt-card__date{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.debt-card__note{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.8125rem;line-height:1.45}.status-pill{letter-spacing:.02em;border-radius:999px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.status-pill--open{color:#92400e;background:#fef3c7}.status-pill--settled{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.debt-card__actions{padding:0 .875rem .875rem}.icon-btn{width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn--danger:active:not(:disabled){color:var(--color-error-text);background:var(--color-error-bg)}.debt-card__delete{z-index:1;position:absolute;top:.625rem;right:.625rem}.role-group{border:none;margin:0;padding:0}.role-options{grid-template-columns:1fr 1fr;gap:.625rem;margin-top:.375rem;display:grid}.role-option{min-height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.75rem .875rem;display:flex;position:relative}.role-option input{opacity:0;pointer-events:none;position:absolute}.role-option--active{border-color:var(--color-accent);background:var(--color-bg)}.role-option__title{font-size:.9375rem;font-weight:600}.role-option__desc{color:var(--color-text-muted);font-size:.75rem}.field-row{grid-template-columns:1fr;gap:1rem;display:grid}.field-row--amount{gap:1rem}.field--amount{gap:.75rem}.field--currency{min-width:0}.select--compact{width:100%}.amount-keypad{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.amount-keypad__display{text-align:center;justify-content:center;align-items:baseline;gap:.5rem;min-height:3.5rem;padding:.75rem .5rem .25rem;display:flex}.amount-keypad__currency{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.amount-keypad__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,8vw,2.75rem);font-weight:300;line-height:1.1}.amount-keypad__value--muted{color:var(--color-text-muted)}.amount-keypad__operator{color:#e85d5d;margin:0 .125rem;font-weight:300}.amount-keypad__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.25rem 0 0;display:grid}.amount-keypad__key{border-radius:var(--radius);min-height:3.25rem;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:.75rem .5rem;font-size:1.375rem;font-weight:400;line-height:1;transition:background .12s;display:flex}.amount-keypad__key:active{background:var(--color-bg)}.amount-keypad__key--operator{color:#e85d5d;font-size:1.625rem;font-weight:300}.amount-keypad__key--utility{color:var(--color-text-muted);font-size:1.25rem}@media (width>=480px){.field-row--amount{grid-template-columns:minmax(9rem,11rem) 1fr;align-items:stretch;gap:.625rem}}.field-hint{color:var(--color-text-muted);margin:.375rem 0 0;font-size:.8125rem}.field-hint--selected{color:#166534}.label-optional{color:var(--color-text-muted);font-weight:400}.search-results{border:1px solid var(--color-border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;max-height:14rem;margin:.375rem 0 0;padding:0;list-style:none;overflow:hidden auto}.search-result{width:100%;min-height:var(--touch-min);border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:left;font:inherit;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.75rem .875rem;display:flex}.search-result:last-child{border-bottom:none}.search-result:active{background:var(--color-bg)}.search-result__email{color:var(--color-text-muted);word-break:break-all;font-size:.8125rem}.selected-user{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.selected-user__name{margin:0;font-weight:500}.selected-user__email{color:var(--color-text-muted);word-break:break-all;margin:.125rem 0 0;font-size:.8125rem}.recent-pick{border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;margin-top:.5rem;padding:.625rem .875rem;font-size:.875rem}.recent-pick:active{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-bg)}.empty{text-align:center;padding:1.5rem 0 .25rem}.empty .actions,.empty .btn{margin-inline:auto}.empty__title{margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.empty__text{color:var(--color-text-muted);margin:0 0 1.125rem;font-size:.875rem}.actions{flex-direction:column;gap:.625rem;display:flex}.actions .btn{width:100%}@media (width>=640px){:root{--page-x:1.5rem;--page-y:2rem}.page-title{font-size:1.5rem}.card{padding:1.5rem}.hero--row{flex-direction:row;justify-content:space-between;align-items:flex-start}.hero__action{flex-shrink:0;display:inline-flex}.fab,.fab-bar{display:none}.main--with-fab{padding-bottom:calc(var(--page-y) + var(--safe-bottom))}.badge--header{display:inline-flex}.header-icon:hover{background:var(--color-bg)}.filter-tab:hover:not(.filter-tab--active),.header-icon:hover{color:var(--color-text)}.icon-btn--danger:hover:not(:disabled){color:var(--color-error-text);background:var(--color-error-bg)}.account-strip .badge{margin-left:auto}.actions{flex-direction:row;justify-content:center}.actions .btn{width:auto;min-width:7rem}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg)}.btn--text:hover:not(:disabled){color:var(--color-text)}.logo-block:hover,.logo:hover{opacity:.7}.back-link:hover{color:var(--color-text)}.search-result:hover{background:var(--color-bg)}.fab:hover{background:var(--color-accent-hover)}.btn--danger-solid:hover:not(:disabled){background:#7f1d1d}}@media (width>=768px){:root{--header-max:720px}.narrow{max-width:28rem}}.toast-stack{top:calc(.75rem + var(--safe-top));left:var(--page-x);right:var(--page-x);z-index:50;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed}.toast{border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff5;align-items:flex-start;gap:.625rem;padding:.875rem .875rem .875rem 1rem;display:flex;box-shadow:0 8px 24px #0000001a}.toast--error{border-color:var(--color-error-border);background:var(--color-error-bg)}.toast--success{background:#f0fdf4;border-color:#bbf7d0}.toast__message{color:var(--color-text);flex:1;margin:0;font-size:.875rem;line-height:1.45}.toast--error .toast__message{color:var(--color-error-text)}.toast--success .toast__message{color:#166534}.toast__close{border-radius:var(--radius);width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:-.125rem -.125rem 0 0;padding:0;font-size:1.25rem;line-height:1}.toast__close:active{background:#0000000f}@media (width>=768px){.toast-stack{width:min(100% - 2rem,24rem);left:50%;right:auto;transform:translate(-50%)}}.confirm-overlay{z-index:40;padding:calc(1rem + var(--safe-top)) var(--page-x) calc(1rem + var(--safe-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,22rem);padding:1.25rem;box-shadow:0 16px 40px #0000001f}.confirm-dialog__title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:600}.confirm-dialog__message{color:var(--color-text-muted);margin:.625rem 0 0;font-size:.9375rem;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.pwa-prompt{left:var(--page-x);right:var(--page-x);bottom:calc(.75rem + var(--safe-bottom));z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000014}.pwa-prompt__text{margin:0;font-size:.875rem;line-height:1.35}.pwa-prompt__actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.offline-page__card{flex-direction:column;gap:1rem;display:flex}.offline-page__text{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.5}@media (width>=768px){.pwa-prompt{width:min(100% - 2rem,28rem);left:50%;right:auto;transform:translate(-50%)}}