:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #ebebed;--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #aeaeb2;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-accent-subtle: rgba(0, 113, 227, .08);--color-accent-secondary: #34c759;--color-border: #d2d2d7;--color-card-bg: #ffffff;--color-danger: #ff3b30;--color-success: #34c759;--color-warning: #ff9500;--color-unread: #0071e3;--color-read: var(--color-text-tertiary);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--bottom-nav-height: 64px;--top-bar-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px)}[data-theme=dark]{--color-bg: #0a0a0f;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #2a2a3e;--color-text: #e8e8ed;--color-text-secondary: #98989d;--color-text-tertiary: #636366;--color-accent: #0a84ff;--color-accent-hover: #409cff;--color-accent-subtle: rgba(10, 132, 255, .1);--color-accent-secondary: #30d158;--color-border: #38383a;--color-card-bg: #1c1c1e;--color-danger: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--color-unread: #0a84ff;--color-read: var(--color-text-tertiary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){[data-theme=system]{--color-bg: #0a0a0f;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #2a2a3e;--color-text: #e8e8ed;--color-text-secondary: #98989d;--color-text-tertiary: #636366;--color-accent: #0a84ff;--color-accent-hover: #409cff;--color-accent-subtle: rgba(10, 132, 255, .1);--color-accent-secondary: #30d158;--color-border: #38383a;--color-card-bg: #1c1c1e;--color-danger: #ff453a;--color-success: #30d158;--color-warning: #ff9f0a;--color-unread: #0a84ff;--color-read: var(--color-text-tertiary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:16px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;outline:none;transition:border-color var(--duration-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;transition:background-color var(--duration-fast),opacity var(--duration-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-block{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .2s ease,opacity .2s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(8px);opacity:0}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.top-bar[data-v-dc0dae71]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--top-bar-height);padding:0 var(--spacing-md);background:color-mix(in srgb,var(--color-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.top-bar-left[data-v-dc0dae71]{display:flex;flex-direction:column;gap:2px}.top-bar-title[data-v-dc0dae71]{font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;line-height:1}.top-bar-subtitle[data-v-dc0dae71]{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.top-bar-actions[data-v-dc0dae71]{display:flex;align-items:center;gap:var(--spacing-sm)}.bottom-nav[data-v-e10f52cc]{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.nav-item[data-v-e10f52cc]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);min-width:56px;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.nav-item--active[data-v-e10f52cc]{color:var(--color-accent)}.nav-item--add[data-v-e10f52cc]{color:var(--color-text-secondary)}.nav-item--add.nav-item--active[data-v-e10f52cc]{color:#fff}.add-button[data-v-e10f52cc]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.nav-item--add:hover .add-button[data-v-e10f52cc],.nav-item--add:active .add-button[data-v-e10f52cc]{transform:scale(1.08);box-shadow:var(--shadow-lg)}.nav-icon[data-v-e10f52cc]{width:24px;height:24px;flex-shrink:0}.nav-label[data-v-e10f52cc]{font-size:.625rem;font-weight:500;line-height:1}@media(min-width:768px){.bottom-nav[data-v-e10f52cc]{position:fixed;top:var(--top-bar-height);bottom:0;left:0;right:auto;width:240px;height:auto;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--spacing-md) var(--spacing-sm);padding-bottom:var(--spacing-md);border-top:none;border-right:1px solid var(--color-border);background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none;gap:var(--spacing-xs)}.nav-item[data-v-e10f52cc]{flex-direction:row;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);min-width:unset;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.nav-item[data-v-e10f52cc]:hover{background:var(--color-bg-secondary)}.nav-item--active[data-v-e10f52cc]{background:var(--color-bg-secondary);color:var(--color-accent)}.nav-item--add[data-v-e10f52cc]{order:0}.add-button[data-v-e10f52cc]{width:32px;height:32px}.add-button svg[data-v-e10f52cc]{width:18px;height:18px}.nav-label[data-v-e10f52cc]{font-size:.875rem;font-weight:500}}.app-shell[data-v-e6806aef]{display:flex;flex-direction:column;min-height:100dvh}.main-content[data-v-e6806aef]{flex:1;padding:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--spacing-md));overflow-y:auto;-webkit-overflow-scrolling:touch}.main-content--detail[data-v-e6806aef]{padding-bottom:calc(60px + var(--safe-area-bottom) + var(--spacing-md))}.fade-enter-active[data-v-e6806aef],.fade-leave-active[data-v-e6806aef]{transition:opacity .15s ease}.fade-enter-from[data-v-e6806aef],.fade-leave-to[data-v-e6806aef]{opacity:0}@media(min-width:768px){.main-content[data-v-e6806aef]{margin-left:240px;padding-bottom:var(--spacing-md)}.main-content--detail[data-v-e6806aef]{margin-left:0;padding-bottom:calc(60px + var(--spacing-md))}}.toast-container[data-v-043d340c]{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--spacing-md));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);width:calc(100% - var(--spacing-xl));max-width:400px}.toast[data-v-043d340c]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-align:center;box-shadow:var(--shadow-lg)}.toast--success[data-v-043d340c]{background:var(--color-success);color:#fff}.toast--error[data-v-043d340c]{background:var(--color-danger);color:#fff}.toast--info[data-v-043d340c]{background:var(--color-text);color:var(--color-bg)}