:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18212f;--bg:#f7f8fb;--body-gradient:linear-gradient(180deg, #2f6f7314, #fff0 340px);--topbar-bg:linear-gradient(180deg, #f7f8fb 72%, #f7f8fb00);--panel:#ffffffeb;--field:#fff;--surface:#fff;--surface-strong:#eef5f4;--line:#d8dee8;--text:#18212f;--muted:#667085;--teal:#2f6f73;--teal-dark:#225457;--coral:#c8553d;--amber:#b7791f;--blue:#3467c2;--notice-bg:#fff7e6;--notice-border:#f0d6a6;--notice-text:#704d12;--danger-bg:#ffe9e3;--online-bg:#e3f4ed;--online-text:#12613f;--offline-bg:#eef0f4;--offline-text:#667085;--shadow:0 12px 30px #18212f14;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2f7;--bg:#111827;--body-gradient:linear-gradient(180deg, #2f6f732e, #11182700 340px);--topbar-bg:linear-gradient(180deg, #111827 72%, #11182700);--panel:#182231f0;--field:#101826;--surface:#182231;--surface-strong:#20363a;--line:#344052;--text:#edf2f7;--muted:#aab4c1;--teal:#45a2a7;--teal-dark:#6cc4c8;--coral:#ff8a70;--amber:#f6c15f;--blue:#8bb4ff;--notice-bg:#3a2c12;--notice-border:#8a661f;--notice-text:#ffe0a3;--danger-bg:#4a2019;--online-bg:#173828;--online-text:#8de0b9;--offline-bg:#283142;--offline-text:#aab4c1;--shadow:0 14px 36px #00000047;background:#111827}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--body-gradient), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.62}input,select{border:1px solid var(--line);background:var(--field);width:100%;height:42px;min-height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2f6f7329}label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:700;display:grid}h1,h2,p{margin:0}h1{font-size:1.1rem;line-height:1.1}h2{align-items:center;gap:8px;font-size:1rem;line-height:1.2;display:flex}.app-shell{width:min(1180px,100%);min-height:100vh;padding:calc(16px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.centered-shell,.auth-shell{place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.auth-panel,.list-settings,.editor-panel,.share-panel,.admin-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.auth-panel{width:min(420px,100%);padding:22px}.auth-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-row{align-items:center;gap:12px;display:flex}.brand-row.compact{gap:10px}.brand-mark{background:var(--teal);color:#fff;letter-spacing:0;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.muted{color:var(--muted);font-size:.88rem}.notice{border:1px solid var(--notice-border);background:var(--notice-bg);color:var(--notice-text);border-radius:8px;padding:10px 12px;font-size:.9rem}.app-notice{margin:12px 0}.form-stack{gap:14px;margin-top:22px;display:grid}.primary-button,.danger-button,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--teal);color:#fff}.primary-button:hover:not(:disabled){background:var(--teal-dark)}.primary-button.wide{width:100%}.primary-button.square,.icon-button{width:42px;padding:0}.danger-button{background:var(--danger-bg);width:42px;color:var(--coral);padding:0}.icon-button{border:1px solid var(--line);background:var(--field);color:var(--text)}.icon-button.active{border-color:var(--teal);background:var(--surface-strong);color:var(--teal-dark)}.topbar{z-index:20;background:var(--topbar-bg);justify-content:space-between;align-items:center;gap:10px;padding:8px 0 14px;display:flex;position:sticky;top:0}.topbar .brand-row,.topbar .brand-row>div:last-child{min-width:0}.topbar h1,.topbar .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions{white-space:nowrap;flex:none;align-items:center;gap:6px;display:flex}.status-badge{text-transform:lowercase;border-radius:999px;align-items:center;gap:6px;height:24px;min-height:24px;padding:0 8px;font-size:.72rem;font-weight:500;line-height:1;display:inline-flex}.status-badge.online{background:var(--online-bg);color:var(--online-text)}.status-badge.offline{background:var(--offline-bg);color:var(--offline-text)}.status-dot{background:currentColor;border-radius:999px;flex:none;width:7px;height:7px}.workspace{gap:14px;display:grid}.list-column,.detail-column{align-content:start;gap:14px;display:grid}.create-list-form,.meta-form,.share-form,.admin-form{gap:8px;display:grid}.create-list-form{grid-template-columns:1fr}.list-stack,.share-list,.user-list{gap:8px;display:grid}.list-card{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:8px;gap:6px;padding:12px;display:grid}.list-card.selected{border-color:var(--teal);background:var(--surface-strong)}.list-title{overflow-wrap:anywhere;font-weight:900}.deadline,.list-meta{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.deadline.overdue{color:var(--coral);font-weight:800}.list-settings,.share-panel,.admin-panel{padding:12px}.meta-form{grid-template-columns:1fr}.editor-panel{overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--surface);gap:6px;padding:10px;display:flex;overflow-x:auto}.save-button{white-space:nowrap;flex:0 0 42px;width:42px;margin-left:auto;padding:0}.readonly-strip{border-bottom:1px solid var(--notice-border);background:var(--notice-bg);color:var(--notice-text);padding:9px 12px;font-size:.86rem;font-weight:700}.editor-surface{outline:none;min-height:320px;padding:18px 16px 28px}.editor-surface>*+*{margin-top:.72em}.editor-surface h1,.editor-surface h2,.editor-surface h3{line-height:1.12}.editor-surface p{line-height:1.55}.editor-surface a{color:var(--blue)}.editor-surface ul,.editor-surface ol{padding-left:1.35rem}.editor-surface ul[data-type=taskList]{gap:8px;margin:.75em 0;padding-left:0;list-style:none;display:grid}.editor-surface ul[data-type=taskList]>li{grid-template-columns:22px minmax(0,1fr);align-items:start;column-gap:10px;width:100%;min-height:1.55em;list-style:none;margin:0!important;padding-left:0!important;display:grid!important}.editor-surface ul[data-type=taskList]>li>label{width:22px;min-width:22px;max-width:22px;color:inherit;font-size:inherit;grid-area:1/1;justify-content:center;align-items:center;margin:0;padding-top:3px;font-weight:400;line-height:1;display:inline-flex!important}.editor-surface ul[data-type=taskList]>li>label>input[type=checkbox]{appearance:auto;accent-color:var(--teal);border-radius:3px;display:inline-block;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:2px 0 0!important;padding:0!important}.editor-surface ul[data-type=taskList]>li>label>span{display:none}.editor-surface ul[data-type=taskList]>li>div{grid-area:1/2;width:100%;min-width:0}.editor-surface ul[data-type=taskList]>li>div>p{margin:0}.editor-surface ul[data-type=taskList]>li[data-checked=true]>div{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.status-line{padding:0 12px 12px}.share-panel .status-line,.admin-panel .status-line{padding:0}.share-panel,.admin-panel{gap:12px;display:grid}.admin-panel{margin-top:14px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.add-user-button{flex:none}.share-form,.admin-form{grid-template-columns:1fr}.share-row,.user-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:10px;display:grid}.share-row{grid-template-columns:1fr auto auto}.user-row{grid-template-columns:minmax(0,1fr) auto auto auto}.share-row strong,.user-summary strong{display:block}.user-summary{min-width:0}.user-summary strong,.user-summary span{overflow-wrap:anywhere}.share-row select{width:110px}.role-pill,.user-state{background:var(--surface-strong);min-height:26px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:600;line-height:1;display:flex}.user-state{gap:6px;font-weight:500}.user-state>span{background:currentColor;border-radius:999px;flex:none;width:7px;height:7px}.user-state.active{color:var(--online-text)}.user-state.inactive{color:var(--offline-text)}.user-row-actions{justify-content:flex-end;gap:8px;display:flex}.user-row.disabled{opacity:.58}.empty-state{text-align:center;padding:18px 4px}.modal-backdrop{z-index:100;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));background:#080d178f;place-items:center;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--panel);width:min(460px,100%);max-height:min(720px,100%);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.modal-header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.modal-close{flex:none}.modal-body{max-height:calc(100vh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px;overflow-y:auto}.modal-form{gap:12px;display:grid}.modal-copy{color:var(--muted);line-height:1.45}.modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.modal-actions>button{flex:0 auto}.secondary-button,.danger-action-button{height:42px;min-height:42px;font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.secondary-button{border:1px solid var(--line);background:var(--field);color:var(--text)}.danger-action-button{background:var(--danger-bg);color:var(--coral);border:0}@media (width>=700px){.app-shell{padding-inline:22px}.workspace{grid-template-columns:minmax(250px,330px) 1fr;align-items:start}.create-list-form{grid-template-columns:1fr}.meta-form{grid-template-columns:minmax(220px,1fr) minmax(190px,240px) auto auto;align-items:end}.share-form{grid-template-columns:minmax(160px,1fr) 120px auto}.admin-form{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) 110px auto}.user-row{grid-template-columns:minmax(170px) 96px 110px auto}}@media (width<=420px){.topbar{align-items:center}.top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:5px}.top-actions .icon-button{width:38px;height:38px;min-height:38px}.status-badge{justify-content:center;width:24px;padding:0}.status-text{display:none}.save-button{min-width:42px}.add-user-button{width:42px;padding:0}.add-user-button span{display:none}.user-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.user-summary{grid-area:1/1}.role-pill{grid-area:2/1;justify-self:start}.user-state{grid-area:3/1;justify-self:start}.user-row-actions{grid-area:1/2/4;align-self:center}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions>button{width:100%}}