*,:before,:after{box-sizing:border-box}:root{--color-primary:#0a72e8;--color-primary-hover:#0861c4;--color-primary-active:#07509f;--color-primary-soft:#eaf3ff;--color-primary-soft-hover:#d8e9ff;--color-primary-ring:#0a72e847;--color-success:#047857;--color-success-soft:#ecfdf5;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-warning:#b45309;--color-warning-soft:#fffbeb;--color-info:#1d4ed8;--color-info-soft:#eff6ff;--bg-app:#f5f7fa;--bg-surface:#fff;--bg-surface-sunken:#f9fafb;--bg-surface-raised:#fff;--bg-hover:#f3f4f6;--bg-active:#eef2ff;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-subtle:#eef0f3;--border-default:#e2e5ea;--border-strong:#cbd2dc;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 4px 10px -2px #10182814, 0 2px 4px -2px #1018280a;--shadow-lg:0 12px 24px -6px #1018281a, 0 4px 8px -4px #1018280a;--shadow-xl:0 24px 48px -12px #10182829;--shadow-focus:0 0 0 3px var(--color-primary-ring);--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:26px;--text-3xl:34px;--text-4xl:44px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--transition-fast:.12s ease;--transition-normal:.18s ease;--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--header-height:68px;--sidebar-width:248px;--content-max:1180px;--tap-min:44px;--wide-min:900px;--z-header:100;--z-dropdown:200;--z-modal:1000;--z-toast:1100;--sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg-app:#0f1115;--bg-surface:#181b21;--bg-surface-sunken:#12151a;--bg-surface-raised:#1e222a;--bg-hover:#22262e;--bg-active:#23274f;--text-primary:#f2f4f7;--text-secondary:#d3d8e0;--text-tertiary:#9aa3b0;--text-muted:#6f7887;--border-subtle:#23262d;--border-default:#2c313a;--border-strong:#3b414c;--color-primary:#8b8bf5;--color-primary-hover:#a5a5fa;--color-primary-active:#c7c7fd;--color-primary-soft:#23274f;--color-primary-soft-hover:#2d3260;--color-primary-ring:#8b8bf54d;--color-success:#34d399;--color-success-soft:#10291f;--color-danger:#f87171;--color-danger-soft:#2d1618;--color-warning:#fbbf24;--color-warning-soft:#2b2110;--color-info:#60a5fa;--color-info-soft:#12213a;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 10px -2px #0000008c;--shadow-lg:0 12px 24px -6px #0009;--shadow-xl:0 24px 48px -12px #000000b3}}html{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);overscroll-behavior-y:none;margin:0}#root{min-height:100vh}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-size:var(--text-md)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}button{cursor:pointer}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:var(--bg-app);min-height:100dvh}.app-shell{align-items:stretch;min-height:100dvh;display:flex}.app-column{flex-direction:column;flex:1;min-width:0;display:flex}.app-main{width:100%;max-width:var(--content-max);padding:var(--space-xl) var(--space-2xl) calc(var(--space-4xl) + 60px);flex:1;margin:0 auto}@media (width<=640px){.app-main{padding:var(--space-md) var(--space-md) calc(var(--space-3xl) + 70px)}}.sidenav{display:none}@media (width>=900px){.sidenav{flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);background:var(--bg-surface);border-right:1px solid var(--border-subtle);height:100dvh;display:flex;position:sticky;top:0}}.sidenav__brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-xl);display:flex}.sidenav__bell{font-size:26px;line-height:1}.sidenav__name{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary)}.sidenav__nav{gap:var(--space-3xs);flex-direction:column;display:flex}.sidenav__item{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-min);padding:0 var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.sidenav__item:hover{background:var(--bg-hover)}.sidenav__item--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-semibold)}.sidenav__icon{text-align:center;width:22px;font-size:18px;line-height:1}.sidenav__label{flex:1}.sidenav__badge{border-radius:var(--radius-full);background:var(--bg-hover);min-width:22px;color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-bold);text-align:center;padding:1px 7px}.sidenav__item--active .sidenav__badge{background:var(--color-primary);color:var(--text-inverse)}.sidenav__foot{padding:var(--space-lg) var(--space-sm) 0;border-top:1px solid var(--border-subtle);margin-top:auto}.sidenav__user{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sidenav__hint{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.topbar{background:var(--bg-surface);padding:var(--space-xl) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--border-subtle);position:relative}.topbar__lead{align-items:center;gap:var(--space-sm);display:flex}.topbar__bell{font-size:26px;line-height:1}.topbar__title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary);margin:0}.topbar__icon{top:var(--space-xl);right:var(--space-lg);width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);background:var(--bg-surface-sunken);transition:background var(--transition-fast);border:none;place-items:center;font-size:19px;display:grid;position:absolute}.topbar__icon:hover{background:var(--bg-hover)}.topbar__sub{margin:var(--space-xs) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary)}@media (width<=400px){.topbar__br{display:none}}@media (width>=900px){.topbar:not(.topbar--solo){display:none}}.landing{gap:var(--space-2xl);flex-direction:column;display:flex}.auth-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm);text-align:center}.auth-description{margin:0 0 var(--space-xl);color:var(--text-secondary);font-size:var(--text-base)}.guide__title{margin:0 0 var(--space-lg);font-size:var(--text-xl);font-weight:var(--font-bold)}.guide__list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.guide__step{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.guide__step h3{margin:0 0 var(--space-3xs);font-size:var(--text-md);font-weight:var(--font-semibold)}.guide__step p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.guide__num{width:26px;height:26px;margin-right:var(--space-xs);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-bold);place-items:center;display:inline-grid}.chips{gap:var(--space-xs);padding-bottom:var(--space-xs);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips__item{min-height:38px;padding:var(--space-xs) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;transition:all var(--transition-fast);flex:none}.chips__item:hover{border-color:var(--border-strong)}.chips__item--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-semibold)}.daysec{margin-top:var(--space-xl)}.daysec__head{margin-bottom:var(--space-sm);padding:0 var(--space-2xs);justify-content:space-between;align-items:baseline;display:flex}.daysec__title{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.01em;margin:0}.daysec__count{font-size:var(--text-sm);color:var(--text-tertiary)}.daysec__list{gap:var(--space-sm);flex-direction:column;display:flex}.task-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 4px);background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--card-accent,var(--color-primary));border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto 1fr auto auto;display:grid;position:relative;overflow:hidden}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card__hit{z-index:0;background:0 0;border:none;position:absolute;inset:0}.task-card__icon{z-index:1;border-radius:var(--radius-md);background:var(--card-soft,var(--bg-hover));place-items:center;width:40px;height:40px;font-size:19px;line-height:1;display:grid;position:relative}.task-card__body{z-index:1;min-width:0;position:relative}.task-card__title{font-size:var(--text-md);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;overflow:hidden}.task-card__meta{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.task-card__cat{align-items:center;gap:5px;display:inline-flex}.task-card__cat .dot{border-radius:var(--radius-full);background:var(--card-accent,var(--color-primary));width:7px;height:7px}.task-card__ai{border-radius:var(--radius-full);background:var(--color-info-soft);color:var(--color-info);font-size:var(--text-xs);font-weight:var(--font-bold);padding:1px 7px}.task-card__due{z-index:1;font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;position:relative}.task-card__check{z-index:2;width:var(--tap-min);height:var(--tap-min);margin:calc(var(--space-2xs) * -1) calc(var(--space-2xs) * -1) calc(var(--space-2xs) * -1) 0;place-items:center;display:grid;position:relative}.task-card__check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.task-card__check-ui{border:2px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-surface);width:22px;height:22px;transition:all var(--transition-fast)}.task-card__check input:checked+.task-card__check-ui{background:var(--color-success);border-color:var(--color-success)}.task-card__check input:checked+.task-card__check-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin:3px 0 0 7px;display:block;transform:rotate(45deg)}.task-card--compact{padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + 4px)}.task-card--compact .task-card__icon{width:34px;height:34px;font-size:16px}.task-card--done{opacity:.55}.task-card--done .task-card__title{text-decoration:line-through}.tabbar{z-index:var(--z-header);height:64px;padding:0 var(--space-md) env(safe-area-inset-bottom,0);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-top:1px solid var(--border-subtle);background:#ffffffeb;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.tabbar{background:#181b21eb}}.tabbar__side{justify-content:space-around;gap:var(--space-xs);display:flex}.tabbar__item{min-height:var(--tap-min);color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 4px;display:flex}.tabbar__icon{font-size:19px;line-height:1.2}.tabbar__label{font-size:var(--text-xs);font-weight:var(--font-medium)}.tabbar__item--active{color:var(--color-primary)}.tabbar__item--active .tabbar__label{font-weight:var(--font-semibold)}.tabbar__fab{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), background var(--transition-fast);border:none;place-items:center;margin-top:-18px;font-size:27px;line-height:1;display:grid}.tabbar__fab:hover{background:var(--color-primary-hover);transform:scale(1.05)}.tabbar__fab:active{transform:scale(.95)}@media (width>=900px){.tabbar{display:none}}.segmented{border-radius:var(--radius-full);background:var(--bg-hover);padding:3px;display:inline-flex}.segmented__item{min-width:44px;min-height:34px;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);background:0 0;border:none}.segmented__item--active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-semibold);box-shadow:var(--shadow-xs)}.cal{flex-direction:column;display:flex}.cal__head{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.cal__title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0}.cal__monthbar{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.cal__month{font-size:var(--text-md);font-weight:var(--font-semibold)}.cal__nav{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;font-size:22px;line-height:1}.cal__nav:hover{background:var(--bg-hover)}.weekstrip{gap:var(--space-3xs);padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);display:grid}.weekstrip__day{padding:var(--space-xs) 0;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;display:flex}.weekstrip__day:hover{background:var(--bg-hover)}.weekstrip__dow{font-size:var(--text-xs);color:var(--text-tertiary)}.weekstrip__num{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);place-items:center;display:grid}.weekstrip__day--today .weekstrip__num{background:var(--color-primary);color:var(--text-inverse)}.weekstrip__dots{gap:3px;height:5px;display:flex}.weekstrip__dots i{border-radius:var(--radius-full);width:5px;height:5px}.month{padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.month__dows,.month__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.month__dows{margin-bottom:var(--space-2xs);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.month__cell{aspect-ratio:1;padding:var(--space-3xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;display:flex}.month__cell:hover{background:var(--bg-hover)}.month__num{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--font-medium);place-items:center;display:grid}.month__cell.is-today .month__num{background:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-bold)}.month__cell.is-out{opacity:.32}.month__dots{gap:2px;height:4px;display:flex}.month__dots i{border-radius:var(--radius-full);width:4px;height:4px}.detail{z-index:var(--z-modal);background:var(--bg-app);animation:fade-up var(--transition-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.detail__bar{padding:var(--space-sm) var(--space-sm);padding-top:max(var(--space-sm), env(safe-area-inset-top,0));background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.detail__bar-actions{gap:var(--space-2xs);display:flex}.detail__icon-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);background:0 0;border:none;font-size:20px;line-height:1}.detail__icon-btn:hover{background:var(--bg-hover)}.detail__scroll{-webkit-overflow-scrolling:touch;padding:var(--space-lg);padding-bottom:var(--space-3xl);flex:1;overflow-y:auto}.detail__icon{border-radius:var(--radius-lg);background:var(--card-soft);flex:none;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.detail__hero-body{min-width:0}.detail__tags{gap:var(--space-3xs);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.pill{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 10px}.pill--cat{background:var(--card-soft);color:var(--card-text)}.pill--ai{background:var(--color-info-soft);color:var(--color-info)}.pill--due{background:var(--card-soft);color:var(--card-text)}.pill--danger{background:var(--color-danger-soft);color:var(--color-danger)}.detail__title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.01em;margin:0}.detail__tabs{gap:var(--space-2xs);padding:var(--space-3xs);margin-bottom:var(--space-lg);background:var(--bg-hover);border-radius:var(--radius-full);grid-template-columns:repeat(3,1fr);display:grid}.detail__tab{border-radius:var(--radius-full);min-height:38px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);background:0 0;border:none}.detail__tab--active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-semibold);box-shadow:var(--shadow-xs)}.detail__panel{gap:var(--space-lg);flex-direction:column;display:flex}.ai-card{padding:var(--space-lg);background:var(--color-info-soft);border-radius:var(--radius-lg)}.ai-card__title{margin:0 0 var(--space-xs);align-items:center;gap:var(--space-2xs);font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-info);display:flex}.ai-card__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.kv{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;overflow:hidden}.kv__row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.kv__row+.kv__row{border-top:1px solid var(--border-subtle)}.kv dt{font-size:var(--text-sm);color:var(--text-tertiary);flex:none}.kv dd{font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:right;color:var(--text-primary);margin:0}.kv dd.is-danger,.is-danger{color:var(--color-danger)}.detail__section-title{margin:0 0 var(--space-sm);font-size:var(--text-md);font-weight:var(--font-bold)}.bullet-list{padding-left:var(--space-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.bullet-list .is-done{color:var(--text-muted);text-decoration:line-through}.file-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.file-list a{align-items:center;gap:var(--space-sm);min-height:var(--tap-min);padding:var(--space-sm) var(--space-md);color:var(--text-primary);text-decoration:none;display:flex}.file-list li+li a{border-top:1px solid var(--border-subtle)}.file-list__icon{font-size:19px}.file-list__name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-list__chev{color:var(--text-muted);font-size:19px}.empty-note{margin:var(--space-xl) 0;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.detail__footer{padding:var(--space-md) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom,0));background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.btn-done{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;width:100%;min-height:50px;font-size:var(--text-md);font-weight:var(--font-bold);transition:background var(--transition-fast), transform var(--transition-fast);border:none}.btn-done:active{transform:scale(.99)}.btn-done--on{background:var(--bg-hover);color:var(--text-secondary)}.insights{gap:var(--space-lg);flex-direction:column;display:flex}.settings-extras{margin-top:var(--space-lg);justify-content:center;display:flex}.btn-danger-ghost{min-height:var(--tap-min);padding:var(--space-xs) var(--space-xl);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--color-danger);font-size:var(--text-sm);font-weight:var(--font-semibold);background:0 0}.btn-danger-ghost:hover{background:var(--color-danger-soft)}.devlog{padding:var(--space-md);border-radius:var(--radius-md);color:#c9d1d9;font-family:var(--mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-all;background:#0d1117;border:1px solid #e74c3c;max-height:46vh;line-height:1.5;overflow:auto}.devlog__hint{margin:var(--space-md) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.btn,.btn-primary,.btn-add,.btn-analyze,.btn-extract,.btn-manual{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:var(--tap-min);padding:var(--space-xs) var(--space-xl);border:1px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-fast);display:inline-flex}.btn:hover,.btn-primary:hover,.btn-add:hover,.btn-analyze:hover,.btn-extract:hover,.btn-manual:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:disabled,.btn-add:disabled,.btn-analyze:disabled,.btn-extract:disabled{opacity:.5}.btn-add-small,.btn-remove,.btn-remove-small,.btn-remove-category,.btn-cancel-edit,.btn-cancel,.btn-clear-search,.btn-refresh{min-height:38px;padding:var(--space-2xs) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:center;align-items:center;display:inline-flex}.btn-cancel-edit:hover,.btn-remove:hover,.btn-remove-small:hover,.btn-remove-category:hover,.btn-clear-search:hover{background:var(--bg-hover)}.btn-remove,.btn-remove-small,.btn-remove-category{color:var(--color-danger);border-color:var(--border-default)}.btn-google{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-2xl);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-semibold);transition:all var(--transition-fast);display:inline-flex}.btn-google:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.settings-card,.assignment-form,.modal-body{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.settings-hint,.auth-hint,.reminder-hint,.card-description{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}input[type=text],input[type=email],input[type=number],input[type=date],input[type=time],input[type=url],input[type=search],input[type=password],textarea,select{width:100%;min-height:var(--tap-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}textarea{resize:vertical;min-height:90px;line-height:var(--leading-normal)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.checkbox-label{align-items:center;gap:var(--space-xs);min-height:var(--tap-min);display:flex}.time-select,.category-input,.email-count-select,.search-input,.checklist-input,.link-input,.link-label-input,.link-url-input,.reminder-time-input,.reminder-date-input,.verify-code-row{width:100%}.category-list,.links-preview,.checklist-preview{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.category-add-row,.verify-code-row,.email-verify-row{gap:var(--space-xs);align-items:center;display:flex}.category-tag{align-items:center;gap:var(--space-3xs);padding:3px var(--space-sm);border-radius:var(--radius-full);background:var(--bg-hover);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex}.category-tag--custom{background:var(--color-primary-soft);color:var(--color-primary)}.link-item{align-items:center;gap:var(--space-xs);width:100%;display:flex}.link-label{font-size:var(--text-sm)}.checklist-item{align-items:flex-start;gap:var(--space-sm);min-height:var(--tap-min);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex;position:relative}.checklist-item:hover{background:var(--bg-hover)}.checklist-item input{width:20px;height:20px;accent-color:var(--color-primary);flex:none;margin-top:9px}.checklist-item__text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);flex:1;position:relative}.checklist-item__strike{width:0;height:1.5px;transition:width var(--transition-normal);background:currentColor;position:absolute;top:50%;left:0}.checklist-item--checked .checklist-item__text{color:var(--text-muted)}.checklist-item--checked .checklist-item__label{text-decoration:line-through}.checklist-item--animating .checklist-item__strike{width:100%;transition:width var(--transition-normal)}.reminder-settings{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface-sunken);border-radius:var(--radius-md);flex-direction:column;display:flex}.reminder-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.reminder-toggle{align-items:center;gap:var(--space-xs);display:flex}.reminder-errors{padding-left:var(--space-lg);color:var(--color-danger);font-size:var(--text-xs);margin:0}.reminder-error{color:var(--color-danger);font-size:var(--text-xs)}.reminder-header,.email-header-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.reminder-empty,.no-emails{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.email-verified{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-success)}.auto-extract,.extract-controls{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.analyzing,.extract-loading{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.spinner{border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:16px;height:16px;animation:.8s linear infinite spin}.select-count{font-size:var(--text-xs);color:var(--text-tertiary)}.confirm-panel,.email-select-panel{padding:var(--space-md);background:var(--bg-surface-sunken);border-radius:var(--radius-md)}.confirm-header,.email-select-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.confirm-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.confirm-email-list,.email-list,.email-preview{gap:var(--space-xs);flex-direction:column;max-height:44vh;display:flex;overflow-y:auto}.confirm-email-item,.email-item{padding:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.confirm-email-subject,.email-subject{font-size:var(--text-sm);font-weight:var(--font-semibold)}.confirm-email-date,.email-date{font-size:var(--text-xs);color:var(--text-tertiary)}.confirm-email-body,.confirm-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.email-info{font-size:var(--text-xs);color:var(--text-tertiary)}.token-warning{font-size:var(--text-xs);color:var(--color-warning)}.token-loading{padding:var(--space-3xl) 0;color:var(--text-secondary);font-size:var(--text-base);place-items:center;display:grid}.modal-overlay{z-index:var(--z-modal);padding:var(--space-lg);animation:fade-in var(--transition-normal);background:#11182773;place-items:center;display:grid;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border-radius:var(--radius-2xl);width:min(560px,100%);max-height:88vh;box-shadow:var(--shadow-xl);animation:slide-up var(--transition-slow) var(--ease-out);flex-direction:column;display:flex}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.modal-close{border-radius:var(--radius-full);background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-sm);border:none}.modal-body{padding:var(--space-xl);overflow-y:auto}.modal-overlay.fade-out{animation:fade-out var(--transition-normal) forwards}.modal-box.slide-up-out{animation:slide-down var(--transition-normal) forwards}.onboarding-intro{gap:var(--space-sm);flex-direction:column;display:flex}.onboarding-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-section,.category-settings-section{gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.category-settings-title{font-size:var(--text-sm);font-weight:var(--font-bold);margin:0}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.page-head__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:var(--leading-tight);color:var(--text-primary);margin:0}.page-head__sub{margin:var(--space-xs) 0 0;font-size:var(--text-base);color:var(--text-tertiary)}.page-head__actions{align-items:center;gap:var(--space-sm);display:flex}@media (width<=899px){.page-head{margin-bottom:var(--space-md);align-items:center}.page-head__title{font-size:var(--text-2xl)}.page-head__actions .btn{display:none}}.icon-btn{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);transition:background var(--transition-fast);place-items:center;font-size:18px;display:grid}.icon-btn:hover{background:var(--bg-hover)}.statcards{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(186px,1fr));display:grid}.statcard{padding:var(--space-md);text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast);gap:2px;display:grid}.statcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.statcard__icon{width:38px;height:38px;margin-bottom:var(--space-2xs);border-radius:var(--radius-md);background:var(--card-soft,var(--bg-hover));place-items:center;font-size:18px;display:grid}.statcard__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statcard__cat{font-size:var(--text-xs);color:var(--text-tertiary)}.statcard__due{margin-top:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--font-bold)}.statcards__empty{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-sm);grid-column:1/-1;margin:0}.panel{padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.panel__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.panel__title{font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.panel__link{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2xs) var(--space-2xs);background:0 0;border:none}.panel__list{flex-direction:column;display:flex}.panel__foot{margin:var(--space-md) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}@media (width<=640px){.toolbar{flex-direction:column;align-items:stretch}.sortbox,.sortbox__select{width:100%}}.searchbox{flex:1;align-items:center;display:flex;position:relative}.searchbox__icon{left:var(--space-md);pointer-events:none;font-size:15px;position:absolute}.searchbox__input{border-radius:var(--radius-full);padding-left:40px}.sortbox{flex:none;width:auto}.sortbox__select{min-height:44px;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);background:var(--bg-surface);font-weight:var(--font-medium)}.tasks__list{gap:var(--space-xs);margin-top:var(--space-md);flex-direction:column;display:flex}.home__more{margin-top:var(--space-xl);justify-content:center;display:flex}.taskrow{align-items:center;gap:var(--space-sm);min-height:58px;padding:var(--space-sm) var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto auto 1fr auto auto auto;display:grid;position:relative}.taskrow+.taskrow{margin-top:var(--space-2xs)}.taskrow:hover{box-shadow:var(--shadow-sm)}.taskrow--tinted{background:var(--card-soft,var(--bg-surface));border-color:var(--card-border,var(--border-subtle))}.taskrow--done{opacity:.55}.taskrow--done .taskrow__title{text-decoration:line-through}.taskrow--overdue{border-color:var(--color-danger-soft)}.taskrow__check{place-items:center;width:32px;height:32px;display:grid}.taskrow__check input{opacity:0;cursor:pointer;width:32px;height:32px;margin:0;position:absolute}.taskrow__check-ui{border:2px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-surface);width:21px;height:21px;transition:all var(--transition-fast)}.taskrow__check input:checked+.taskrow__check-ui{background:var(--color-primary);border-color:var(--color-primary)}.taskrow__check input:checked+.taskrow__check-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin:3px 0 0 6px;display:block;transform:rotate(45deg)}.taskrow__icon{border-radius:var(--radius-md);background:var(--card-soft,var(--bg-hover));place-items:center;width:38px;height:38px;font-size:18px;display:grid}.taskrow__main{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:0;display:flex}.taskrow__title{max-width:100%;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taskrow__cat{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:5px;display:inline-flex}.taskrow__cat .dot{border-radius:var(--radius-full);background:var(--card-accent,var(--color-primary));width:6px;height:6px}.taskrow__ai{border-radius:var(--radius-full);background:var(--color-info-soft);color:var(--color-info);font-size:var(--text-xs);font-weight:var(--font-bold);padding:1px 7px}.taskrow__due{font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.taskrow__chev{color:var(--text-muted);font-size:20px;line-height:1}.taskrow__menu{position:relative}.taskrow__menu-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-tertiary);background:0 0;border:none;font-size:17px;line-height:1}.taskrow__menu-btn:hover{background:var(--bg-hover)}.taskrow__menu-pop{z-index:var(--z-dropdown);min-width:148px;padding:var(--space-2xs);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);right:0}.taskrow__menu-pop button{width:100%;min-height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-align:left;background:0 0;border:none;display:block}.taskrow__menu-pop button:hover{background:var(--bg-hover)}.taskrow__menu-pop button.is-danger{color:var(--color-danger)}.cal__monthbar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.cal__nav-group{align-items:center;gap:var(--space-2xs);display:flex}.cal__today{min-height:36px;padding:0 var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.cal__today:hover{background:var(--bg-hover)}.timegrid{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.timegrid__head{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-sunken);grid-template-columns:56px repeat(7,1fr);display:grid}.timegrid__dayhead{justify-content:center;align-items:baseline;gap:var(--space-2xs);padding:var(--space-sm) 0;border-left:1px solid var(--border-subtle);display:flex}.timegrid__dow{font-size:var(--text-xs);color:var(--text-tertiary)}.timegrid__date{border-radius:var(--radius-full);min-width:28px;height:28px;font-size:var(--text-md);font-weight:var(--font-semibold);place-items:center;display:grid}.timegrid__dayhead--today .timegrid__date{background:var(--color-primary);color:var(--text-inverse)}.timegrid__body{grid-template-columns:56px repeat(7,1fr);display:grid}.timegrid__gutter{flex-direction:column;display:flex}.timegrid__hour{height:56px;padding-right:var(--space-2xs);font-size:var(--text-xs);color:var(--text-muted);text-align:right;transform:translateY(-7px)}.timegrid__col{border-left:1px solid var(--border-subtle);flex-direction:column;display:flex;position:relative}.timegrid__col--today{background:#0a72e808}.timegrid__slot{border-top:1px solid var(--border-subtle);height:56px}.timegrid__slot:first-child{border-top:none}.timegrid__event{border:none;border-left:3px solid var(--card-accent,var(--color-primary));border-radius:var(--radius-sm);background:var(--card-soft,var(--bg-hover));text-align:left;flex-direction:column;gap:1px;padding:4px 8px;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.timegrid__event:hover{filter:brightness(.97)}.timegrid__event-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--card-text,var(--text-primary));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timegrid__event-time{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.detail__sheet{flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=900px){.detail{padding:var(--space-xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;justify-content:center;align-items:center}.detail__sheet{width:min(880px,100%);max-height:calc(100dvh - var(--space-3xl));background:var(--bg-app);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex:0 auto;overflow:hidden}}.detail__bar-title{align-items:center;gap:var(--space-sm);min-width:0;padding:0 var(--space-xs);flex:1;display:none}@media (width>=900px){.detail__bar-title{display:flex}}.detail__bar-icon{border-radius:var(--radius-md);background:var(--card-soft);flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.detail__title--bar{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail__hero{gap:var(--space-md);padding-bottom:var(--space-lg);display:flex}@media (width>=900px){.detail__hero{display:none}}.ai-card--summary{background:var(--color-primary-soft)}.ai-card--summary .ai-card__title{color:var(--color-primary)}.detail__files{flex-direction:column;display:flex}.fade-in{animation:fade-up var(--transition-slow) var(--ease-out) both}.fade-out{animation:fade-out var(--transition-normal) forwards}.slide-up{animation:slide-up var(--transition-slow) var(--ease-out)}.slide-down{animation:slide-down var(--transition-normal) forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slide-down{to{opacity:0;transform:translateY(16px)}}@keyframes spin{to{transform:rotate(360deg)}}