@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#29332e;background:#f7f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--ink: #29332e;--muted: #7d8981;--line: #e9ebe5;--green: #416b54;--green-dark: #31553f;--paper: #fff;--soft: #f0f2ec;--serif: "Playfair Display",Georgia,serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7c8ae;outline-offset:2px}button{cursor:pointer}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f8f8f4}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:46px clamp(32px,7vw,112px);background:#e9eee5}.auth-story:before{position:absolute;content:"";width:540px;height:540px;right:-230px;bottom:-230px;border:1px solid rgba(89,119,93,.13);border-radius:50%;box-shadow:0 0 0 44px #ffffff29,0 0 0 90px #ffffff1f}.auth-story:after{position:absolute;content:"✳";right:12%;top:22%;font-size:46px;color:#a6b79f;transform:rotate(-14deg)}.auth-brand,.sidebar-brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.8px;position:relative;z-index:1}.brand-mark{width:40px;height:40px;border-radius:13px;background:#426b53;display:inline-grid;place-items:center;color:#fff;flex:none}.brand-mark svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.story-copy{max-width:460px;margin-top:-10px;position:relative;z-index:1}.eyebrow{display:block;color:#718078;font-size:12px;letter-spacing:2px;font-weight:700}.story-copy h1{font-family:var(--serif);font-size:clamp(50px,6vw,82px);line-height:1.08;letter-spacing:-2.4px;font-weight:500;margin:21px 0 18px;color:#33473b}.story-copy>p{font-size:17px;line-height:1.75;color:#718077;max-width:335px;margin:0}.story-note{display:flex;align-items:center;gap:13px;padding:15px 17px;margin-top:48px;background:#ffffffb3;max-width:366px;border:1px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 14px 45px #384d3a12}.note-check{width:28px;height:28px;background:#e0eadb;border-radius:50%;display:grid;place-items:center;color:#52765b}.story-note div{display:grid;gap:4px}.story-note strong{font-size:14px;font-weight:600;color:#46544b}.story-note small{font-size:13px;color:#929c94}.note-sparkle{margin-left:auto;color:#b6c7a7;font-size:21px}.story-footer{font-size:13px;letter-spacing:.5px;color:#8a968b;position:relative;z-index:1}.auth-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 40px;position:relative}.auth-form-wrap{width:min(100%,390px);margin-top:-12px}.auth-form-wrap h2{font-family:var(--serif);font-size:42px;font-weight:500;letter-spacing:-1.1px;margin:13px 0 7px;color:#33443a}.auth-intro{font-size:16px;color:#849087;margin:0 0 35px}.auth-form{display:grid;gap:19px}.auth-form label,.new-list-form label{display:grid;gap:8px;color:#55635a;font-size:13px;font-weight:600;letter-spacing:.25px}.auth-form input{height:48px;width:100%;border:1px solid #e3e7e0;border-radius:7px;background:#fff;padding:0 14px;font-size:16px;color:var(--ink);transition:border .2s,box-shadow .2s}.auth-form input::placeholder{color:#adb5ae}.auth-form input:focus{border-color:#85a88e;box-shadow:0 0 0 3px #65916f1a;outline:0}.primary-button{border:0;background:#416b54;color:#fff;border-radius:7px;font-size:15px;font-weight:600}.primary-button:hover{background:#345942}.auth-submit{height:49px;margin-top:5px;display:flex;align-items:center;justify-content:center;position:relative}.auth-submit span{position:absolute;right:17px;font-size:17px}.primary-button:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;font-size:14px;color:#879189;margin-top:24px}.auth-switch button{border:0;background:none;color:#416b54;font-size:14px;font-weight:700;padding:3px}.auth-switch button:hover{text-decoration:underline}.auth-legal{position:absolute;bottom:24px;color:#a4aca5;font-size:12px;letter-spacing:.3px}.form-error{font-size:14px;color:#a5443c;margin:-7px 0 0;line-height:1.5}.loading-screen{height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:#879189;font-size:14px}.loading-screen .brand-mark{width:48px;height:48px}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);background:#fbfbf8}.sidebar{position:sticky;top:0;height:100vh;background:#f3f4ef;border-right:1px solid #e9ebe5;padding:31px 19px 18px;display:flex;flex-direction:column}.sidebar-brand{gap:9px;font-size:18px;letter-spacing:-.7px;padding:0 9px}.brand-mark.small{width:31px;height:31px;border-radius:10px}.brand-mark.small svg{width:20px;height:20px}.brand-dot{color:#8ea989;margin-left:-9px}.list-label{margin:49px 10px 12px;font-size:11px;letter-spacing:1.55px;color:#9aa49c;font-weight:700}.nav-row,.shopping-list-row{height:41px;width:100%;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;text-align:left;font-size:14px;color:#68756c;padding:0 11px;gap:10px}.nav-row.selected,.shopping-list-row.list-current{background:#e6ebe2;color:#3f654b;font-weight:600}.nav-icon{font-size:17px;line-height:1;color:#698471;width:15px}.nav-count,.list-count{margin-left:auto;color:#99a49b;font-size:12px}.list-heading{margin:36px 10px 9px;display:flex;align-items:center;justify-content:space-between;color:#9aa49c;font-size:11px;letter-spacing:1.55px;font-weight:700}.icon-button{border:0;background:none;color:#718078}.tiny-plus{font-size:18px;width:23px;height:23px;padding:0;border-radius:5px}.tiny-plus:hover{background:#e5eae1;color:#416b54}.shopping-lists{display:grid;gap:2px}.shopping-list-row{height:37px;padding-left:13px}.list-dot{width:10px;height:10px;border-radius:50%;flex:none}.shopping-list-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-list-form{margin:12px 5px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:8px}.new-list-form label{font-size:12px;margin-bottom:8px}.new-list-form>div{display:flex}.new-list-form input{min-width:0;width:100%;height:32px;border:1px solid #e4e8e1;border-radius:5px 0 0 5px;padding:0 8px;font-size:13px;outline:0}.new-list-form button{border:0;background:#416b54;color:#fff;width:34px;border-radius:0 5px 5px 0}.sidebar-bottom{margin-top:auto}.share-hint{display:flex;align-items:flex-start;gap:11px;border-top:1px solid #e4e7df;padding:18px 7px 20px}.share-glyph{width:24px;height:24px;border:1px solid #d5ddd2;border-radius:7px;display:grid;place-items:center;color:#65826b;font-size:13px}.share-hint div,.profile-name{display:grid;gap:4px}.share-hint strong{font-size:12px;font-weight:600;color:#657168}.share-hint small{font-size:11px;color:#a0aaa1}.profile-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-top:1px solid #e4e7df;padding:16px 6px 0}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dbe5d7;color:#416b54;font-weight:700;font-size:14px}.profile-name strong{font-size:13px;font-weight:600}.profile-name small{font-size:12px;color:#9ba59d}.logout-icon{margin-left:auto;color:#a0aaa1;font-size:14px}.profile-row:hover .logout-icon{color:#416b54}.main-content{min-width:0;min-height:100vh;display:flex;flex-direction:column;background:#fbfbf8}.content-wrap{width:min(100%,842px);padding:59px 64px 40px;margin:0 auto;flex:1}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:15px;margin-bottom:34px}.page-title-row h1{font-family:var(--serif);font-weight:500;letter-spacing:-1.3px;font-size:clamp(34px,4vw,44px);line-height:1.18;margin:0;color:#34443a}.title-period{color:#8eaa84}.list-stat{display:grid;justify-items:end;gap:3px;padding-bottom:2px}.list-stat strong{font-family:var(--serif);font-size:30px;line-height:1;color:#789477;font-weight:500}.list-stat span{font-size:10px;letter-spacing:1.4px;color:#a0aaa0;font-weight:700}.add-item-form{height:53px;display:flex;align-items:center;background:#fff;border:1px solid #e7eae3;border-radius:8px;padding:0 9px 0 14px;box-shadow:0 4px 16px #30413009;transition:border .2s,box-shadow .2s}.add-item-form:focus-within{border-color:#b3c9b1;box-shadow:0 0 0 3px #6f976f14}.form-plus{display:grid;place-items:center;width:21px;height:21px;background:#eaf0e6;border-radius:50%;color:#557b5d;font-size:16px;line-height:1;flex:none}.add-item-form input{height:100%;min-width:0;flex:1;border:0;outline:0;padding:0 12px;background:transparent;font-size:15px;color:#36443b}.add-item-form input::placeholder{color:#adb5ae}.add-item-form select{max-width:132px;border:0;border-left:1px solid #edf0ea;border-radius:0;background:transparent;padding:0 27px 0 13px;height:25px;color:#8a958d;font-size:13px;outline:0;cursor:pointer}.add-submit{border:0;background:#446c53;color:#fff;width:33px;height:33px;border-radius:6px;font-size:17px;margin-left:9px;transition:background .2s,opacity .2s}.add-submit:hover{background:#345942}.add-submit:disabled{opacity:.45;cursor:default}.inline-error{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 12px;background:#faeeeb;border-radius:6px;color:#a34e42;font-size:13px}.inline-error button{border:0;background:transparent;color:inherit;font-size:17px}.empty-state{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 15px 20px}.empty-illustration{height:115px;width:160px;position:relative;margin-bottom:9px}.sun-shape{position:absolute;top:3px;left:26px;width:64px;height:64px;border-radius:50%;background:#f3edda;color:#b9a775;display:grid;place-items:center;font-size:22px}.paper-shape{position:absolute;left:62px;top:23px;width:69px;height:83px;border-radius:6px;background:#fff;border:1px solid #e8e9df;box-shadow:0 7px 18px #404c3a14;transform:rotate(5deg);padding:23px 13px;display:grid;gap:8px}.paper-shape span{height:1px;background:#dfe5dc}.paper-shape span:first-child{width:30px;background:#a2b69b}.empty-leaf{position:absolute;right:6px;bottom:13px;color:#a4bc99;font-size:21px;transform:rotate(23deg)}.empty-state h2{font-family:var(--serif);font-weight:500;font-size:22px;color:#425447;margin:8px 0}.empty-state p{font-size:14px;color:#9aa49b;margin:0;line-height:1.7}.empty-cta{margin-top:19px;border:0;background:transparent;color:#55775b;font-size:14px;font-weight:600;padding:8px 10px}.empty-cta span{font-size:15px;margin-right:4px;vertical-align:-1px}.empty-cta:hover{color:#294d37}.items-section{margin-top:35px}.completed-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.35px;font-weight:700;color:#9da69d;padding:0 3px 10px;border-bottom:1px solid #eaede7}.item-list{display:grid}.item-row{min-height:57px;display:flex;align-items:center;gap:13px;padding:0 5px;border-bottom:1px solid #eef0eb;background:#fff;transition:box-shadow .16s,transform .16s,background .16s}.drag-handle{width:22px;height:30px;padding:5px 2px;border:0;background:transparent;color:#a2b0a4;cursor:grab;touch-action:none;flex:none}.drag-handle:hover,.drag-handle:focus-visible{color:#416b54}.drag-handle:active{cursor:grabbing}.drag-handle svg{display:block;width:16px;height:20px;fill:currentColor}.sortable-item-list{position:relative}.item-row.is-dragging{opacity:.2}.item-drag-overlay{position:fixed;z-index:100;pointer-events:none;will-change:transform}.item-drag-overlay .item-row{min-height:inherit;border-radius:8px;background:#f0f6ee;box-shadow:0 10px 25px #30413030;transform:scale(1.025);animation:item-lift .14s ease-out}@keyframes item-lift{0%{transform:scale(1);box-shadow:none}to{transform:scale(1.025);box-shadow:0 10px 25px #30413030}}.item-insertion-line{position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#416b54;transform:translateY(-50%);pointer-events:none;z-index:3}.item-insertion-line:before{content:"";position:absolute;left:-3px;top:-2px;width:7px;height:7px;border-radius:50%;background:inherit}@media (prefers-reduced-motion: reduce){.item-drag-overlay .item-row{animation:none}}.check-button{width:26px;height:26px;border:1.5px solid #cbd5ca;border-radius:50%;background:transparent;display:grid;place-items:center;padding:0;flex:none;color:#fff;font-size:15px;transition:background .15s,border .15s}.check-button:hover{border-color:#6f9772}.is-complete .check-button,.is-completing .check-button{background:#789478;border-color:#789478}.just-completed{animation:completed-row .48s ease-out both}@keyframes completed-row{0%{background:#e9f2e6;transform:translateY(-6px)}to{background:transparent;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.just-completed{animation:none}}.item-text{font-size:15px;color:#46534a;flex:1;min-width:0;overflow-wrap:anywhere}.item-text-content{background-image:linear-gradient(currentColor,currentColor);background-position:left 55%;background-repeat:no-repeat;background-size:0 1px}.is-completing .item-text-content{animation:draw-strike .36s ease-out forwards}.is-completing .item-text{color:#8b9b8d}.is-complete .item-text{text-decoration:line-through;color:#aab1a9}.item-meta{display:inline-flex;flex-direction:column;align-items:center;gap:3px;flex:none}.item-added-at{flex:none;color:#9aa49b;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes draw-strike{to{background-size:100% 1px}}@media (prefers-reduced-motion: reduce){.is-completing .item-text-content{animation:none}}.item-tag{font-size:11px;color:#657166;background:color-mix(in srgb,var(--tag-color) 58%,white);padding:5px 9px;border-radius:20px}.remove-item{border:0;background:transparent;color:#b3bbb3;font-size:17px;line-height:1;width:25px;height:25px;border-radius:50%;opacity:0;transition:opacity .15s,color .15s}.item-row:hover .remove-item,.remove-item:focus-visible{opacity:1}.remove-item:hover{color:#a34e42;background:#f8eae7}.completed-heading{margin-top:28px}.completed-heading span:last-child{font-size:12px}.completed-heading-actions{display:flex;align-items:center;gap:12px}.completed-toggle{border:0;padding:3px 0 3px 4px;background:transparent;color:#65826b;font-size:12px;font-weight:600}.completed-toggle:hover{color:#345942}.completed-toggle:focus-visible{outline:2px solid #9aaf98;outline-offset:3px}.completed-list .item-row{min-height:49px}.footer-note{text-align:center;color:#9aa49b;font-size:12px;margin:26px 0}.main-footer{width:min(100%,842px);margin:0 auto;padding:16px 64px 22px;display:flex;justify-content:space-between;color:#a8b0a8;font-size:11px;letter-spacing:.25px}.main-footer span:last-child{font-size:10px;font-weight:700;letter-spacing:1.1px}.mobile-header{display:none}@media (max-width:900px){.content-wrap,.main-footer{padding-left:42px;padding-right:42px}.app-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:15px}.auth-story{padding-left:6vw;padding-right:5vw}.auth-panel{padding-left:30px;padding-right:30px}}@media (max-width:650px){.auth-page{grid-template-columns:1fr;min-height:100svh}.auth-story{min-height:224px;padding:24px 25px 23px}.auth-story:before{width:310px;height:310px;right:-150px;bottom:-210px}.auth-story:after{right:13%;top:29%;font-size:31px}.auth-brand{font-size:16px}.brand-mark{width:34px;height:34px}.story-copy{margin-top:25px}.story-copy h1{font-size:37px;line-height:1.07;letter-spacing:-1px;margin:9px 0}.story-copy>p,.story-note,.story-footer{display:none}.story-copy .eyebrow{font-size:11px}.auth-panel{min-height:calc(100svh - 224px);align-items:stretch;padding:37px 25px 65px}.auth-form-wrap{margin:0 auto}.auth-form-wrap h2{font-size:34px}.auth-intro{margin-bottom:26px}.auth-form{gap:16px}.auth-legal{bottom:22px}.app-shell{display:block}.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:30;height:59px;flex-shrink:0;padding:0 21px;display:flex;align-items:center;justify-content:space-between;background:#f3f4ef;border-bottom:1px solid #e9ebe5}.mobile-header .sidebar-brand{padding:0;font-size:16px}.mobile-logout{border:0;background:transparent;color:#6d7a70;font-size:13px}.content-wrap{padding:34px 22px 30px}.page-title-row{margin-top:13px;margin-bottom:27px}.page-title-row h1{font-size:34px}.list-stat strong{font-size:25px}.list-stat span{font-size:10px}.add-item-form{height:50px;padding-left:11px}.add-item-form input{font-size:16px;padding:0 9px}.add-item-form select{max-width:93px;padding-left:7px;padding-right:18px;font-size:12px}.add-submit{width:30px;height:30px;margin-left:5px}.empty-state{min-height:350px;padding-top:24px}.empty-state h2{font-size:20px}.empty-state p{max-width:335px}.drag-handle{display:none}.item-row{gap:10px;min-height:60px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.item-text{font-size:15px}.item-tag{font-size:11px;padding:4px 7px}.remove-item{opacity:1}.main-footer{padding:16px 22px 20px}.items-section{margin-top:28px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.editable-list-title{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.editable-list-title .title-period{margin-left:-8px}.title-color{width:16px;height:16px;border-radius:50%;border:1px solid rgba(52,68,58,.12);flex:none}.edit-glyph{width:26px;height:26px;flex:none;color:#58755d}.edit-list-form{display:grid;gap:10px;max-width:380px;margin:-18px 0 28px;padding:18px;background:#fff;border:1px solid #e7eae3;border-radius:8px;box-shadow:0 4px 16px #30413009}.edit-list-form label{font-size:13px;font-weight:600;color:#55635a}.edit-list-form>input{width:100%;height:40px;padding:0 11px;border:1px solid #e3e7e0;border-radius:6px;color:var(--ink)}.edit-list-colors{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.edit-list-colors input[type=color]{width:34px;height:34px;padding:2px;border:1px solid #cbd5ca;border-radius:6px;background:#fff;cursor:pointer}.color-choice{width:28px;height:28px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d6dfd4}.color-choice.chosen{box-shadow:0 0 0 2px #416b54}.edit-list-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.edit-list-actions button{min-height:36px;padding:0 12px;border-radius:6px;font-size:13px}.edit-list-actions button[type=button]{border:1px solid #e3e7e0;background:#fff;color:#55635a}.edit-list-actions .primary-button{border:0}@media (max-width:650px){.editable-list-title{gap:5px}.title-color{width:13px;height:13px}.edit-glyph{width:24px;height:24px}.edit-list-form{margin-top:-14px}}.edit-list-error{margin:0;color:#a34e42;font-size:13px}.mobile-list-picker,.mobile-open-icon,.mobile-submit-icon,.mobile-composer-close{display:none}@media (max-width:650px){.content-wrap{padding-top:28px}.mobile-list-picker{display:block;margin-bottom:22px}.mobile-drawer-list-picker{position:absolute;z-index:3;right:0;bottom:12px;left:0;height:54px;margin:0;transform:translateY(70px);visibility:hidden;pointer-events:none;transition:bottom .18s ease,transform .18s ease,visibility .18s}.mobile-drawer.is-expanded .mobile-drawer-list-picker{transform:translateY(0);visibility:visible;pointer-events:auto}.mobile-drawer.has-composer .mobile-drawer-list-picker{bottom:68px}.mobile-list-label{display:block;margin:0 0 8px;color:#929d94;font-size:11px;font-weight:700;letter-spacing:1.4px}.mobile-drawer-list-picker .mobile-list-label{display:none}.mobile-list-controls{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none}.mobile-drawer-list-picker .mobile-list-controls{padding:6px 14px 8px}.mobile-list-controls::-webkit-scrollbar{display:none}.mobile-list-choice{height:40px;display:inline-flex;align-items:center;gap:8px;flex:none;padding:0 13px;border:1px solid #e1e6dc;border-radius:7px;background:color-mix(in srgb,var(--list-color,#dce5d9) 25%,white);color:#59675d;font-size:14px;font-weight:600;white-space:nowrap}.mobile-list-choice.is-selected{border-color:var(--list-color,#9aaf98);background:color-mix(in srgb,var(--list-color,#dce5d9) 48%,white);color:#354b3d;box-shadow:0 0 0 1px color-mix(in srgb,var(--list-color,#9aaf98) 25%,transparent)}.mobile-list-choice .list-dot{width:9px;height:9px;background:var(--list-color,#9aaf98)}.mobile-all-choice{--list-color: #dce5d9}.mobile-add-list{width:40px;height:40px;flex:none;border:1px solid #dce5d9;border-radius:7px;background:#eaf0e6;color:#416b54;font-size:22px;line-height:1}.mobile-top-list-picker .new-list-form{margin:10px 0 0;padding:12px}.add-item-form select{display:none}.content-wrap{padding-bottom:calc(160px + env(safe-area-inset-bottom))}.mobile-drawer{position:fixed;z-index:20;right:0;bottom:calc(var(--keyboard-inset, 0px) + env(safe-area-inset-bottom));left:0;width:auto;height:104px;touch-action:pan-x;-webkit-user-select:none;user-select:none;transition:height .18s ease}.mobile-drawer.is-expanded{height:176px}.mobile-drawer.is-expanded:not(.has-composer){height:206px}.mobile-composer{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:auto;height:auto;min-height:0;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.mobile-composer:focus-within{border:0;box-shadow:none}.mobile-drawer:before,.mobile-drawer:after{position:absolute;z-index:0;content:"";pointer-events:none;transition:height .18s ease,opacity .16s ease,transform .18s ease,border-radius .18s ease,background-color .18s ease,box-shadow .18s ease}.mobile-drawer:before{right:0;bottom:calc(0px - env(safe-area-inset-bottom));left:0;height:calc(54px + env(safe-area-inset-bottom));border-radius:19px 19px 0 0;background:#fff;box-shadow:0 -5px 24px #30413017}.mobile-drawer:after{bottom:18px;left:50%;width:68px;height:68px;border-radius:50%;background:#fff;transform:translate(-50%)}.mobile-composer .form-plus{display:none}.mobile-composer input{-webkit-user-select:text;user-select:text;position:absolute;right:0;bottom:0;left:0;width:auto;height:0;min-width:0;flex:none;padding:0;opacity:0;pointer-events:none;transition:height .18s ease,opacity .14s ease,padding .18s ease}.mobile-composer .add-submit{display:flex;align-items:center;justify-content:center;width:100%;height:62px;flex:none;margin:0;border-radius:14px;background:#416b54;box-shadow:0 8px 24px #31553f33;font-size:25px;transition:left .18s ease,bottom .18s ease,width .18s ease,height .18s ease,border-radius .18s ease,transform .18s ease,background-color .14s ease,box-shadow .18s ease}.mobile-composer:not(.is-open) .add-submit{position:absolute;z-index:1;bottom:22px;left:50%;right:auto;width:60px;height:60px;border-radius:50%;transform:translate(-50%)}.mobile-drawer.is-expanded:not(.has-composer) .mobile-composer .add-submit{bottom:76px}.mobile-composer .desktop-submit-icon,.mobile-composer .mobile-submit-icon{display:none}.mobile-composer .mobile-open-icon{display:inline}.mobile-drawer.is-expanded:before{height:calc(146px + env(safe-area-inset-bottom));border-radius:19px 19px 0 0;box-shadow:0 8px 28px #30413024}.mobile-drawer.is-expanded:not(.has-composer):before{height:calc(110px + env(safe-area-inset-bottom))}.mobile-drawer.is-expanded:not(.has-composer):after{bottom:72px}.mobile-drawer.has-composer:after{opacity:0;transform:translate(-50%) scale(.88)}.mobile-composer.is-open input{height:68px;padding:0 72px;opacity:1;pointer-events:auto;border:0;border-radius:0;background:#fff;font-size:16px}.mobile-composer.is-open .mobile-open-icon{display:none}.mobile-composer.is-open .mobile-submit-icon{display:inline}.mobile-composer .mobile-composer-close{position:absolute;z-index:2;top:auto;bottom:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #cddbc9;border-radius:50%;background:#eaf0e6;color:#345942;font-size:25px;line-height:1;transform:none}.mobile-composer .mobile-composer-close:hover{background:#dce9d8}.mobile-composer .mobile-composer-close:focus-visible{outline:2px solid #416b54;outline-offset:2px}.mobile-composer.is-open .add-submit{position:absolute;z-index:2;right:auto;bottom:10px;left:calc(100% - 60px);width:48px;height:48px;border-radius:9px;background:#a6ada7;box-shadow:none;font-size:21px;transform:none}.mobile-composer.is-open .add-submit.has-text{background:#416b54;box-shadow:0 3px 9px #31553f29}.mobile-composer.is-open .add-submit:disabled{opacity:1;cursor:default}.mobile-composer.is-open .add-submit.has-text:disabled{opacity:.55}}