:root{--bg:#0f1419;--surface:#1a222d;--surface-2:#243040;--text:#e8eef4;--text-muted:#8b9aab;--accent:#2d9f78;--accent-dim:#1a5f4a;--danger:#e85d5d;--warning:#e8b84a;--radius:.75rem;--tap:3rem;--icon-hit-radius:50%;--icon-hit-sm:2rem;--icon-hit-md:2.25rem;--icon-hit-lg:2.5rem;--icon-hit-xl:var(--tap);--icon-hit-ring-color:#3d5268;--icon-hit-ring:.0625rem solid var(--icon-hit-ring-color);--icon-hit-ring-accent:.0625rem solid #2d9f788c;--icon-hit-ring-danger:.0625rem solid #e85d5d73;--page-bottom-inset:max(3rem, env(safe-area-inset-bottom,0) + 1rem);--item-lead-width:2rem;--item-row-action-size:var(--icon-hit-sm);--item-row-actions-gap:-.375rem;--item-row-gap:.75rem;--add-item-input-pad-left:.75rem;--modal-max-width:35rem;--modal-info-max-width:20rem;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:100%;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;font-size:100%}body{-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}#root{height:100%}.app-frame{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;width:100%;max-width:30rem;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;overflow:hidden}.app-frame input,.app-frame textarea,.app-frame select{-webkit-user-select:text;user-select:text}.app-shell{flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;overflow:hidden}.install-app-banner{box-sizing:border-box;background:var(--surface);border:.0625rem solid var(--surface-2);border-radius:var(--radius);flex-shrink:0;width:100%;margin:0 0 .75rem;padding:.75rem .875rem}.install-app-banner-text{color:var(--text-muted);margin:0 0 .625rem;font-size:.9rem;line-height:1.4}.install-app-banner-text strong{color:var(--text);font-weight:600}.install-app-banner-actions{align-items:center;gap:.5rem;display:flex}.install-app-banner-actions .btn.primary,.install-app-banner-actions .btn.secondary{flex:none;width:auto}.install-app-banner-ios{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.install-app-banner-ios .install-app-banner-text{flex:12rem;margin:0}.install-app-banner-ios .btn{margin-left:auto}.main-content{--page-padding-x:1rem;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:1rem;padding-left:max(var(--page-padding-x), env(safe-area-inset-left,0px));padding-right:max(var(--page-padding-x), env(safe-area-inset-right,0px));padding-bottom:max(1rem, env(safe-area-inset-bottom,0));flex:1 1 0;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page.list-detail>.list-detail-header.page-header{margin-bottom:.75rem}.page-header h1{flex:1;min-width:0;font-size:1.5rem;line-height:1.2}.fab{z-index:20;bottom:max(1rem, env(safe-area-inset-bottom,0) + 1rem);position:fixed;right:max(1rem,50vw - 14rem);box-shadow:0 .25rem 1rem #00000059}.update-available-btn{z-index:25;bottom:max(1rem, env(safe-area-inset-bottom,0) + 1rem);color:var(--text);background:var(--surface);border:.0625rem solid var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:62.4375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;line-height:1.25;position:fixed;left:max(1rem,50vw - 14rem);box-shadow:0 .25rem 1rem #00000059}.update-available-btn:hover:not(:disabled){background:var(--surface-2)}.update-available-btn:disabled{opacity:.7;cursor:wait}.header-icon-btn{flex-shrink:0;text-decoration:none;position:relative}.icon-btn-profile{background:var(--surface-2);color:var(--text-muted)}.icon-btn-profile.active,.icon-btn-profile:hover{color:var(--text);background:#2a3d50}.header-icon-badge{background:var(--danger);color:#fff;text-align:center;border:.0938rem solid var(--bg);border-radius:62.4375rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1.125rem;position:absolute;top:-.125rem;right:-.125rem}.main-content:has(.list-session-shell){flex-direction:column;flex:1 1 0;height:100%;min-height:0;padding-bottom:1rem;display:flex;overflow:visible hidden}.list-session-shell{flex-direction:column;flex:1 1 0;width:100%;height:100%;min-height:0;display:flex;overflow:visible hidden}.list-session-shell>.page.list-detail{flex:1 1 0;min-height:0}.list-session-shell>.list-people-page{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:visible auto}.list-session-shell>.list-people-page::-webkit-scrollbar{display:none}.page.list-detail{flex-direction:column;flex:1 1 0;width:100%;height:100%;min-height:0;display:flex;overflow:visible hidden}.list-detail-header,.profile-page-header,.create-list-page-header,.people-page-header{box-sizing:border-box;width:calc(100% + var(--page-padding-x,1rem));margin-left:calc(-1 * var(--page-padding-x,1rem));padding-left:max(var(--page-padding-x,1rem), env(safe-area-inset-left,0px))}.page.list-detail:not(:has(.list-detail-header)){box-sizing:border-box;width:calc(100% + var(--page-padding-x,1rem));margin-left:calc(-1 * var(--page-padding-x,1rem));padding-left:max(var(--page-padding-x,1rem), env(safe-area-inset-left,0px))}.list-detail-header{background:var(--bg);flex-direction:column;flex:none;align-items:stretch;gap:.75rem;margin-bottom:0;overflow:visible}.list-detail-header .list-title-main{flex-shrink:0;width:100%}.list-detail-header .list-reorder-notice{width:100%;margin-top:.5rem;margin-bottom:0}.list-items-body{box-sizing:border-box;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;width:100%;min-width:0;min-height:0;padding-top:.25rem;padding-bottom:var(--page-bottom-inset);scroll-padding-top:.5rem;scroll-padding-bottom:var(--page-bottom-inset);scrollbar-width:none;-ms-overflow-style:none;flex:1 1 0;overflow:hidden auto}.list-items-body::-webkit-scrollbar{width:0;height:0;display:none}.list-title-row{flex-direction:row;flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.list-title-main{--list-title-text-indent:calc(1.7rem + .25rem);flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0;display:flex}.list-title-top-row{width:100%;min-width:0;min-height:var(--icon-hit-sm);flex-direction:row;align-items:center;gap:.5rem;display:flex;overflow:visible}.list-title-top-row .list-title-heading{flex:1;width:auto;min-width:0}.list-title-main>.list-title-top-row+.list-description,.list-title-main>.list-title-top-row+.list-description-preview,.list-title-main>.list-title-top-row+.list-description-static{margin-top:.125rem;margin-left:var(--list-title-text-indent);width:calc(100% - var(--list-title-text-indent));text-align:left}.list-title-heading{flex-direction:row;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:visible}.list-title-inline-controls{flex-shrink:0;gap:.25rem;margin-top:0;overflow:visible}.list-toolbar-slot-spacer{width:var(--icon-hit-sm);min-width:var(--icon-hit-sm);height:var(--icon-hit-sm);flex-shrink:0}.list-title-inline-controls .list-owner-icon-btn{width:var(--icon-hit-sm);height:var(--icon-hit-sm);min-width:var(--icon-hit-sm);min-height:var(--icon-hit-sm);flex-shrink:0}.list-title-inline-controls .list-owner-icon-btn svg{flex-shrink:0;width:1.125rem;height:1.125rem;display:block}.list-title-heading h1{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;margin:0;font-size:1.5rem;line-height:1.2;overflow:hidden}.list-detail-back-btn{width:auto;min-width:0;height:auto;min-height:0;color:var(--accent);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:0;padding:0;font-size:1.7rem;line-height:1.2;text-decoration:none;transition:color .15s,opacity .15s;display:inline-flex;transform:translate(-.125rem,.125rem)}.list-detail-back-btn svg{width:1em;height:1em;display:block}.list-detail-back-btn:hover,.list-detail-back-btn:focus-visible{color:#b8f0dc;background:0 0;outline:none}.list-detail-back-btn:active{opacity:.85}a.list-owner-icon-btn-people{text-decoration:none}.list-owner-icon-btn-people{color:#9ec8f0;background:#1e3a5f}.list-owner-icon-btn-people:hover{color:#b8daf5;background:#254a70}.list-owner-icon-btn-people.active{color:#d4e8f7;background:#2a5080}.page.list-detail>.list-detail-back-btn{margin-bottom:.75rem}.page.list-detail:not(:has(.list-detail-header))>.list-detail-back-btn{margin-left:0}.list-people-page .people-page-header{align-items:flex-start;margin-bottom:.75rem;overflow:visible}.list-people-page .people-page-header .list-detail-back-btn{margin-bottom:0}.list-owner-icon-actions{flex-direction:row;align-items:center;gap:.375rem;display:flex;overflow:visible}.list-owner-icon-btn{width:var(--icon-hit-md);height:var(--icon-hit-md);min-width:var(--icon-hit-md);border-radius:var(--icon-hit-radius);background:var(--surface);color:var(--text-muted);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.list-owner-icon-btn:not(:disabled):not(.active):not(.list-owner-icon-btn-viewonly):hover,.list-owner-icon-btn:not(:disabled):not(.active):not(.list-owner-icon-btn-viewonly):focus-visible{background:var(--surface-2);color:var(--text);outline:none}.list-owner-icon-btn:disabled{opacity:.45;cursor:not-allowed}.list-owner-icon-btn-archive.active{color:#e8d4a8;background:#3a3420}.list-owner-icon-btn-lock.active{color:#f0b8b8;background:#4a2020}.list-owner-icon-btn-delete{color:#e88a8a}.list-owner-icon-btn-delete:hover:not(:disabled){color:#f5b0b0;background:#4a2020}.list-owner-icon-btn-viewonly{background:var(--surface-2);color:var(--text-muted);cursor:default;pointer-events:none}.list-title-row .list-title-heading h1{width:auto}.list-title-pressable{-webkit-user-select:none;user-select:none;touch-action:manipulation}.icon-btn{width:var(--icon-hit-xl);height:var(--icon-hit-xl);min-width:var(--icon-hit-xl);border-radius:var(--icon-hit-radius);background:var(--surface);color:var(--text-muted);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s;display:flex}.icon-btn:not(.btn):not(:disabled):not(.active):hover,.icon-btn:not(.btn):not(:disabled):not(.active):focus-visible{background:var(--surface-2);color:var(--text);outline:none}.icon-btn-people{color:#9ec8f0;background:#1e3a5f}.icon-btn-people.active{color:#d4e8f7;background:#2a5080}.list-title-main .list-description,.list-title-main .list-description-preview,.list-title-main .list-description-static{text-align:left;margin-bottom:0;padding:0;font-size:.85rem;line-height:1.3}.list-description{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.45}.list-description-expanded{white-space:pre-wrap;word-break:break-word}.list-description-preview{width:100%;font:inherit;text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;display:block}.list-description-preview:hover{color:var(--text)}.list-description-preview-inline{max-width:100%;display:inline}.list-description-preview-text{white-space:nowrap;vertical-align:top;max-width:calc(100% - 1.25em);display:inline-block;overflow:hidden}.list-description-ellipsis{display:inline}.label-optional{color:var(--text-muted);font-weight:400}.label-required{color:var(--danger);margin-left:.35em;font-weight:600}.modal:not(.edit-item-dialog) form textarea{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;box-sizing:border-box;min-height:6rem;margin-top:.375rem;padding:.75rem .875rem;font-size:1rem;line-height:1.4}.modal:not(.edit-item-dialog) form textarea:focus{outline:.125rem solid var(--accent);outline-offset:.0625rem}.main-content:has(.create-list-page){flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.create-list-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;overflow:hidden auto}.create-list-page::-webkit-scrollbar{display:none}.create-list-page-header{align-items:center;gap:.25rem;margin-bottom:1rem;display:flex;overflow:visible}.create-list-page-header h1{flex:1;min-width:0;margin:0;font-size:1.5rem;line-height:1.2}.create-list-form{flex-direction:column;flex:0 auto;min-height:0;display:flex}.create-list-form-body{flex:0 auto;padding:.25rem .1875rem;scroll-padding:.25rem;overflow:visible}.create-list-form-footer{padding-top:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,0));background:var(--bg);flex-shrink:0}.create-list-form>label:not(.create-list-password-option){flex-direction:column;align-items:stretch;min-width:0;max-width:100%;margin-bottom:1.25rem;font-weight:600;display:flex}.create-list-form textarea{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;box-sizing:border-box;resize:none;height:9rem;min-height:9rem;margin-top:.5rem;padding:.75rem .875rem;font-size:1rem;line-height:1.4;display:block;overflow-y:auto}.create-list-form input[type=text]:focus,.create-list-form input[type=text]:focus-visible,.create-list-form textarea:focus,.create-list-form textarea:focus-visible,.create-list-form .password-field input:focus,.create-list-form .password-field input:focus-visible{border-color:var(--accent);outline:none}.create-list-form input[type=text],.create-list-form textarea,.create-list-form .password-field{margin-top:.5rem;scroll-margin:.5rem}.create-list-form .password-field input{margin-top:0}.create-list-submit{width:100%}.lists-empty-state{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem .5rem;display:flex}.lists-empty-state .empty{margin:0;padding:0}.lists-empty-hint{text-align:center;max-width:20rem;margin:0;font-size:.9rem;line-height:1.45}.lists-empty-hint-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em;display:inline-flex}.lists-empty-fab-inline{vertical-align:middle;flex-shrink:0;box-shadow:0 .25rem 1rem #00000059}.lists-empty-fab-inline:hover:not(:disabled){filter:brightness(1.08)}.lists-empty-fab-inline:active:not(:disabled){transform:scale(.96)}.create-list-password-section{margin-bottom:.25rem}.create-list-password-section>label:not(.create-list-password-option){margin-bottom:.5rem}.create-list-field-label{display:block}.create-list-password-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:.625rem;margin-bottom:.75rem;padding:0;font-size:.95rem;font-weight:600;line-height:1.3;display:flex}.create-list-password-option:has(.create-list-password-checkbox:disabled){opacity:.6;cursor:not-allowed}.create-list-password-checkbox{box-sizing:border-box;appearance:none;border:.125rem solid var(--text-muted);background:var(--surface);cursor:pointer;border-radius:.25rem;flex-shrink:0;width:1.125rem;height:1.125rem;margin:0;transition:background .15s,border-color .15s;position:relative}.create-list-password-checkbox:checked{background:var(--accent);border-color:var(--accent)}.create-list-password-checkbox:checked:after{content:"";border:.125rem solid #fff;border-width:0 .125rem .125rem 0;width:.25rem;height:.5rem;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)rotate(45deg)}.create-list-password-checkbox:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.create-list-password-checkbox:disabled{cursor:not-allowed;opacity:.7}.create-list-password-option-text{flex:1;line-height:1.3}.create-list-password-section .password-field:has(input:disabled){opacity:.55}.create-list-password-section .password-field:has(input:disabled) input{cursor:not-allowed;background:var(--bg)}.list-notice{color:var(--text-muted);background:var(--surface);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem;font-size:.9rem}.people-page-tabs{gap:0;margin-bottom:1rem;display:flex}.people-page-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;min-height:2.75rem;padding:.75rem .5rem .875rem;font-size:.95rem;font-weight:600;position:relative}.people-page-tabs button:after{content:"";background:0 0;border-radius:.1875rem .1875rem 0 0;height:.1875rem;position:absolute;bottom:0;left:12%;right:12%}.people-page-tabs button.active{color:var(--accent)}.people-page-tabs button.active:after{background:var(--accent)}.list-people-page .people-page-panel{margin-bottom:1.5rem}.list-people-page .people-page-actions{margin-top:auto;padding-top:.5rem}.list-people-page .people-page-actions .btn{width:100%}.modal-scroll{-webkit-overflow-scrolling:touch;max-height:min(50vh,20rem);margin-bottom:1rem;overflow-y:auto}.modal-scroll .collaborators-list{margin:0}.section-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.collaborators-list{background:var(--surface);border-radius:var(--radius);list-style:none}.collaborators-list li,.collaborators-list .collaborator-row{border-bottom:.0625rem solid var(--surface-2);min-height:var(--tap);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.collaborator-row-meta{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.collaborators-list .badge.permission.badge-btn,.collaborators-list .badge.badge-pending.badge-btn{font-family:inherit;font-size:.7rem;font-weight:inherit;vertical-align:middle;appearance:none;cursor:pointer;border:none;margin:0;padding:.25rem .5rem;line-height:1.2}.badge.permission.badge-btn:hover,.badge.badge-pending.badge-btn:hover{filter:brightness(1.12)}.badge.permission.badge-btn-open,.badge.badge-pending.badge-btn-open{outline:.125rem solid var(--accent);outline-offset:.0625rem}.access-dropdown-wrap{flex-shrink:0;position:relative}.access-dropdown{background:var(--surface-2);border:.0625rem solid #3d5068;border-radius:.625rem;margin:0;padding:.25rem 0;list-style:none;box-shadow:0 .375rem 1.25rem #0006}.access-dropdown button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.625rem .875rem;font-size:.9rem;font-weight:600;display:block}.access-dropdown button:hover:not(:disabled){background:var(--surface)}.access-dropdown button:disabled{opacity:.5;cursor:not-allowed}.access-dropdown-divider{border-top:.0625rem solid #3d5068;margin-top:.25rem;padding-top:.25rem}.access-dropdown-danger{color:#f0b8b8}.access-dropdown-danger:hover:not(:disabled){background:#4a2020}.collaborators-list li:last-child{border-bottom:none}.collaborator-name{flex:1;font-weight:600}.badge.permission{background:var(--accent-dim);color:#b8f0dc}.btn.danger{color:#fff;background:#8b2e2e}.modal-hint{color:var(--text-muted);margin-bottom:1rem}.modal select{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);min-height:var(--tap);margin-top:.5rem;padding:.875rem 1rem;font-size:1rem;display:block}.btn{min-height:var(--tap);min-width:var(--tap);border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.btn.primary{background:var(--accent);color:#fff;width:100%}.btn:disabled{cursor:not-allowed;pointer-events:none}.btn.primary:disabled,.btn.primary.btn-send-invitation:disabled{background:var(--surface-2);color:var(--text-muted);box-shadow:none;opacity:1;border:.0625rem solid #3a4d63}.btn.primary.btn-compact{flex-shrink:0;width:auto;min-width:4.5rem;padding:.75rem 1rem}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.icon{width:var(--icon-hit-xl);height:var(--icon-hit-xl);min-width:var(--icon-hit-xl);border-radius:var(--icon-hit-radius);background:var(--accent);color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn.icon .icon-plus-svg{flex-shrink:0;display:block}.welcome-page{flex-direction:column;flex:1;justify-content:center;width:100%;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.welcome-page h1{color:var(--accent);font-size:2.5rem}.subtitle{color:var(--text-muted);margin:.5rem 0 2rem}.mode-toggle{gap:.5rem;margin-bottom:1.5rem;display:flex}.mode-toggle button{border:.0625rem solid var(--surface-2);background:var(--surface);color:var(--text-muted);border-radius:var(--radius);min-height:var(--tap);flex:1;padding:.75rem}.mode-toggle button.active{border-color:var(--accent);color:var(--accent)}form label{margin-bottom:1rem;font-weight:600;display:block}form input{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);min-height:var(--tap);box-sizing:border-box;margin-top:.5rem;padding:.875rem 1rem;font-size:1rem;display:block}.password-field{width:100%;margin-top:.5rem;position:relative}.password-field input{margin-top:0;padding-right:3rem}.password-field-toggle{width:var(--icon-hit-lg);height:var(--icon-hit-lg);border-radius:var(--icon-hit-radius);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.password-field-toggle:hover:not(:disabled),.password-field-toggle:focus-visible:not(:disabled){color:var(--text);background:var(--surface-2);outline:none}.password-field-toggle:disabled{cursor:not-allowed;opacity:.5}form textarea{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;max-width:100%;color:var(--text);font:inherit;box-sizing:border-box;resize:vertical;min-height:6rem;margin-top:.5rem;padding:.75rem .875rem;font-size:1rem;line-height:1.4;display:block}form textarea:focus{outline:.125rem solid var(--accent);outline-offset:.0625rem}.reference-input{letter-spacing:.2em;text-transform:uppercase;font-family:monospace}.error-text{color:var(--danger);margin-bottom:.75rem}.share-list-modal .share-dialog-tabs{gap:0;margin-bottom:.75rem;display:flex}.share-list-modal .share-dialog-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;min-height:2.5rem;padding:.625rem .375rem .75rem;font-size:.85rem;font-weight:600;position:relative}.share-list-modal .share-dialog-tabs button:after{content:"";background:0 0;border-radius:.1875rem .1875rem 0 0;height:.1875rem;position:absolute;bottom:0;left:10%;right:10%}.share-list-modal .share-dialog-tabs button.active{color:var(--accent)}.share-list-modal .share-dialog-tabs button.active:after{background:var(--accent)}.share-list-modal .share-list-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-list-modal{--share-tab-panel-height:calc(8 * var(--tap) + 7 * .375rem)}.share-list-modal .share-tab-panel{min-height:var(--share-tab-panel-height);margin-bottom:.5rem}.share-list-modal .share-tab-panel-single{min-height:var(--share-tab-panel-height)}.share-list-modal .share-tab-panel-single .share-reference-field{margin-bottom:0}.share-list-modal .share-tab-panel-friends,.share-list-modal .share-tab-panel-known{height:var(--share-tab-panel-height);box-sizing:border-box;flex-direction:column;display:flex}.share-list-modal .share-tab-panel-friends .share-contact-list-scroll,.share-list-modal .share-tab-panel-known .share-contact-list-scroll{flex:1;height:auto;min-height:0;max-height:none}.share-list-modal .share-tab-panel-new{height:var(--share-tab-panel-height);box-sizing:border-box;flex-direction:column;display:flex}.share-list-modal .share-tab-panel-new .share-reference-field{flex-shrink:0;width:100%;margin-bottom:0}.share-list-modal .share-tab-error-slot{flex-shrink:0;min-height:1.35rem;margin-top:auto;padding-top:.5rem}.share-list-modal .share-tab-error-slot .error-text{text-align:left;color:var(--danger);margin:0;font-size:.875rem;line-height:1.35rem}.share-list-modal .share-tab-error-slot .error-text-reserved{visibility:hidden}.share-contact-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.share-list-modal .share-contact-list-scroll{height:var(--share-tab-panel-height);max-height:var(--share-tab-panel-height);-webkit-overflow-scrolling:touch;box-sizing:border-box;overflow-y:auto}.share-contact-btn{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;min-height:var(--tap);align-items:center;gap:.625rem;padding:.75rem .875rem;display:flex}.share-contact-check{width:1.25rem;height:1.25rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-svg{flex-shrink:0;display:block}.share-contact-btn .share-contact-name{flex:1;min-width:0;font-weight:600}.share-contact-btn .share-contact-ref{flex-shrink:0}.share-contact-btn:hover{border-color:#2d9f7873}.share-contact-btn.selected{border-color:var(--accent);background:#2d9f781f;box-shadow:0 0 0 .0625rem #2d9f7840}.share-contact-btn:disabled{opacity:.6;cursor:not-allowed}.share-contact-name{font-weight:600}.share-contact-ref{letter-spacing:.08em;color:var(--text-muted);font-family:monospace;font-size:.85rem}.share-list-modal .share-reference-field{margin-bottom:.5rem}.share-list-modal .share-reference-row{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin:0;display:flex}.share-list-modal form label.share-reference-row{margin-bottom:.25rem;display:flex}.share-list-modal .share-permission-field{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-top:0;margin-bottom:.5rem;display:flex}.share-list-modal .modal-actions{margin-top:0;margin-bottom:0}.share-list-modal .share-permission-label{color:var(--text);flex-shrink:0;font-size:.95rem;font-weight:600;line-height:1.25}.share-list-modal .share-permission-options{flex-direction:row;flex-shrink:0;align-items:center;gap:1rem;display:flex}.share-list-modal form label.share-permission-option{cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;min-height:0;margin:0;padding:0;display:inline-flex}.share-list-modal .share-permission-option-text{color:var(--text-muted);font-size:.85rem;font-weight:600;line-height:1.25}.share-list-modal .share-permission-option input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--accent);cursor:pointer;vertical-align:middle;flex-shrink:0;margin:0}.share-list-modal form label.share-permission-option:has(input:disabled){opacity:.6;cursor:not-allowed}.share-list-modal .share-reference-row .field-label-text{color:var(--text);flex-shrink:0;font-size:.95rem;font-weight:600;line-height:1.25}.share-list-modal .share-reference-row .reference-input{text-align:center;flex:1;width:auto;min-width:0;max-width:9rem;min-height:2.5rem;margin-top:0;padding:.625rem .75rem}.search-input{border-radius:var(--radius);border:.0625rem solid var(--surface-2);background:var(--surface);width:100%;color:var(--text);min-height:var(--tap);margin-bottom:1.25rem;padding:.875rem 1rem}.my-lists .lists-toolbar-row{--lists-toolbar-control-height:2.5rem;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem;display:flex}.my-lists .lists-sort{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.125rem;display:flex}.my-lists .lists-sort[hidden]{display:none}.my-lists .sort-icon-btn{width:var(--lists-toolbar-control-height);height:var(--lists-toolbar-control-height);min-width:var(--lists-toolbar-control-height);min-height:var(--lists-toolbar-control-height);border-radius:var(--icon-hit-radius);background:var(--surface);color:var(--text-muted);opacity:.55;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,opacity .15s;display:flex}.my-lists .sort-icon-btn:hover:not(.active),.my-lists .sort-icon-btn:focus-visible:not(.active){opacity:.8;background:var(--surface-2);color:var(--text);outline:none}.my-lists .sort-icon-btn.active{opacity:1;background:var(--accent);color:#fff;box-shadow:0 0 0 .0625rem #b8f0dc59}.my-lists .lists-tabs-row{align-items:center;gap:.25rem;margin-bottom:0;display:flex}.my-lists .lists-tabs-row .lists-tabs{border-bottom:none;flex:1;min-width:0}.my-lists .lists-tabs-profile{flex-shrink:0;margin-right:.125rem}.my-lists .lists-tabs{gap:0;margin-bottom:0;display:flex}.my-lists .lists-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;min-height:2.75rem;padding:.75rem .5rem .875rem;font-size:.95rem;font-weight:600;transition:color .15s;position:relative}.my-lists .lists-tabs button:after{content:"";background:0 0;border-radius:.1875rem .1875rem 0 0;height:.1875rem;transition:background .15s;position:absolute;bottom:0;left:12%;right:12%}.my-lists .lists-tabs button:hover{color:var(--text)}.my-lists .lists-tabs button.active{color:var(--accent);background:0 0}.my-lists .lists-tabs button.active:after{background:var(--accent)}.my-lists .lists-panel{padding-top:0}.my-lists .lists-search{min-width:0;height:var(--lists-toolbar-control-height);min-height:var(--lists-toolbar-control-height);max-height:var(--lists-toolbar-control-height);box-sizing:border-box;background:var(--bg);color:var(--text);border-color:#2e3d4f;flex:1;margin:0;padding:0 .875rem;line-height:1.25}.my-lists .search-input::placeholder{color:#6a7d92}.my-lists .search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 .125rem #2d9f7833}.my-lists .lists-panel .empty{color:var(--text-muted);text-align:center}.my-lists .list-cards{flex-direction:column;gap:.625rem;list-style:none;display:flex}.my-lists .list-card{color:var(--text);min-height:var(--tap);background:linear-gradient(135deg,#1e3344 0%,#1a2838 55%,#172535 100%);border:.0625rem solid #4882a059;border-radius:.875rem;align-items:center;gap:.75rem;padding:1rem 1.125rem;text-decoration:none;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 .125rem .625rem #00000047,inset 0 .0625rem #ffffff0f}.my-lists .list-card:hover{border-color:#2d9f7873;box-shadow:0 .25rem 1rem #00000052,0 0 0 .0625rem #2d9f7826,inset 0 .0625rem #ffffff14}.my-lists .list-card:active{transform:scale(.985)}.my-lists .list-card-pending{cursor:default;background:linear-gradient(135deg,#3d3520 0%,#2e2818 55%,#262214 100%);border-color:#c8a03c73;flex-direction:column;align-items:stretch;gap:.875rem}.my-lists .list-card-pending:hover{border-color:#dcaf468c;box-shadow:0 .25rem 1rem #00000052,0 0 0 .0625rem #c8a03c33,inset 0 .0625rem #ffffff14}.my-lists .list-card-pending-main{flex-direction:column;gap:.375rem;min-width:0;display:flex}.my-lists .list-card-pending .list-title{white-space:normal;flex:none}.my-lists .list-invite-meta{color:#c9b88a;margin:0;font-size:.9rem}.my-lists .badge-pending-access{align-self:flex-start;margin-top:.125rem}.my-lists .list-invite-actions{gap:.625rem;display:flex}.my-lists .list-invite-actions .btn-compact{flex:1;min-height:2.5rem}.my-lists .list-card-title-wrap{flex-direction:row;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.my-lists .list-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:0 auto;min-width:0;font-size:1.05rem;font-weight:600;overflow:hidden}.my-lists .list-card-title-wrap .list-lock-indicator,.my-lists .list-card-title-wrap .list-viewonly-indicator,.my-lists .list-card-title-wrap .list-password-indicator{flex-shrink:0}.list-card-trailing{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.list-people-indicator{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative}.list-shared-indicator{color:#9ec8f0}.list-pending-indicator{color:#d4a84b}.list-people-count{text-align:center;border-radius:62.4375rem;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1rem;position:absolute;top:-.125rem;right:-.375rem}.list-share-count{color:#e8f4fc;background:#2a5080;border:.0938rem solid #1e3344}.list-pending-count{color:#f5e6b8;background:#5c4a20;border:.0938rem solid #3d3520}.list-lock-indicator{width:var(--icon-hit-sm);height:var(--icon-hit-sm);border-radius:var(--icon-hit-radius);color:#f0b8b8;background:#4a2020;flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-viewonly-indicator{width:var(--icon-hit-sm);height:var(--icon-hit-sm);border-radius:var(--icon-hit-radius);background:var(--surface-2);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-password-indicator{width:var(--icon-hit-sm);height:var(--icon-hit-sm);border-radius:var(--icon-hit-radius);color:#c4b8e8;background:#2a2838;flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-owner-icon-btn-password.active{color:#c4b8e8;background:#2a2838}.list-password-prompt-hint,.list-password-dialog-hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.form-error{color:var(--danger);margin:0 0 .75rem;font-size:.875rem}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;display:flex}.checkbox-label input{width:auto;margin:0}.badge{background:var(--surface-2);color:var(--text-muted);border-radius:.375rem;padding:.25rem .5rem;font-size:.7rem}.badge.archived{color:#e8d4a8;background:#3a3420}.badge.locked{color:#f0b8b8;background:#4a2020}.badge.badge-btn{font:inherit;cursor:pointer;border:none;transition:filter .15s}.badge.badge-btn:hover{filter:brightness(1.12)}.badge-declined,.badge-revoked{background:var(--surface-2);color:var(--text-muted)}.badge-accepted{background:var(--accent-dim);color:#b8f0dc}.badge-pending{color:var(--warning);background:#3d3520}.badge.shared{color:#9ec8f0;background:#1e3a5f}.invite-card-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.invite-card-status{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-compact{min-height:2rem;padding:.375rem .75rem;font-size:.8rem}.invite-detail-dl{margin-bottom:1.25rem}.invite-detail-dl>div{border-bottom:.0625rem solid var(--surface-2);justify-content:space-between;gap:1rem;padding:.625rem 0;display:flex}.invite-detail-dl>div:last-child{border-bottom:none}.invite-detail-dl dt{color:var(--text-muted);font-size:.875rem;font-weight:600}.invite-detail-dl dd{text-align:right;margin:0;font-size:.95rem}.badge.badge-btn.badge-accepted{font:inherit;cursor:pointer;border:none}.badge.badge-btn.badge-accepted:hover{filter:brightness(1.12)}.badge.badge-btn:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.invite-time{color:var(--text-muted);text-align:right;margin:0 0 .5rem;font-size:.8rem}.connection-status{background:var(--surface);border-radius:var(--radius);min-height:var(--tap);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.connection-status.online{border:.0625rem solid var(--accent-dim)}.connection-status.offline{border:.0625rem solid #3d3520}.connection-status.online .connection-icon{color:#5fd9a8}.connection-status.offline .connection-icon{color:var(--warning)}.connection-text{flex-direction:column;gap:.125rem;display:flex}.connection-answer{font-size:1.1rem;font-weight:700}.connection-status.online .connection-answer{color:#5fd9a8}.connection-status.offline .connection-answer{color:var(--warning)}.connection-label{color:var(--text-muted);font-size:.85rem}.items-list{box-sizing:border-box;contain:inline-size;flex-direction:column;gap:.625rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.items-list>li{align-items:center;column-gap:var(--item-row-gap);grid-template-columns:var(--item-lead-width) minmax(0, 1fr) auto;min-height:var(--item-lead-width);box-sizing:border-box;border:none;width:100%;min-width:0;padding:0;display:grid}.items-list-protected>li{min-height:var(--item-lead-width);align-items:flex-start;gap:.75rem;display:flex}.items-list-protected .item-bullet{pointer-events:none;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;height:1.4em;margin-top:0;display:flex}.items-list-protected .item-text{grid-column:unset;flex:1 1 0;width:auto;min-width:0}.item-bullet{width:var(--item-lead-width);pointer-events:none;box-sizing:border-box;flex-shrink:0;grid-column:1;justify-content:center;place-self:start center;align-items:center;height:1.4em;display:flex}.item-bullet:before{content:"";background:var(--accent);opacity:.85;width:.375rem;height:.375rem;box-shadow:none;border-radius:0}.items-list-protected>li.checked .item-bullet:before{background:var(--text-muted);opacity:.45;box-shadow:none}.list-owner-icon-btn-protected.active{background:var(--surface);color:var(--accent);box-shadow:none;border:none}.list-owner-icon-btn-protected.active:hover:not(:disabled),.list-owner-icon-btn-protected.active:focus-visible:not(:disabled){background:var(--surface-2);color:var(--accent)}.item-row-actions{align-items:center;gap:var(--item-row-actions-gap);flex-shrink:0;grid-column:3;display:flex}.item-row-actions .icon-svg{flex-shrink:0;display:block}.check-btn{border:.125rem solid var(--accent);width:2rem;height:2rem;color:var(--accent);background:0 0;border-radius:.5rem;grid-column:1;justify-content:center;place-self:center start;align-items:center;margin-top:0;padding:0;display:flex}.item-text{overflow-wrap:anywhere;grid-column:2;align-self:center;min-width:0;font-size:1rem;line-height:1.4}.item-text-pressable{-webkit-user-select:none;user-select:none;touch-action:manipulation}.item-delete-btn{width:var(--item-row-action-size);height:var(--item-row-action-size);min-width:var(--item-row-action-size);border-radius:var(--icon-hit-radius);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.item-delete-btn:hover:not(:disabled),.item-delete-btn:focus-visible:not(:disabled){color:#f0b8b8;background:#4a2020;outline:none}.item-add-after-btn{width:var(--item-row-action-size);height:var(--item-row-action-size);min-width:var(--item-row-action-size);border-radius:var(--icon-hit-radius);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.item-add-after-btn:hover:not(:disabled),.item-add-after-btn:focus-visible:not(:disabled){background:var(--accent-dim);color:#b8f0dc;outline:none}.item-add-after-btn:disabled{opacity:.45;cursor:not-allowed}.item-row-actions-spacer{width:calc(var(--item-row-action-size) * 2 + var(--item-row-actions-gap));min-width:calc(var(--item-row-action-size) * 2 + var(--item-row-actions-gap));height:var(--item-row-action-size);flex-shrink:0;grid-column:3}.items-list>li.item-insert-row{grid-template-columns:var(--item-lead-width) minmax(0, 1fr);min-height:var(--tap);align-items:start;column-gap:.75rem;width:100%;display:grid}.item-insert-lead-spacer{width:var(--item-lead-width);min-width:var(--item-lead-width);grid-column:1;height:2rem}.item-insert-form{grid-column:2;width:100%;min-width:0}.item-insert-form .add-item-field{box-sizing:border-box;width:100%}.item-insert-row .add-item-field,.list-empty-add .add-item-field{border-color:var(--accent);box-shadow:inset 0 0 0 .0625rem #2d9f7866}.add-item-form--aligned{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.add-item-form--aligned .add-item-field{flex:1 1 0;min-width:0}.list-empty-add .add-item-form{margin-top:0}.list-empty-add{padding:.5rem 0 1rem}.list-empty-hint{text-align:center;max-width:20rem;margin:0;font-size:.9rem;line-height:1.45}.list-empty-hint-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em;display:inline-flex}.list-empty-fab-inline{vertical-align:middle;flex-shrink:0;box-shadow:0 .25rem 1rem #00000059}.list-empty-fab-inline:hover:not(:disabled){filter:brightness(1.08)}.list-empty-fab-inline:active:not(:disabled){transform:scale(.96)}.items-list li.checked .item-text{color:var(--text-muted);text-decoration:line-through}.list-empty{margin:.5rem 0 1rem}.add-item-form{margin-top:1rem}.add-item-field{background:var(--surface);border:.0625rem solid var(--surface-2);border-radius:var(--radius);box-sizing:border-box;align-items:center;gap:.125rem;height:2.75rem;padding-right:.25rem;display:flex;overflow:visible}.add-item-field:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 .0625rem #2d9f7873}.add-item-field input{box-sizing:border-box;min-width:0;height:2.75rem;padding:.6875rem 0 .6875rem var(--add-item-input-pad-left);color:var(--text);appearance:none;background:0 0;border:none;border-radius:0;flex:1;margin:0;font-size:1rem;line-height:1.25}.add-item-field input:focus{outline:none}.add-item-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.add-item-action{width:var(--icon-hit-lg);min-width:var(--icon-hit-lg);height:var(--icon-hit-lg);border-radius:var(--icon-hit-radius);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:flex}.add-item-confirm{color:var(--accent)}.add-item-confirm:disabled{opacity:.35;cursor:not-allowed}.add-item-confirm:not(:disabled):hover,.add-item-confirm:not(:disabled):focus-visible{background:var(--accent-dim);color:#b8f0dc;outline:none}.add-item-cancel{color:var(--text-muted)}.add-item-cancel:hover:not(:disabled),.add-item-cancel:focus-visible:not(:disabled){color:#f0b8b8;background:#4a2020;outline:none}.add-item-action:disabled{cursor:not-allowed;opacity:.45}.modal-actions{gap:.5rem;margin-top:.5rem;display:flex}.modal-actions .btn{flex:1}.modal form label{margin-bottom:1.25rem}.back-link{color:var(--accent);min-height:var(--tap);line-height:var(--tap);margin-bottom:.75rem;text-decoration:none;display:inline-block}.modal-overlay{padding:max(1rem, env(safe-area-inset-top,0) + 1rem) max(.5rem, env(safe-area-inset-right,0)) 1.5rem max(.5rem, env(safe-area-inset-left,0));z-index:100;background:#000000b3;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:var(--modal-max-width);padding:1.5rem}.modal-overlay-info{padding-left:max(1.75rem, env(safe-area-inset-left,0));padding-right:max(1.75rem, env(safe-area-inset-right,0))}.modal-info{max-width:var(--modal-info-max-width)}.edit-item-dialog-overlay{padding-top:max(.75rem, env(safe-area-inset-top,0) + .75rem);padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0) + 1.5rem);justify-content:center;align-items:flex-start}.edit-item-dialog{max-width:var(--modal-max-width);padding:1.25rem 1rem 1rem}.edit-item-dialog h2{margin-bottom:.875rem;font-size:1.25rem}.edit-item-dialog-form{flex-direction:column;gap:.75rem;display:flex}.modal.edit-item-dialog .edit-item-dialog-form textarea,.modal.edit-item-dialog .edit-item-dialog-input{border:.0625rem solid var(--surface-2);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;height:8.275rem;min-height:8.275rem;max-height:8.275rem;color:var(--text);font:inherit;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:.875rem;font-size:1.125rem;line-height:1.45;display:block;overflow:hidden;resize:none!important}.modal.edit-item-dialog .edit-item-dialog-form textarea::-webkit-scrollbar{width:0;height:0;display:none}.modal.edit-item-dialog .edit-item-dialog-input::-webkit-scrollbar{width:0;height:0;display:none}.modal.edit-item-dialog .edit-item-dialog-form textarea:focus,.modal.edit-item-dialog .edit-item-dialog-input:focus{border-color:var(--accent);outline:none;box-shadow:inset 0 0 0 .0625rem #2d9f7873}.modal.edit-item-dialog .edit-item-dialog-form textarea:disabled,.modal.edit-item-dialog .edit-item-dialog-input:disabled{opacity:.65}.edit-item-dialog-actions{flex-direction:row;justify-content:flex-end;align-items:stretch;gap:.5rem;display:flex}.edit-item-dialog-actions .add-item-action{width:var(--icon-hit-xl);min-width:var(--icon-hit-xl);height:var(--icon-hit-xl)}.modal .add-item-action{border:var(--icon-hit-ring);background:var(--surface);box-sizing:border-box}.modal .add-item-confirm,.modal .add-item-confirm-and-more{border:var(--icon-hit-ring-accent)}.modal .add-item-confirm-and-more{color:var(--accent)}.modal .add-item-confirm-and-more:not(:disabled):hover,.modal .add-item-confirm-and-more:not(:disabled):focus-visible{background:var(--accent-dim);color:#b8f0dc;outline:none}.modal .add-item-confirm-and-more:not(:disabled):active{background:var(--accent-dim);color:#b8f0dc}.modal .add-item-cancel{border:var(--icon-hit-ring-danger)}.modal .add-item-action:not(:disabled):active{background:var(--surface-2)}.modal .add-item-confirm:not(:disabled):active{background:var(--accent-dim);color:#b8f0dc}.modal .add-item-cancel:not(:disabled):active{color:#f0b8b8;background:#4a2020}.modal h2{margin-bottom:.75rem}.modal p{color:var(--text-muted);margin-bottom:1rem}.reference-display{letter-spacing:.15em;text-align:center;background:var(--bg);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;font-family:monospace;font-size:1.5rem}.reference-backup-profile-link{color:var(--accent);font-weight:600;text-decoration:none}.reference-backup-profile-link:hover{text-decoration:underline}.reference-backup-actions{align-items:stretch;gap:.5rem;display:flex}.reference-backup-actions .btn{margin-top:0}.reference-backup-actions .btn.secondary{flex:1;min-width:0}.reference-backup-actions .btn.primary{flex:none;width:auto;min-width:0;padding:.75rem 1.125rem}.modal .btn{margin-top:.5rem}.profile-stats{flex-direction:column;gap:.25rem;margin-bottom:1.5rem;display:flex}.profile-stat-row{min-height:var(--tap);justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex}.profile-stat-label{color:var(--text-muted);flex-shrink:0;font-size:.95rem;font-weight:600}.profile-stat-value{text-align:right;min-width:0;color:var(--text);flex:1;font-size:1.05rem;font-weight:600}.profile-name-value{cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation}.profile-reference-group{flex:1;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;display:flex}.profile-reference-value{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;max-width:100%;color:var(--accent);flex:0 auto;font-family:monospace;font-size:1.1rem;overflow:hidden}.profile-reference-share-btn{width:var(--icon-hit-lg);height:var(--icon-hit-lg);min-width:var(--icon-hit-lg);border-radius:var(--icon-hit-radius);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:flex}.profile-reference-share-btn:hover:not(:disabled),.profile-reference-share-btn:focus-visible:not(:disabled){background:var(--surface-2);color:var(--accent);outline:none}.profile-connection-value.is-online{color:#5fd9a8}.profile-connection-value.is-offline{color:var(--warning)}.profile-sync-value.is-error{color:var(--danger)}.profile-sync-retry{font:inherit;color:var(--danger);text-align:right;cursor:pointer;text-underline-offset:.125rem;background:0 0;border:none;padding:0;text-decoration:underline}.profile-field{margin-bottom:1.5rem}.profile-field label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.profile-install-section{margin-top:.5rem}.profile-page-header{align-items:center;gap:.25rem;margin-bottom:1rem;display:flex;overflow:visible}.profile-page-header h1{flex:1;min-width:0;margin:0;font-size:1.5rem;line-height:1.2}.main-content:has(.profile-page){min-height:0;padding-bottom:var(--page-bottom-inset);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.profile-page{box-sizing:border-box;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;width:100%;min-height:0;scroll-padding-bottom:var(--page-bottom-inset);flex-direction:column;flex:1 1 0;display:flex;overflow-y:auto}.profile-install-app-btn{width:100%}.profile-install-hint{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;line-height:1.4}.profile-version{border-top:.0625rem solid var(--surface-2);color:var(--text-muted);text-align:center;flex-shrink:0;margin-top:auto;padding-top:1rem;padding-bottom:.25rem;font-size:.85rem}.list-owner-icon-btn-organize.active{background:var(--accent-dim);color:#b8f0dc;box-shadow:none;border:.0625rem solid #2d9f7873}.list-owner-icon-btn-more.active{background:var(--surface-2);color:var(--text)}.list-options-more-source.is-menu-open{visibility:hidden;pointer-events:none}.list-options-drawer-toggle{z-index:352;pointer-events:auto;box-sizing:border-box;touch-action:manipulation;margin:0;padding:0;position:fixed}.list-options-drawer{z-index:350;pointer-events:none;position:fixed;inset:0}.list-options-drawer.is-open{pointer-events:auto}.list-options-drawer-backdrop{opacity:0;cursor:pointer;background:#00000073;border:none;margin:0;padding:0;transition:opacity .22s;position:absolute;inset:0}.list-options-drawer.is-open .list-options-drawer-backdrop{opacity:1}.list-options-drawer-panel{width:min(17.5rem,78vw);max-width:100%;padding:max(1.25rem, env(safe-area-inset-top,0) + .75rem) .625rem max(1.25rem, env(safe-area-inset-bottom,0) + .75rem);background:var(--surface);border-left:.0625rem solid var(--surface-2);margin:0;transition:transform .26s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-.75rem 0 2rem #00000059}.list-options-drawer.is-open .list-options-drawer-panel{transform:translate(0)}.list-options-drawer-menu{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.list-options-drawer-divider{margin:.25rem 0;padding:0 .75rem;list-style:none}.list-options-drawer-divider hr{border:none;border-top:.0625rem solid var(--surface-2);margin:0}.list-options-drawer-item{width:100%;min-height:var(--tap);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.875rem;padding:.625rem .75rem;font-size:1rem;font-weight:500;transition:background .15s;display:flex}.list-options-drawer-item:hover:not(:disabled){background:var(--surface-2)}.list-options-drawer-item:disabled{opacity:.55;cursor:default}.list-options-drawer-item.active:not(:disabled){background:var(--surface-2);color:var(--accent)}.list-options-drawer-item.danger{color:#f0b8b8}.list-options-drawer-item.danger:hover:not(:disabled){color:#f5d0d0;background:#4a2020}.list-options-drawer-item-icon{width:1.5rem;height:1.5rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-options-drawer-item.active:not(:disabled) .list-options-drawer-item-icon{color:var(--accent)}.list-options-drawer-item.danger .list-options-drawer-item-icon{color:#e88a8a}.list-options-drawer-item-label{flex:1;min-width:0}.list-organize-bar{width:calc(100% - var(--list-title-text-indent));margin-top:.5rem;margin-left:var(--list-title-text-indent);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.list-organize-hint{min-width:0;color:var(--text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.35}.list-organize-actions{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.list-organize-toolbar{box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;align-items:center;gap:.375rem;display:inline-flex;overflow:visible}.list-organize-action{width:var(--icon-hit-lg);height:var(--icon-hit-lg);min-width:var(--icon-hit-lg);border-radius:var(--icon-hit-radius);background:var(--surface);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:flex}.list-organize-action svg{flex-shrink:0;display:block}.list-organize-alpha-label{letter-spacing:.04em;color:inherit;font-size:.9rem;font-weight:700}.list-organize-action:not(:disabled):not(.list-organize-confirm):not(.list-organize-cancel):hover,.list-organize-action:not(:disabled):not(.list-organize-confirm):not(.list-organize-cancel):focus-visible{background:var(--surface-2);color:var(--text);outline:none}.list-organize-confirm{color:var(--accent)}.list-organize-confirm:not(:disabled):hover,.list-organize-confirm:not(:disabled):focus-visible{background:var(--accent-dim);color:#b8f0dc}.list-organize-cancel{color:var(--text-muted)}.list-organize-cancel:not(:disabled):hover,.list-organize-cancel:not(:disabled):focus-visible{color:#f0b8b8;background:#4a2020}.list-organize-action:disabled{cursor:not-allowed;opacity:.45}.list-reorder-notice{color:var(--text);background:var(--surface);border:.0625rem solid var(--warning);border-radius:var(--radius);margin:0 0 .875rem;padding:.75rem .875rem;font-size:.9rem;line-height:1.4}.list-sort-panel{width:100%;position:relative}.list-sort-panel.is-dragging,.items-list-reorder.is-dragging{-webkit-user-select:none;user-select:none}.items-list.items-list-reorder>li[data-sort-id]{align-items:center;gap:var(--item-row-gap);opacity:1;display:flex}.items-list.items-list-reorder>li[data-sort-id] .sort-drag-handle,.items-list.items-list-reorder>li[data-sort-id] .item-text,.items-list.items-list-reorder>li[data-sort-id] .item-row-actions-spacer{grid-column:unset}.items-list.items-list-reorder>li[data-sort-id] .item-text{flex:1 1 0;align-self:center;min-width:0}.items-list.items-list-reorder>li[data-sort-id] .item-row-actions-spacer{flex:none;align-self:center}.items-list-reorder.is-dragging>li[data-sort-id]{opacity:.35}.sort-drop-gap{pointer-events:none;box-sizing:border-box;border:none;margin:0;padding:0;list-style:none;overflow:hidden}.sort-drag-floating{z-index:120;align-items:center;gap:var(--item-row-gap);min-height:var(--item-lead-width);border-radius:var(--radius);background:var(--surface-2);pointer-events:none;box-sizing:border-box;will-change:top;margin:0;padding:0;display:flex;position:fixed;box-shadow:0 .5rem 1.5rem #00000059}.sort-drag-floating .sort-drag-handle,.sort-drag-floating .item-text,.sort-drag-floating .item-row-actions-spacer{grid-column:unset}.sort-drag-floating .item-text{flex:1 1 0;min-width:0}.sort-drag-floating .item-row-actions-spacer{flex:none}.sort-drag-handle{flex:0 0 var(--item-lead-width);width:var(--item-lead-width);min-width:var(--item-lead-width);height:1.4em;min-height:1.4em;color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.sort-drag-handle svg{flex-shrink:0;width:1.125rem;height:1.125rem;display:block}.sort-drag-floating .sort-drag-handle{cursor:grabbing}.sort-drag-handle:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem;border-radius:.375rem}.item-row-spacer{visibility:hidden;pointer-events:none}html.list-options-drawer-open .main-content{overflow:hidden}.list-detail-sort-mode .list-items-body{overscroll-behavior-y:contain}.items-list-reorder.is-dragging{touch-action:none}.invite-list{list-style:none}.invite-card{background:var(--surface);border-radius:var(--radius);margin-bottom:.5rem;padding:1rem}.invite-card .actions{gap:.5rem;margin-top:.75rem;display:flex}.empty{color:var(--text-muted);padding:1rem 0}