*{box-sizing:border-box}body{background:#f4f1ec;margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif}.q-shell{background:#f4f1ec;flex-direction:column;min-height:100dvh;display:flex}.q-head{z-index:2;background:#f4f1ec;border-bottom:1px solid #e7e2da;padding:12px 16px 10px;position:sticky;top:0}.q-body{flex-direction:column;flex:1;gap:28px;width:100%;padding:20px 16px 28px;display:flex}.q-foot{z-index:2;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e7e2da;position:sticky;bottom:0}.q-foot__inner{align-items:center;gap:12px;display:flex}.q-foot__primary{flex:1}@media (width>=640px){.q-head__inner,.q-body,.q-foot__inner{width:100%;max-width:560px;margin-inline:auto}.q-foot__primary{flex:none;margin-left:auto}}.screen{background:#f4f1ec;flex-direction:column;min-height:100dvh;display:flex}.screen__head{z-index:2;background:#f4f1ec;border-bottom:1px solid #e7e2da;padding:14px 16px;position:sticky;top:0}.screen__body{flex-direction:column;flex:1;gap:24px;width:100%;padding:20px 16px 32px;display:flex}@media (width>=640px){.screen__inner,.screen__body{width:100%;max-width:560px;margin-inline:auto}}.screen__aside{flex-direction:column;gap:24px;display:flex}@media (width>=1040px){.screen__head,.screen__body{padding-inline:0}.screen__inner,.screen__body{max-width:1000px}.screen__body>*{max-width:560px}.screen__body{position:relative}.screen__body>.screen__aside{width:400px;max-width:400px;position:absolute;top:20px;right:0}}:root{--appbar-h:calc(73px + env(safe-area-inset-bottom,0px))}.appbar{z-index:12;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e7e2da;position:sticky;bottom:0}.appbar__inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.appbar__inner--single{grid-template-columns:1fr}.appbar__left{justify-self:start}.appbar__right{justify-self:end;width:100%}@media (width>=640px){.appbar__inner,.sheet__inner{max-width:560px;margin-inline:auto}.appbar__right{width:auto}}.sheet-backdrop{inset:0;bottom:var(--appbar-h);z-index:10;background:#2222228c;animation:.2s ease-out sheet-fade;position:fixed}.sheet{z-index:11;left:0;right:0;bottom:var(--appbar-h);max-height:calc(80dvh - var(--appbar-h));background:#f4f1ec;border-top:1px solid #e7e2da;border-radius:20px 20px 0 0;padding:12px 16px 16px;animation:.22s ease-out sheet-rise;position:fixed;overflow-y:auto}.sheet__grip{background:#b6aea7;border-radius:999px;width:44px;height:4px;margin:4px auto 12px}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-fall{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-unfade{0%{opacity:1}to{opacity:0}}.sheet--leaving{animation:.22s ease-in forwards sheet-fall}.sheet-backdrop--leaving{animation:.2s ease-in forwards sheet-unfade}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.sheet--leaving,.sheet-backdrop--leaving{animation:none}.sheet--leaving,.sheet-backdrop--leaving{opacity:0}}.modal-backdrop{z-index:20;background:#2222228c;animation:.2s ease-out sheet-fade;position:fixed;inset:0}.modal-wrap{z-index:21;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{pointer-events:auto;background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:100%;padding:24px;animation:.2s ease-out modal-appear;overflow-y:auto;box-shadow:0 18px 48px #22222238}@keyframes modal-appear{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.slot-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@keyframes q-flash{0%,55%{border-color:#b91c1c}to{border-color:#0000}}.q-flash{animation:1.6s ease-out q-flash}@media (prefers-reduced-motion:reduce){.q-flash{border-color:#b91c1c;animation:none}}@keyframes q-nest-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}.q-nest{grid-template-rows:1fr;animation:.22s ease-out q-nest-open;display:grid}.q-nest>*{min-height:0;overflow:clip}@media (prefers-reduced-motion:reduce){.q-nest{animation:none}}@keyframes q-row-flash{0%,55%{background-color:#fdeeea;border-color:#b91c1c}}.q-row-flash{animation:1.6s ease-out q-row-flash}@media (prefers-reduced-motion:reduce){.q-row-flash{background-color:#fdeeea;border-color:#b91c1c;animation:none}}