.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:41;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);max-height:88dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}[data-theme=dark] .sheet{border-top:1px solid var(--border)}.sheet-handle{width:36px;height:4px;border-radius:var(--r-full);background:var(--border-strong);margin:8px auto 4px;flex-shrink:0}.sheet-body{padding:12px 20px 24px;overflow-y:auto}.sheet-enter-active{transition:transform var(--dur-slow) var(--ease-enter)}.sheet-leave-active{transition:transform var(--dur-base) var(--ease-exit)}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%)}.scrim-enter-active,.scrim-leave-active{transition:opacity var(--dur-base)}.scrim-enter-from,.scrim-leave-to{opacity:0}@media(min-width:768px){.sheet{inset-inline:auto;left:50%;transform:translate(-50%);bottom:auto;top:50%;translate:0 -50%;width:min(560px,92vw);border-radius:var(--r-sheet);box-shadow:var(--shadow-modal);max-height:80dvh}.sheet-handle{display:none}.sheet-body{padding-top:24px}.sheet-enter-from,.sheet-leave-to{transform:translate(-50%) translateY(24px);opacity:0}.sheet-enter-active,.sheet-leave-active{transition:all var(--dur-base) var(--ease-standard)}}.rem-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rem-custom{display:flex;gap:8px}.rem-custom .input{flex:1;min-width:0}.rem-time{max-width:130px}.cat-grid{display:flex;flex-wrap:wrap;gap:8px}.cat-grid .chip{cursor:pointer;height:36px;font-size:14px}.cat-new{color:var(--primary)}.cat-add-row{display:flex;gap:8px;margin-top:12px}.cat-add-row .input{flex:1}.meem-ring{flex-shrink:0;display:block}.qa-input{width:100%;border:none;background:transparent;font-size:17px;line-height:1.75;resize:none;min-height:84px}.qa-input:focus{outline:none}.qa-preview{display:flex;gap:12px;align-items:center;background:var(--surface-alt);border-radius:var(--r-md);padding:10px 12px;margin-bottom:12px}.qa-preview img{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm)}.qa-preview-text{display:flex;flex-direction:column;min-width:0}.qa-preview-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-toolbar{display:flex;align-items:center;gap:4px;border-top:1px solid var(--border);padding-top:12px}.qa-tool{width:44px;height:44px;display:grid;place-items:center;color:var(--text-secondary);border-radius:var(--r-md)}.qa-tool:active{background:var(--surface-alt)}.qa-spacer{flex:1}.qa-saved{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 20px}.qa-meem{width:48px;height:48px;color:var(--primary)}.qa-after{display:flex;flex-direction:column;gap:8px}.qa-thing-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.shell{min-height:100dvh}.content{max-width:var(--content-max);margin-inline:auto;padding:0 var(--screen-pad);padding-bottom:calc(var(--tabbar-h) + var(--list-bottom-pad) + env(safe-area-inset-bottom))}.tabbar{position:fixed;inset-inline:0;bottom:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:30}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-tertiary)}.tab.active{color:var(--primary)}.tab-label{font-size:11px;font-weight:500}.fab{position:fixed;inset-inline-end:16px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:var(--r-full);background:var(--primary);color:var(--text-on-primary);display:grid;place-items:center;box-shadow:var(--shadow-fab);z-index:31;transition:transform .1s var(--ease-standard)}.fab:active{transform:scale(.94);background:var(--primary-pressed)}[data-theme=dark] .fab{color:#0b2a2a}.rail{display:none}@media(min-width:1024px){.tabbar,.fab{display:none}.content{padding-bottom:48px;padding-top:8px}.shell.with-nav{padding-inline-start:var(--rail-w)}.rail{position:fixed;inset-block:0;inset-inline-start:0;width:var(--rail-w);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;z-index:30}.rail-logo{color:var(--primary);margin-bottom:16px;width:44px;height:44px;display:grid;place-items:center}.rail-item{width:56px;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-tertiary);border-radius:var(--r-md)}.rail-item:hover{background:var(--surface-alt)}.rail-item.active{color:var(--primary);background:var(--primary-soft)}.rail-label{font-size:11px;font-weight:500}.rail-add{margin-top:auto;width:48px;height:48px;border-radius:var(--r-full);background:var(--primary);color:var(--text-on-primary);display:grid;place-items:center;box-shadow:var(--shadow-fab)}[data-theme=dark] .rail-add{color:#0b2a2a}}@media(min-width:768px)and (max-width:1023px){.content{max-width:640px}}.toast{position:fixed;inset-inline:16px;bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom));background:var(--toast-bg);color:var(--toast-text);border-radius:var(--r-md);padding:12px 16px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:50;max-width:480px;margin-inline:auto}.toast-action{color:var(--primary-soft);font-weight:600;font-size:14px}[data-theme=dark] .toast-action{color:var(--primary)}.toast-enter-active{transition:all var(--dur-base) var(--ease-enter)}.toast-leave-active{transition:all var(--dur-fast) var(--ease-exit)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}:root{--bg: #faf6f0;--surface: #ffffff;--surface-alt: #f4eee6;--surface-sunken: #ebe3d8;--text-primary: #221e19;--text-secondary: #635a50;--text-tertiary: #796f65;--text-disabled: #978c80;--text-on-primary: #ffffff;--border: #ebe3d8;--border-strong: #dbd1c3;--border-interactive: #978c80;--primary: #277c7e;--primary-pressed: #206769;--primary-soft: #d8f2f2;--on-primary-soft: #1a5152;--accent: #c04b1d;--accent-pressed: #a33f18;--accent-soft: #fde5da;--on-accent-soft: #7e3113;--highlight-fill: #f6d171;--highlight-soft: #fdf2d4;--on-highlight-soft: #77530a;--success: #2f7e59;--success-soft: #dcf2e7;--on-success-soft: #1e5238;--error: #cd3b30;--error-soft: #fce3e1;--on-error-soft: #7e2820;--stripe-memo: #dbd1c3;--stripe-link: #5fbec0;--stripe-thing: #302b25;--stripe-reminder: #f59168;--stripe-pinned: #f6d171;--thread-line: #dbd1c3;--toast-bg: #302b25;--toast-text: #f6f1e9;--scrim: rgba(34, 30, 25, .35);--font: "IBM Plex Sans Arabic", "IBM Plex Sans", "Dubai", "Segoe UI", Tahoma, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-card: 20px;--r-sheet: 28px;--r-full: 999px;--shadow-card: 0 1px 2px rgba(34, 30, 25, .04), 0 2px 8px rgba(34, 30, 25, .04);--shadow-fab: 0 4px 12px rgba(39, 124, 126, .28);--shadow-sheet: 0 -4px 24px rgba(34, 30, 25, .1);--shadow-modal: 0 8px 40px rgba(34, 30, 25, .14);--dur-fast: .16s;--dur-base: .2s;--dur-slow: .28s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-enter: cubic-bezier(.05, .7, .1, 1);--ease-exit: cubic-bezier(.3, 0, .8, .15);--screen-pad: 16px;--tabbar-h: 56px;--topbar-h: 56px;--list-bottom-pad: 88px;--content-max: 680px;--rail-w: 72px;color-scheme:light}[data-theme=dark]{--bg: #151310;--surface: #1e1b17;--surface-alt: #282420;--surface-sunken: #100e0c;--text-primary: #f6f1e9;--text-secondary: #b3a99b;--text-tertiary: #8e8578;--text-disabled: #6e665c;--text-on-primary: #0b2a2a;--border: #302b25;--border-strong: #3d372f;--border-interactive: #6e665c;--primary: #5fbec0;--primary-pressed: #8ad7d8;--primary-soft: #15302f;--on-primary-soft: #8ad7d8;--accent: #f59168;--accent-pressed: #f8ac8e;--accent-soft: #33201a;--on-accent-soft: #f8ac8e;--highlight-fill: #f6d171;--highlight-soft: #31281a;--on-highlight-soft: #f9da8c;--success: #57b98a;--success-soft: #16301f;--on-success-soft: #57b98a;--error: #ef7268;--error-soft: #331a18;--on-error-soft: #ef7268;--stripe-memo: #3d372f;--stripe-link: #5fbec0;--stripe-thing: #b3a99b;--stripe-reminder: #f59168;--stripe-pinned: #f6d171;--thread-line: #3d372f;--toast-bg: #282420;--toast-text: #f6f1e9;--scrim: rgba(0, 0, 0, .5);--shadow-card: none;--shadow-fab: none;--shadow-sheet: none;--shadow-modal: none;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.75;min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh}a{color:var(--primary);text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:16px;color:var(--text-primary);min-width:0;max-width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.icon{width:24px;height:24px;flex-shrink:0}.icon-sm{width:20px;height:20px}.icon-xs{width:16px;height:16px}.h1{font-size:28px;font-weight:600;line-height:1.36}.h2{font-size:22px;font-weight:600;line-height:1.45}.h3{font-size:18px;font-weight:600;line-height:1.55}.body-sm{font-size:14px;line-height:1.7}.caption{font-size:13px;line-height:1.7;color:var(--text-tertiary)}.label{font-size:12px;font-weight:500}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--r-lg);font-size:16px;font-weight:600;transition:transform .1s var(--ease-standard),background var(--dur-fast);min-width:44px}.btn:active{transform:scale(.97)}.btn-lg{height:52px;padding:0 24px}.btn-sm{height:36px;padding:0 12px;font-size:14px}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:active{background:var(--primary-pressed)}.btn-primary:disabled{background:var(--surface-alt);color:var(--text-disabled)}.btn-secondary{background:var(--primary-soft);color:var(--on-primary-soft)}.btn-ghost{background:transparent;color:var(--primary)}.btn-danger{background:transparent;color:var(--error)}.btn-block{width:100%}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input{width:100%;height:52px;background:var(--surface-alt);border:2px solid transparent;border-radius:var(--r-md);padding:0 16px}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-tertiary)}textarea.input{height:auto;min-height:96px;padding:12px 16px;resize:vertical}.input-error{border-color:var(--error)}.field-error{display:flex;align-items:center;gap:6px;color:var(--error);font-size:13px;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-full);background:var(--surface-alt);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.chip.active{background:var(--primary-soft);color:var(--on-primary-soft)}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--r-full);font-size:12px;font-weight:500}.badge-reminder{background:var(--accent-soft);color:var(--on-accent-soft)}.badge-overdue{background:var(--accent-soft);color:var(--on-accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.badge-favorite{background:var(--highlight-soft);color:var(--on-highlight-soft)}.card{position:relative;background:var(--surface);border-radius:var(--r-card);padding:16px;padding-inline-start:19px;box-shadow:var(--shadow-card);text-align:start;width:100%;display:block}[data-theme=dark] .card{border:1px solid var(--border)}.card:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:var(--r-xs);background:var(--stripe, var(--stripe-memo))}.card:active{background:var(--surface-alt)}.card-memo{--stripe: var(--stripe-memo)}.card-link{--stripe: var(--stripe-link)}.card-thing{--stripe: var(--stripe-thing)}.card-reminder{--stripe: var(--stripe-reminder)}.card-thing_event{--stripe: var(--stripe-memo)}.card-pinned{--stripe: var(--stripe-pinned)}.list{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:32px;margin-bottom:12px}.section-head .all-link{font-size:14px;font-weight:500;color:var(--primary);padding:10px 0}.page-top{display:flex;align-items:center;gap:4px;padding:12px 0}.page-back{width:44px;height:44px;display:grid;place-items:center;color:var(--text-primary);margin-inline-start:-10px;flex-shrink:0}.detail-top{gap:14px}.detail-top-title{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:40px;height:40px;display:grid;place-items:center;color:var(--text-secondary);flex-shrink:0}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.rem-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.corner-mark{margin-inline-start:auto;opacity:.9;flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px;color:var(--text-secondary)}.empty .icon-xl{width:48px;height:48px;color:var(--text-tertiary)}.skeleton{background:var(--surface-alt);border-radius:var(--r-card);min-height:88px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.meem-pop{animation:meem-pop .4s var(--ease-enter)}@keyframes meem-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.1s!important;transition-duration:.1s!important}}