@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--color-bg-page: #f3f2ef;--color-bg: #ffffff;--color-text: #0a0a0a;--color-mid: #3d3d3d;--color-light: #737373;--color-accent: #e4572e;--color-accent-hover: #c63d18;--color-border: #1a1a1a;--color-border-soft: #e5e5e5;--color-row-alt: #fff5f0;--font-sans: "Open Sans", "Segoe UI", system-ui, sans-serif;--radius: 0px;--radius-button: 8px;--radius-card: 8px;--transition: .15s ease;--keyboard-offset: 0px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background-color:var(--color-bg-page);background-image:radial-gradient(ellipse 140% 90% at 50% -30%,rgba(228,87,46,.045),transparent 55%);color:var(--color-text);font-family:var(--font-sans)}button,input,select,textarea{font:inherit;border-radius:var(--radius)}button,a,input,select,textarea{transition:border-color var(--transition),background-color var(--transition),color var(--transition)}button,.as-link{min-height:44px;border:1px solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;padding:.45rem .75rem;text-decoration:none;font-weight:600}button:hover,button:focus-visible,.as-link:hover,.as-link:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}button:not(.icon-btn):not(.item-row-action-btn),.as-link{border-radius:var(--radius-button)}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--color-border-soft);padding:.55rem .65rem;background:#fff}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-accent)}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:min(100%,400px);border:2px solid var(--color-border);padding:1rem;background:#fff}.app-title,.brand{margin:0;font-family:var(--font-sans);letter-spacing:.01em}.app-title{font-size:2rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.brand{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.stack{display:grid;gap:.75rem}.verify-block{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border-soft)}.code-sent-copy{margin:0;line-height:1.45}.code-sent-email{font-weight:700;word-break:break-all}.auth-inline-actions{margin:0;line-height:1.45}button.auth-text-link{display:inline;min-height:unset;padding:0;margin:0;border:none;border-radius:0;background:none;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.15em;vertical-align:baseline}button.auth-text-link:hover,button.auth-text-link:focus-visible{border:none}.page-wrap{max-width:740px;margin:0 auto;padding:.75rem}.my-lists-header{margin-bottom:1.25rem;padding-bottom:.25rem}.my-lists-header__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.my-lists-header__title-block{min-width:0}.my-lists-header__email{margin:.2rem 0 0;font-size:.9rem;line-height:1.35;word-break:break-all}.my-lists-header__identity{margin-top:.2rem}.my-lists-header__identity-line{margin:0;line-height:1.35;word-break:break-word}.my-lists-header__name-trigger{min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left}.my-lists-header__name-trigger:hover .my-lists-header__name,.my-lists-header__name-trigger:focus-visible .my-lists-header__name{color:var(--color-accent)}.my-lists-header__name{font-weight:600;color:var(--color-text)}.my-lists-header__email-inline{font-size:.82rem;color:var(--color-light)}.my-lists-header__edit-name{min-height:0;margin-top:.2rem;padding:0;border:0;background:transparent;color:var(--color-mid);font-size:.82rem;font-weight:500;text-decoration:underline;text-underline-offset:2px}.my-lists-header__edit-name:hover,.my-lists-header__edit-name:focus-visible{color:var(--color-accent);border:0}.my-lists-header__name-form{margin-top:.25rem;display:grid;grid-template-columns:minmax(160px,220px) auto auto;gap:.4rem;align-items:center}.my-lists-header__name-form input,.my-lists-header__name-form button{min-height:38px}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;border-bottom:2px solid var(--color-border);padding-bottom:.75rem;margin-bottom:.75rem}.list-detail-header{margin-bottom:.75rem}.list-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.list-detail-toolbar-right{display:flex;align-items:center;gap:.35rem}.list-detail-title{margin:.75rem 0 .25rem;text-align:left;font-size:clamp(1.85rem,7vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--color-text);word-break:break-word}.list-detail-page.page-wrap{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box}.list-detail-top{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.15rem;background:var(--color-bg-page);z-index:2}.list-detail-page .list-detail-header{margin-bottom:0}.list-detail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.list-detail-scroll .item-list{flex-shrink:0}.list-detail-item-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;width:100%;min-width:0;margin-top:.75rem;margin-bottom:.4rem}.list-detail-items-count{flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-mid);line-height:1.2}.list-detail-items-hint{margin:.15rem 0 .55rem;max-width:40rem;font-size:.8125rem;line-height:1.4;color:var(--color-light)}a.icon-btn.icon-btn-link{text-decoration:none;color:inherit}.top-bar-side-right{justify-self:end}.top-bar-center{text-align:center}.user-panel{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:end}.share-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn-icon{margin-right:.4rem;vertical-align:-3px}.guest-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;background:var(--color-row-alt);color:var(--color-text);border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);padding:.6rem .8rem;margin-bottom:.75rem;font-size:.95rem}.join-collaborator-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;background:var(--color-row-alt);color:var(--color-text);border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);padding:.6rem .8rem;margin:0 0 .75rem;font-size:.95rem;flex-shrink:0}.accent-btn{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.accent-btn:hover,.accent-btn:focus-visible{color:#fff;background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ghost-btn{background:#fff}.share-pill{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-text);font-weight:600;padding:.55rem 1rem}.share-pill:hover,.share-pill:focus-visible{background:var(--color-text);color:#fff;border-color:var(--color-text)}.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--color-text);border:1px solid var(--color-border-soft);border-radius:50%}.icon-btn:hover,.icon-btn:focus-visible{background:var(--color-text);color:#fff;border-color:var(--color-text)}.icon-btn.icon-btn--pill{width:auto;max-width:none;min-width:44px;height:44px;min-height:44px;padding:0 .75rem 0 .6rem;gap:.35rem;border-radius:999px;flex-shrink:0}.icon-btn--pill .icon-btn__count,.icon-btn--pill .icon-btn__label{font-size:.8rem;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap}.icon-btn-danger,.icon-btn-danger:hover,.icon-btn-danger:focus-visible{color:var(--color-text);border-color:transparent}.new-list-row,.invite-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.invite-row{grid-template-columns:minmax(0,1fr) auto auto}.list-rows{display:flex;flex-direction:column;gap:.5rem}.item-list,.share-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:#fff;overflow:hidden}.item-list{--item-row-padding-y: .8rem;--item-row-padding-left: .65rem;--item-row-padding-right: 1.1rem;--item-lead-width: 1.125rem;--item-lead-gap: .45rem;--item-content-inset: calc(var(--item-lead-width) + var(--item-lead-gap))}.list-row,.item-row,.share-row{border:0;border-radius:0;background:#fff}.share-row:not(:last-child){border-bottom:1px solid var(--color-border-soft)}.item-row{position:relative}.item-row:not(:last-child):after{content:"";position:absolute;left:calc(var(--item-row-padding-left, .65rem) + var(--item-content-inset, 0px));right:var(--item-row-padding-right, 1.1rem);bottom:0;height:1px;background:#ececec;pointer-events:none}.list-row:nth-child(2n),.share-row:nth-child(2n){background:#fff}.list-row{display:block;border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:#fff;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.list-row-main{min-height:56px;padding:.8rem 1.1rem;color:inherit;text-decoration:none;display:flex;align-items:center;gap:.75rem}.list-row-main:hover .list-row-title,.list-row-main:focus-visible .list-row-title{color:var(--color-accent)}.list-row-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.list-row-title{font-weight:600;color:var(--color-text)}.list-row-meta{color:var(--color-mid);font-size:.875rem}.list-row-main .badge{flex-shrink:0;align-self:center}.list-row-chevron{flex-shrink:0;display:flex;align-items:center;color:#a3a3a3}.badge{display:inline-block;border:1px solid var(--color-border-soft);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--color-mid);background:#fff}.item-row-body{min-height:56px;padding:var(--item-row-padding-y, .8rem) var(--item-row-padding-right, 1.1rem) var(--item-row-padding-y, .8rem) var(--item-row-padding-left, .65rem);font-size:1rem}.item-row-body .item-main{width:100%}.item-inline-editor{display:grid;gap:.5rem;padding:1rem;background:#fafafa;border-top:1px solid var(--color-border-soft)}.item-inline-done-field{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:600;color:var(--color-mid);cursor:pointer;-webkit-user-select:none;user-select:none}.item-inline-done-field input[type=checkbox]{width:auto;min-width:0;min-height:1.25rem;margin:0;accent-color:var(--color-accent);cursor:pointer}.item-row.item-row--editing .item-inline-done-field{color:#ffffffbf}.item-main{background:transparent;border:0;flex:1;min-width:0;text-align:left;display:grid;grid-template-columns:var(--item-lead-width, auto) 1fr;column-gap:var(--item-lead-gap, .45rem);align-items:start;padding:0;margin:0;min-height:0;cursor:pointer;font:inherit;color:inherit}.item-lead{display:flex;align-items:flex-start;justify-content:center;width:var(--item-lead-width);padding-top:.12em;color:var(--color-light);line-height:1;-webkit-user-select:none;user-select:none}.item-lead svg{flex-shrink:0}.item-main-lines{display:flex;flex-direction:column;gap:.15rem;min-width:0}.item-main--longpress{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.item-main-static{cursor:default}.item-main:hover .item-heading,.item-main:focus-visible .item-heading{color:var(--color-accent)}.item-heading{display:block;width:100%;line-height:1.35;word-break:break-word;color:var(--color-text)}.item-title{display:inline;font-weight:500;font-size:inherit}.item-heading__sep,.item-main .item-notes{display:inline;font-size:.82em;font-weight:400;color:var(--color-light)}.item-heading--done{text-decoration:line-through;color:var(--color-light)}.item-main:hover .item-heading--done,.item-main:focus-visible .item-heading--done{color:var(--color-mid)}.item-notes,.item-time,.muted-text{color:var(--color-mid)}.item-meta{display:block;width:100%;font-size:.78rem;line-height:1.3;color:var(--color-light)}.item-meta__author,.item-meta__time{color:inherit}.item-meta__dot{color:var(--color-light)}.item-row{display:block}.item-row-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.item-row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:var(--color-light);cursor:pointer;border-radius:6px;padding:0;transition:background-color var(--transition),color var(--transition)}.item-row-action-btn:hover,.item-row-action-btn:focus-visible{color:var(--color-text);background:#0a0a0a0f}.item-row-action-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.item-row.item-row--editing{background:#1a1a1a;box-shadow:inset 3px 0 0 var(--color-accent)}.item-row.item-row--editing:not(:last-child):after{left:var(--item-row-padding-left, .65rem);background:#ffffff14}.item-row.item-row--editing .item-inline-editor{background:transparent;border-top-color:#ffffff1f}.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.inline-actions__end{display:flex;gap:.5rem;margin-left:auto}.item-inline-delete{border:0;background:transparent;padding:.45rem .6rem;font-weight:600;font-size:.9rem;cursor:pointer;color:#dc2626;min-height:44px}.item-inline-delete:hover,.item-inline-delete:focus-visible{color:#b91c1c;text-decoration:underline;text-underline-offset:2px}.item-inline-delete:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.item-row.item-row--editing .item-inline-delete{color:#f87171}.item-row.item-row--editing .item-inline-delete:hover,.item-row.item-row--editing .item-inline-delete:focus-visible{color:#fca5a5}.bottom-add-bar{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:.5rem;background:linear-gradient(to top,var(--color-bg-page) 70%,rgba(243,242,239,0));border-top:2px solid var(--color-border);margin-top:.8rem;padding:.7rem 0}.error-text{color:#9f2a00}.fab-create-list{position:fixed;right:1rem;bottom:1rem;z-index:30;min-height:48px;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:0 10px 24px #0a0a0a33}.fab-create-list:hover,.fab-create-list:focus-visible{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:#fff}.bottom-sheet-backdrop{position:fixed;inset:0;z-index:35;border:0;background:#0a0a0a66;padding:0}.bottom-sheet{position:fixed;left:0;right:0;bottom:max(var(--keyboard-offset),env(keyboard-inset-height,0px));z-index:40;border:1px solid var(--color-border-soft);border-bottom:0;border-radius:16px 16px 0 0;background:#fff;padding:.7rem .9rem 1rem;max-height:calc(100dvh - max(var(--keyboard-offset),env(keyboard-inset-height,0px)) - .5rem);overflow:auto;box-shadow:0 -8px 28px #0a0a0a33}.bottom-sheet__handle{width:48px;height:4px;border-radius:999px;background:var(--color-border-soft);margin:0 auto .8rem}.bottom-sheet__title{margin:0 0 .8rem;font-size:1rem}.bottom-sheet__form{display:grid;gap:.7rem}.bottom-sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.notice{margin:0;padding:.85rem 1.1rem;border-radius:var(--radius-card);font-size:.95rem;font-weight:600;line-height:1.4}.notice--success{color:var(--color-text);background:var(--color-row-alt);border:1px solid var(--color-border-soft);border-left:4px solid var(--color-accent);box-shadow:0 1px 2px #0a0a0a0f,0 8px 24px #0a0a0a14}.empty-state{min-height:min(420px,58dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:3rem 1rem;text-align:center}.list-detail-scroll .empty-state{flex:1;min-height:280px}.empty-state__icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 12%,#fff);color:var(--color-accent);box-shadow:0 12px 32px #e4572e1f}.empty-state__copy{display:grid;gap:.3rem;max-width:430px}.empty-state__title{margin:0;font-size:clamp(1.15rem,3.5vw,1.45rem);line-height:1.2;letter-spacing:-.03em}.empty-state__description{margin:0;color:var(--color-mid);font-size:.95rem;line-height:1.45}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding-inline:1rem;box-shadow:0 10px 22px #e4572e33}.empty-state__action:after{content:"+";font-size:1.25rem;font-weight:500;line-height:1;transform:translateY(-1px)}.share-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:56px;padding:.65rem 1rem}.share-row-main{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1}.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;letter-spacing:.02em;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.share-avatar{flex-shrink:0}.share-row-text{min-width:0;display:flex;flex-direction:column;gap:.08rem}.share-name{margin:0;font-weight:600;color:var(--color-text);word-break:break-word}.share-role{margin:0;font-size:.75rem;line-height:1.2;color:var(--color-light)}.share-page .list-detail-header{margin-bottom:.85rem}.participants-page .list-detail-title{margin-top:.15rem}.participants-eyebrow{margin:.85rem 0 0;color:var(--color-light);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.user-profile-page .list-detail-header{margin-bottom:.35rem}.user-profile-hero{display:flex;justify-content:center;margin:.75rem 0 1.1rem}.user-profile-hero__avatar{width:min(30vw,180px);height:auto;color:var(--color-mid)}.user-profile-panel{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:#fff;padding:.8rem}.user-profile-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.75rem .85rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-button);background:#fff}.user-profile-row--interactive{cursor:pointer}.user-profile-row--interactive:hover,.user-profile-row--interactive:focus-visible{border-color:var(--color-accent)}.user-profile-label{font-size:.82rem;color:var(--color-light)}.user-profile-value{font-weight:600;text-align:right;word-break:break-word}.share-actions{display:flex;align-items:center;gap:.5rem}.spinner{width:40px;height:40px;border:2px solid var(--color-border-soft);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.top-bar{grid-template-columns:1fr;text-align:left}.top-bar-center,.top-bar-side-right{justify-self:start;text-align:left}.new-list-row,.invite-row,.bottom-add-bar,.my-lists-header__name-form{grid-template-columns:1fr}.fab-create-list{right:.75rem;bottom:.75rem}}