:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#efeeea;--press:#e9e8e3;--text:#1f1f1e;--text-2:#4a4945;--muted:#67665f;--faint:#a3a29c;--line:#ecebe7;--track:#e9e8e3;--border:#dad9d4;--stroke:#b3b1aa;--stroke-strong:#8e8c85;--neg:#b8392f;--neg-bg:#fbedeb;--pos:#3e7a4f;--fixes:#4a6fa5;--reserves:#7a67b0;--r-sm:10px;--r-md:12px;--r-lg:16px;--r-xl:20px;--sh-card:0 0 0 1px #1f1f1e0a, 0 1px 2px #1f1f1e0a;--sh-thumb:0 1px 3px #1f1f1e29, 0 0 0 .5px #1f1f1e0f;--sh-fab:0 6px 16px -4px #1f1f1e59;--sh-sheet:0 -8px 32px #1f1f1e1f;--scrim:#1f1f1e66;--gutter:16px;--pad:16px;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.16s;--tabbar:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}input,textarea,select{font:inherit;color:inherit}.ic{flex:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.top{height:56px;padding:0 8px 0 var(--gutter);flex:none;justify-content:space-between;align-items:center;display:flex}.top.back{justify-content:flex-start;gap:2px;padding-left:4px}.title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.month{letter-spacing:-.01em;border-radius:var(--r-md);height:44px;transition:background var(--dur) var(--ease);align-items:center;gap:4px;margin-left:-8px;padding:0 8px;font-size:20px;font-weight:600;display:flex}.month .ic{color:var(--muted)}.month:active{background:var(--press)}.iconbtn{width:44px;height:44px;color:var(--text-2);transition:background var(--dur) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.iconbtn:active{background:var(--press)}.iconbtn.strong{color:var(--text)}.content{padding:4px var(--gutter) calc(var(--tabbar) + 40px + var(--safe-bottom));flex-direction:column;flex:1;gap:28px;display:flex}.content.plain{padding-bottom:calc(32px + var(--safe-bottom))}.banner{color:var(--text-2);background:var(--surface-2);margin:-6px var(--gutter) 12px;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.label{color:var(--muted);font-size:13px;font-weight:500}.hero{letter-spacing:-.035em;margin:4px 0 0;font-size:44px;font-weight:600;line-height:1.1}.meta{color:var(--muted);font-size:13px;line-height:1.4}.name{font-size:15px;font-weight:500;line-height:1.3}.name.soft{color:var(--text-2)}.amt{white-space:nowrap;text-align:right;font-size:15px;font-weight:600}.amt.light{font-weight:500}.neg{color:var(--neg)}.pos{color:var(--pos)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error{color:var(--neg);background:var(--neg-bg);border-radius:var(--r-md);padding:10px 12px;font-size:13.5px;line-height:1.4}.center{text-align:center}.spacer{margin-top:auto}.grow{flex:1;min-width:0}.line{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;flex:none;width:8px;height:8px}.meta.with-tag{align-items:center;display:flex}.meta.with-tag>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tag{background:var(--surface-2);color:var(--text-2);vertical-align:1px;border-radius:6px;flex:none;margin-left:6px;padding:0 6px;font-size:11.5px;font-weight:500;line-height:18px;display:inline-block}.sec{color:var(--muted);padding:0 var(--pad) 8px;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;display:flex}.sec-hint,.sec-foot{color:var(--muted);padding:0 var(--pad) 10px;margin-top:-2px;font-size:13px;line-height:1.4}.sec-foot{padding:8px var(--pad) 0;margin-top:0}.section:has(>.bare)>:is(.sec,.sec-hint,.sec-foot){padding-inline:0}.group:has(.chev)>.row:not(:has(>.chev))>.amt{margin-right:24px}.group{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden}.bare{flex-direction:column;gap:16px;display:flex}.row{--inset:var(--pad);min-height:56px;padding:10px var(--pad);align-items:center;gap:12px;width:100%;display:flex;position:relative}.row.has-lead{--inset:52px}.row:has(>.tile){--inset:64px}.group>*+.row:before{content:"";top:0;left:var(--inset);background:var(--line);height:1px;position:absolute;right:0}button.row{transition:background var(--dur) var(--ease)}button.row:active{background:var(--press)}.row.col{padding:14px var(--pad);flex-direction:column;align-items:stretch;gap:8px}.lead{width:24px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.tile{border-radius:var(--r-sm);flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.avatar{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.row.has-lead:has(.avatar){--inset:60px}.row.has-lead:has(.avatar) .lead{width:32px}.chev{color:var(--faint);flex:none;margin-right:-4px}.bar{background:var(--track);border-radius:99px;height:6px;overflow:hidden}.bar i{height:100%;transition:width .4s var(--ease);border-radius:99px;display:block}.bar.l{height:8px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-2);font-size:13px;font-weight:500}.field-label .optional{color:var(--muted);font-weight:400}.control{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-md);min-height:48px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:8px;padding:0 14px;display:flex}@media (hover:hover){.control:hover:not(:focus-within){border-color:var(--stroke-strong)}}.control:focus-within{border-color:var(--text);box-shadow:0 0 0 3px #1f1f1e1a}.control[data-invalid]{border-color:var(--neg);box-shadow:0 0 0 3px #b8392f1f}.control input,.control textarea,.control select{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0;font-size:16px;font-weight:500}.control input::placeholder,.control textarea::placeholder{color:var(--faint);font-weight:400}.control.multiline{padding:0 14px}.control textarea{resize:none;font-weight:400;line-height:1.5}.control .suffix{color:var(--muted);white-space:nowrap;font-size:15px}.control.compact{flex:none;width:128px;min-height:40px;padding:0 12px}.control.compact input{text-align:right;padding:8px 0}.control.compact input::placeholder{color:var(--muted)}.hint{color:var(--muted);font-size:12.5px;line-height:1.4}.form{flex-direction:column;gap:16px;display:flex}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.swatch{border-radius:50%;flex:none;width:28px;height:28px;position:relative;box-shadow:inset 0 0 0 1px #1f1f1e1f}.swatch>input[type=color]{opacity:0;cursor:pointer;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px}.btn{background:var(--text);color:#fff;width:100%;height:52px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn.tonal{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--stroke)}.btn.danger{background:var(--neg-bg);color:var(--neg)}.btn:disabled{background:var(--surface-2);color:var(--faint);box-shadow:none;opacity:1}.btn.small{border-radius:var(--r-md);height:44px;font-size:14.5px;font-weight:500}.link{min-height:44px;color:var(--text-2);align-items:center;gap:6px;font-size:14.5px;font-weight:500;display:inline-flex}.link.neg{color:var(--neg)}.actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.confirm{border-radius:var(--r-lg);background:var(--neg-bg);flex-direction:column;gap:10px;padding:14px;display:flex}.confirm .name{color:var(--neg)}.chips{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);gap:8px;display:flex;overflow-x:auto}.chips.wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.chip{background:var(--surface);height:34px;box-shadow:inset 0 0 0 1px var(--stroke);white-space:nowrap;color:var(--text-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:99px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip.on{background:var(--text);box-shadow:none;color:#fff}.chip.small{height:26px;padding:0 10px;font-size:12.5px}.chip.small .dot{width:6px;height:6px}button.chip{position:relative}button.chip:after{content:"";position:absolute;inset:-5px 0}.pill{background:var(--surface);height:40px;box-shadow:inset 0 0 0 1px var(--stroke);color:var(--text-2);max-width:100%;transition:background var(--dur) var(--ease);border-radius:99px;align-items:center;gap:7px;padding:0 14px;font-size:14.5px;font-weight:500;display:inline-flex;position:relative}.pill:active{background:var(--press)}.pill .ic{color:var(--muted)}.pill.filled{color:var(--text)}.seg{background:var(--surface-2);border-radius:var(--r-sm);border:0;flex:none;min-width:0;height:40px;margin:0;padding:3px;display:inline-flex}.seg button{color:var(--muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-thumb)}.seg.block{height:48px;display:flex}.seg.block button{flex:1}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.key{border-radius:var(--r-md);justify-content:center;align-items:center;height:54px;font-size:24px;font-weight:500;transition:background 80ms linear;display:flex}.key:active{background:var(--press)}.tabbar{max-width:480px;height:calc(var(--tabbar) + var(--safe-bottom));padding:6px 0 var(--safe-bottom);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--line);z-index:10;background:#ffffffe0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:50px;font-size:11px;font-weight:500;display:flex}.tab.on{color:var(--text);font-weight:600}.plus{border-radius:var(--r-lg);background:var(--text);color:#fff;width:48px;height:48px;box-shadow:var(--sh-fab);transition:transform var(--dur) var(--ease);justify-content:center;align-items:center;display:flex}.tab:active .plus{transform:scale(.94)}.plus-label{display:none}.toggle{background:var(--stroke);width:42px;height:26px;transition:background var(--dur) var(--ease);border-radius:99px;flex:none;position:relative}.toggle:after{content:"";width:20px;height:20px;box-shadow:var(--sh-thumb);transition:left var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.on{background:var(--text)}.toggle.on:after{left:19px}.toggle-hit{flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.toggle-hit .toggle{display:block}.check{border:1.5px solid var(--stroke);width:22px;height:22px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.check.on{background:var(--fixes);border-color:var(--fixes);color:#fff}.amount-chip{white-space:nowrap;background:var(--surface-2);min-height:34px;transition:background var(--dur) var(--ease);border-radius:8px;padding:6px 10px;font-size:15px;font-weight:600;position:relative}.amount-chip:after{content:"";position:absolute;inset:-5px -4px}.amount-chip:active{background:var(--press)}.amount-chip.unchecked{color:var(--muted);font-weight:500}dialog.sheet{width:100%;max-width:480px;max-height:92dvh;color:inherit;background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-sheet);overscroll-behavior:contain;animation:rise .26s var(--ease);border:0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto}dialog.sheet::backdrop{background:var(--scrim);animation:.22s ease-out fade}dialog.sheet.closing{animation:.18s ease-in forwards sink}dialog.sheet.closing::backdrop{animation:.18s ease-in forwards fade-out}.sheet-panel{padding:0 var(--gutter) calc(20px + var(--safe-bottom));flex-direction:column;display:flex}.sheet-panel:before{content:"";background:var(--border);border-radius:3px;flex:none;width:36px;height:5px;margin:8px auto 0;display:block}.sheet-head{align-items:flex-start;gap:12px;padding:12px 0 18px;display:flex}.sheet-title{margin:0;padding-top:5px;font-size:17px;font-weight:600;line-height:1.3}.sheet-desc{color:var(--muted);margin-top:4px;font-size:13.5px;line-height:1.45}.close{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);transition:background var(--dur) var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.close:after{content:"";position:absolute;inset:-6px}.close:active{background:var(--press)}.sheet-body{flex-direction:column;gap:20px;display:flex}.sheet-foot{margin:20px calc(-1 * var(--gutter)) calc(-20px - var(--safe-bottom));padding:12px var(--gutter) calc(20px + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--line);flex-direction:column;gap:4px;display:flex;position:sticky;bottom:0}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes sink{to{transform:translateY(100%)}}.toast-region{inset:auto 0 calc(var(--tabbar) + 16px + var(--safe-bottom));width:auto;height:auto;color:inherit;padding:0 var(--gutter);pointer-events:none;background:0 0;border:0;justify-content:center;margin:0;position:fixed;overflow:visible}.toast-region:popover-open{display:flex}.toast{background:var(--text);color:#fff;border-radius:var(--r-md);max-width:440px;animation:toast-in .22s var(--ease);padding:12px 16px;font-size:14px;font-weight:500;line-height:1.35;box-shadow:0 8px 24px #1f1f1e2e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.spin{animation:.8s linear infinite spin;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.boot{letter-spacing:-.01em;place-items:center;min-height:100dvh;font-size:22px;font-weight:600;display:grid}.amount-entry{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.amount-entry .hero{font-size:56px}.amount-entry .hero.fresh{color:#858480}.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.envelope-pick{background:var(--surface);min-height:76px;box-shadow:var(--sh-card);transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;padding:12px 14px 14px;display:flex}.envelope-pick:active:not(:disabled){background:var(--press);transform:scale(.97)}.envelope-pick:disabled{opacity:.55}.envelope-pick.hint{box-shadow:inset 0 0 0 1.5px var(--text)}.envelope-pick .name{font-size:14.5px}.envelope-pick .bar{height:4px}.pending{color:var(--text-2);background:var(--surface-2);border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pending.neg{color:var(--neg);background:var(--neg-bg)}.photo-preview{object-fit:cover;border-radius:var(--r-lg);opacity:.6;width:100%;max-height:240px}.photo-preview.reading{animation:1.2s ease-in-out infinite alternate reading}@keyframes reading{0%{opacity:.35}to{opacity:.7}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.date-pick>input[type=date]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@media (hover:hover){button.row:hover,.iconbtn:hover,.month:hover,.pill:hover,.close:hover,.amount-chip:hover{background:var(--press)}.envelope-pick:hover:not(:disabled),.chip:not(.on):hover,.key:hover{background:var(--surface-2)}.btn:hover:not(:disabled){background:#000}.btn.tonal:hover:not(:disabled){background:var(--surface-2)}.tab:not(.on):hover{color:var(--text-2)}}.settings-tab,.overlay-scrim{display:none}@media (width<=767px){.shell.under,.shell.solo .tabbar{display:none}}.pane{display:contents}@media (width>=768px){.settings-tab{display:flex}.overlay-scrim{display:block}:root{--gutter:24px;--tabbar:0px}.shell{grid-template-columns:96px minmax(0,1fr);min-height:100dvh;display:grid}.shell>.app{width:100%;max-width:720px}.tabbar{-webkit-backdrop-filter:none;border-top:0;border-right:1px solid var(--line);background:0 0;flex-direction:column;align-items:stretch;gap:6px;max-width:none;height:100dvh;margin:0;padding:20px 12px;display:flex;position:sticky;top:0}.tab{border-radius:var(--r-md);min-height:64px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease)}.tab.on{background:var(--surface-2)}.tab.add{order:-1;margin-bottom:12px}.tab.add:hover{background:0 0}.overlay{z-index:15;background:var(--scrim);padding:5dvh 24px;animation:.2s ease-out fade;position:fixed;inset:0;overflow-y:auto}.overlay>.app{background:var(--bg);max-width:460px;min-height:0;animation:pop .22s var(--ease);border-radius:24px;box-shadow:0 24px 64px #1f1f1e38}.overlay .spacer{margin-top:4px}.phone-only{display:none}.overlay-scrim{cursor:default;position:fixed;inset:0}.overlay>.app{position:relative}.top.back{padding-left:var(--gutter)}.settings-tab{margin-top:auto}.content.plain{padding-bottom:48px}.toast-region{bottom:32px}dialog.sheet{border-radius:var(--r-xl);max-width:460px;max-height:min(780px,88dvh);margin:auto;animation-name:pop;inset:0;box-shadow:0 24px 64px #1f1f1e38}dialog.sheet.closing{animation-name:unpop}.sheet-panel{padding-top:8px}.sheet-panel:before{display:none}.sheet-foot{margin-bottom:-20px;padding-bottom:20px}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes unpop{to{opacity:0;transform:scale(.97)}}}@media (width>=1100px){.shell{grid-template-columns:240px minmax(0,1fr)}.shell>.app:has(.cols){max-width:1040px}.tabbar{gap:2px;padding:4px 16px 24px}.tabbar:before{content:"Oika";letter-spacing:-.01em;order:-2;align-items:center;height:56px;margin-bottom:8px;padding:0 12px;font-size:20px;font-weight:600;display:flex}.tab{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px;font-size:14.5px}.tab.add{background:var(--text);color:#fff;margin:0 0 18px;font-weight:600}.tab.add:hover{background:#000}.tab.add .plus{width:auto;height:auto;box-shadow:none;background:0 0}.tab.add .plus .ic{width:20px;height:20px}.plus-label{display:inline}.content.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px 40px;display:grid}.content.cols>.pane{flex-direction:column;gap:28px;display:flex}.content.home{grid-template-rows:auto 1fr;grid-template-areas:"hero envelopes""fixes envelopes"}.area-hero{grid-area:hero}.area-fixes{grid-area:fixes}.area-envelopes{grid-area:envelopes}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation:none!important}}.badge{background:var(--surface-2);height:20px;color:var(--text-2);border-radius:99px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.neg{background:var(--neg-bg);color:var(--neg)}.split-meta{justify-content:space-between;gap:12px;display:flex}.content.add{padding-bottom:calc(12px + var(--safe-bottom));gap:18px}.add .amount-entry{padding-top:8px}.envelope-pick.compact{justify-content:center;min-height:52px}.sticky-chips{z-index:5;background:var(--bg);margin-top:-8px;margin-bottom:-8px;padding-top:8px;padding-bottom:8px;position:sticky;top:0}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:40px 16px;font-size:14.5px;display:flex}.control.date-pick{gap:10px;font-size:16px;font-weight:500;position:relative}.control.date-pick .ic{color:var(--muted)}.control.date-pick:focus-within{border-color:var(--text)}button.amount-entry{padding:4px 0}.fix-toggle{min-height:44px;margin:-10px 0 -10px calc(-1 * var(--pad));padding:10px 0 10px var(--pad);align-self:stretch;gap:12px}.placeholder{color:var(--muted);font-weight:400}.item-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-card);flex-direction:column;gap:12px;padding:14px;display:flex}.hour-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hour-grid .chip{justify-content:center;padding:0}.auth .content{justify-content:center;gap:36px;width:100%;max-width:420px;margin:0 auto;padding-top:48px}.brand-name{letter-spacing:-.02em;font-size:30px;font-weight:600}.receipt{padding-bottom:calc(16px + var(--safe-bottom));gap:24px}.line-toggle{align-self:stretch;gap:12px;min-height:44px}.line-toggle .name{font-size:14.5px}.field-head{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.remove{color:var(--muted);border-radius:6px;margin:-4px -4px -4px 0;padding:4px;display:flex;position:relative}.remove:after{content:"";position:absolute;inset:-10px}.remove:hover{color:var(--neg)}.field-row.name-amount{grid-template-columns:minmax(0,1fr) 112px}.control .swatch{width:22px;height:22px;margin-left:-2px}@media (height<=740px) and (width<=767px){.content.add{gap:12px}.add .amount-entry{gap:8px;padding-top:0}.add .amount-entry .hero{font-size:44px}.add .envelope-pick{gap:6px;min-height:0;padding:10px 12px}.add .btn.small{height:40px}.add .key{height:44px}.add .keypad{gap:2px}}@media (height<=600px) and (width<=767px){.add .key{height:40px;font-size:22px}.add .envelope-pick .bar{display:none}}.brief{padding:14px var(--pad) 12px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-card);animation:fade var(--dur) var(--ease);margin-top:-10px}.brief-head{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.mercury{animation:breathe 4s var(--ease) infinite;display:inline-flex}.mercury svg:first-child{position:absolute}@keyframes breathe{0%,70%,to{transform:none}82%{transform:scale(1.12)rotate(10deg)}}.brief-lines{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.brief-lines li{color:var(--text-2);animation:brief-in .22s var(--ease) both;padding-left:14px;font-size:15px;line-height:1.45;position:relative}.brief-lines li:before{content:"";background:var(--stroke);border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.brief-lines strong{color:var(--text);white-space:nowrap;font-weight:600}@keyframes brief-in{0%{opacity:0;transform:translateY(3px)}}.brief-more{min-height:32px;color:var(--text-2);align-items:center;gap:4px;margin:4px 0 -6px;font-size:13.5px;font-weight:600;display:inline-flex}.brief-more svg{transition:transform var(--dur) var(--ease)}.brief-more.open svg{transform:rotate(180deg)}.brief-wait{flex-direction:column;gap:9px;padding:12px 0 6px;display:flex}.brief-wait span{background:linear-gradient(90deg, var(--surface-2) 0%, var(--line) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:99px;height:11px;animation:1.4s linear infinite brief-wait}.brief-wait span:last-child{width:62%}@keyframes brief-wait{to{background-position:-200% 0}}.top .push{margin-left:auto}.pill.attached{max-width:80%;height:32px;padding:0 4px 0 12px;font-size:13.5px}.pill.attached button{color:var(--muted);border-radius:99px;padding:7px;display:inline-flex}.attachment-actions{gap:20px}.attached-mark{color:var(--muted);flex:none;margin-left:6px;display:inline-flex}a.control{color:var(--text);font-size:15px;text-decoration:none}