:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18212f;--bg:#f7f8fb;--topbar-bg:#f7f8fb;--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;--topbar-bg:#111827;--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(--bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit;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%;min-width:0;max-width:100%;height:42px;min-height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:16px;line-height:1.2}input[type=datetime-local]{min-width:0;display:block}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2f6f7329}label{min-width:0;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;min-width:0;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{min-width:0;max-width:100%;color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.deadline svg,.list-meta svg{flex:none}.deadline.overdue{color:var(--coral);font-weight:800}.list-settings,.share-panel,.admin-panel{padding:12px}.list-settings{overflow:hidden}.meta-form{grid-template-columns:1fr}.meta-form>*{min-width:0}.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;grid-template-areas:"summary actions""badges actions";align-items:start}.share-row strong,.user-summary strong{display:block}.user-summary{grid-area:summary;min-width:0}.user-summary strong,.user-summary span{overflow-wrap:anywhere}.share-row select{width:110px}.user-badges{flex-wrap:wrap;grid-area:badges;align-items:center;gap:8px;min-width:0;display:flex}.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{grid-area:actions;justify-content:flex-end;align-self:center;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,1fr) auto auto;grid-template-areas:"summary badges actions";align-items:center}}@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;grid-template-areas:"summary actions""badges actions";align-items:start}.user-badges{justify-content:flex-start}.user-row-actions{align-self:center}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions>button{width:100%}}