:root{--fm-control-height:48px;--fm-touch-target:44px;--fm-shadow-step:4px;--fm-focus-ring:var(--blue);--fm-motion-fast:.15s;--fm-motion-calm:.36s;--fm-motion-ease:cubic-bezier(.2, 0, 0, 1)}.button{min-height:var(--fm-control-height);box-shadow:var(--fm-shadow-step) var(--fm-shadow-step) 0 var(--ink);transition:transform var(--fm-motion-fast) var(--fm-motion-ease), box-shadow var(--fm-motion-fast) var(--fm-motion-ease), background-color var(--fm-motion-fast) linear, color var(--fm-motion-fast) linear;border-radius:2px}.button-ink{box-shadow:var(--fm-shadow-step) var(--fm-shadow-step) 0 var(--yellow)}.button[aria-busy=true],.panel-tabs button[aria-busy=true]{cursor:progress}.button:has(.spin){cursor:progress}.panel-tabs button:has(.spin){cursor:progress}.button:disabled,.panel-tabs button:disabled,.propose-dish-button:disabled{opacity:.52;box-shadow:none;cursor:not-allowed;filter:grayscale(.2)}@media (hover:hover) and (pointer:fine){.button:not(:disabled):hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.button-ink:not(:disabled):hover{box-shadow:6px 6px 0 var(--yellow)}.panel-tabs button:not(:disabled):hover,.propose-dish-button:not(:disabled):hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}}.button:not(:disabled):active,.panel-tabs button:not(:disabled):active,.propose-dish-button:not(:disabled):active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button-ink:not(:disabled):active{box-shadow:1px 1px 0 var(--yellow)}:where(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--fm-focus-ring);outline-offset:3px}.panel-tabs .ask-mika,.propose-dish-button{box-shadow:3px 3px 0 var(--ink);transition:transform var(--fm-motion-fast) var(--fm-motion-ease), box-shadow var(--fm-motion-fast) var(--fm-motion-ease), background-color var(--fm-motion-calm) var(--fm-motion-ease);border-radius:999px}.home-anchor-nav,.profile-anchor-nav{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;max-width:calc(100vw - 20px);overflow-x:auto}.home-anchor-nav::-webkit-scrollbar{display:none}.profile-anchor-nav::-webkit-scrollbar{display:none}.home-anchor-nav a,.profile-anchor-nav a{scroll-snap-align:start}.create-progress{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline mandatory;gap:10px;display:flex;overflow-x:auto}.create-progress::-webkit-scrollbar{display:none}.create-progress button{border:1px solid var(--ink);background:var(--paper);min-width:150px;min-height:54px;color:var(--muted);box-shadow:3px 3px 0 var(--ink);cursor:default;scroll-snap-align:start;flex:1 0 150px;padding:8px 12px}.create-progress button.active{border-color:var(--ink);background:var(--yellow);color:var(--ink)}.create-progress button:not(:disabled){cursor:pointer}.create-progress i{border:1px solid var(--ink);background:var(--paper);width:30px;height:30px;color:var(--ink);border-radius:2px;flex:none}.create-progress button.active i{background:var(--green)}:where(.auth-card,.profile-editor,.create-fields,.add-need-form,.join-name,.account-card,.password-change) :where(input,textarea,select){min-height:var(--fm-control-height);transition:border-color var(--fm-motion-fast) linear, box-shadow var(--fm-motion-fast) linear, background-color var(--fm-motion-fast) linear;border-radius:2px}@media (hover:hover) and (pointer:fine){:where(.auth-card,.profile-editor,.create-fields,.add-need-form,.join-name,.account-card,.password-change) :where(input,textarea,select):not(:disabled):hover{border-color:var(--blue)}}:where(.auth-card,.profile-editor,.create-fields,.add-need-form,.join-name,.account-card,.password-change) :where(input,textarea,select):focus-visible{border-color:var(--ink);box-shadow:3px 3px 0 var(--yellow)}.mika-card[data-signal]{transform-origin:50% 55%;transition:transform var(--fm-motion-calm) var(--fm-motion-ease), background-color var(--fm-motion-calm) var(--fm-motion-ease), color var(--fm-motion-calm) linear}.mika-card[data-signal=attention]{background:var(--orange);transform:rotate(-1deg)}.mika-card[data-signal=ready]{background:var(--green);transform:rotate(.7deg)}.mika-card[data-signal=record]{background:var(--blue);color:#fff;transform:rotate(-.45deg)}.mika-card[data-signal=record] p{color:#ffffffc7}.collective-dot{animation:9s ease-in-out infinite formika-calm-float}.card-mika{transition:transform var(--fm-motion-calm) var(--fm-motion-ease)}@keyframes formika-calm-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form-grid>*{min-width:0}.needs-section,.people-section,.updates-section{scroll-margin-top:84px}.panel-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-tabs button{min-height:56px;transition:transform var(--fm-motion-fast) var(--fm-motion-ease), box-shadow var(--fm-motion-fast) var(--fm-motion-ease), background-color var(--fm-motion-fast) linear, color var(--fm-motion-fast) linear}@media (max-width:760px){.home-anchor-nav{width:calc(100% - 20px);display:flex}.home-anchor-nav a{min-height:var(--fm-touch-target);flex:1 0 96px}.profile-anchor-nav{width:calc(100% - 16px);padding-inline:6px;display:flex}.profile-anchor-nav a{min-height:var(--fm-touch-target);white-space:nowrap;flex:0 0 126px;padding-inline:10px;font-size:9px}.create-progress{margin-inline:-14px;padding:12px 14px 8px}.create-progress button{flex-basis:132px;min-width:132px;font-size:9px}.profile-form-grid{grid-template-columns:1fr}.panel-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.panel-tabs button,.panel-tabs .ask-mika{width:100%;min-width:0}}@media (max-width:390px){.profile-anchor-nav a{flex-basis:116px}.panel-tabs button{padding-inline:6px;font-size:10px}}@media (prefers-reduced-motion:reduce){.collective-dot{animation:none}.mika-card[data-signal],.card-mika{transition:none}}