:root{--c-paper: #fbfaf7;--c-surface: #ffffff;--c-surface-2: #f4f6f8;--c-surface-3: #eaeef2;--c-border: #e3e8ed;--c-border-strong: #cfd8e0;--c-text: #1f2d3a;--c-text-2: #4c5f70;--c-text-3: #5e7080;--c-text-inverse: #ffffff;--c-ocean-50: #eff7fb;--c-ocean-100: #d9edf7;--c-ocean-200: #b5dcef;--c-ocean-300: #85c4e2;--c-ocean-400: #4ea6cf;--c-ocean-500: #2b87b5;--c-ocean-600: #1f6b93;--c-ocean-700: #1a5372;--c-ocean-800: #143d54;--c-ocean-900: #0f2b3b;--c-danger: #d94f4f;--c-danger-soft: #fdeeee;--c-warning: #e08a3c;--c-warning-soft: #fdf3e9;--c-caution: #d9a93c;--c-caution-soft: #fdf8e8;--c-success: #3f9e78;--c-success-soft: #ecf7f2;--c-danger-text: #c23434;--c-warning-text: #a35b1a;--c-caution-text: #8c6a1c;--c-success-text: #327d5f;--c-danger-bg: #d43a3a;--c-info: var(--c-ocean-500);--c-info-soft: var(--c-ocean-50);--c-cat-urgent: #d94f4f;--c-cat-report: #e08a3c;--c-cat-todo: #2b87b5;--c-cat-confirm: #8b6bc4;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--lh-tight: 1.3;--lh-normal: 1.6;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(31, 45, 58, .04);--sh-sm: 0 1px 3px rgba(31, 45, 58, .06), 0 1px 2px rgba(31, 45, 58, .04);--sh-md: 0 4px 12px rgba(31, 45, 58, .07);--sh-lg: 0 12px 32px rgba(31, 45, 58, .1);--sh-focus: 0 0 0 3px rgba(43, 135, 181, .28);--sidebar-w: 232px;--topbar-h: 60px;--content-max: 1180px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .38s;--z-drawer: 60;--z-modal: 70;--z-toast: 80}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,h5,h6,p,figure{margin:0}h1{font-size:var(--fs-2xl);line-height:var(--lh-tight);font-weight:650;letter-spacing:-.01em}h2{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:620}h3{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:600}h4{font-size:var(--fs-md);font-weight:600}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--c-ocean-600);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--c-ocean-500);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--c-ocean-600);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:0 0 var(--r-md) 0}.skip-link:focus{left:0}.scroll-y{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}.scroll-y::-webkit-scrollbar{width:10px;height:10px}.scroll-y::-webkit-scrollbar-track{background:transparent}.scroll-y::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full);border:3px solid var(--c-paper)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.grow{flex:1 1 auto;min-width:0}.text-2{color:var(--c-text-2)}.text-3{color:var(--c-text-3)}.fs-sm{font-size:var(--fs-sm)}.fs-xs{font-size:var(--fs-xs)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh;background:var(--c-paper)}.sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--c-ocean-900) 0%,var(--c-ocean-800) 100%);color:#dbe8f0;padding:var(--sp-4) var(--sp-3);overflow:hidden}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5)}.sidebar__logo{width:34px;height:34px;flex:none}.sidebar__title{font-size:var(--fs-md);font-weight:650;color:#fff;letter-spacing:.01em;line-height:1.2}.sidebar__subtitle{font-size:var(--fs-xs);color:#dbe8f09e}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);color:#dbe8f0d1;font-size:var(--fs-base);text-decoration:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);position:relative}.nav-item:hover{background:#ffffff12;color:#fff;text-decoration:none}.nav-item[aria-current=page]{background:#ffffff21;color:#fff;font-weight:600}.nav-item__icon{font-size:1rem;width:1.25rem;text-align:center;flex:none}.nav-item__badge{margin-left:auto;background:var(--c-ocean-400);color:var(--c-ocean-900);font-size:11px;font-weight:700;min-width:20px;text-align:center;padding:1px 6px;border-radius:var(--r-full)}.nav-item__badge--alert{background:var(--c-danger);color:#fff}.sidebar__section-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#dbe8f06b;padding:var(--sp-5) var(--sp-3) var(--sp-2);font-weight:600}.sidebar__footer{margin-top:auto;padding:var(--sp-3);border-top:1px solid rgba(255,255,255,.1);font-size:var(--fs-xs);color:#dbe8f08c}.main{display:flex;flex-direction:column;min-width:0;height:100vh;height:100dvh}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);background:#fbfaf7db;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:20}.topbar__title{font-size:var(--fs-lg);font-weight:620}.topbar__spacer{flex:1 1 auto}.topbar__search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);padding:6px var(--sp-3);color:var(--c-text-3);font-size:var(--fs-sm);cursor:pointer;min-width:190px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.topbar__search:hover{border-color:var(--c-border-strong)}.kbd{font-family:var(--font-mono);font-size:10px;background:var(--c-surface-2);border:1px solid var(--c-border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--c-text-3);margin-left:auto}.page{flex:1 1 auto;overflow-y:auto;padding:var(--sp-6);padding-bottom:var(--sp-12)}.page__inner{max-width:var(--content-max);margin:0 auto}.page-header{margin-bottom:var(--sp-5)}.page-header__row{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap}.page-header__desc{color:var(--c-text-2);font-size:var(--fs-base);margin-top:2px}.section{margin-bottom:var(--sp-8)}.section__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.section__title{font-size:var(--fs-md);font-weight:650;letter-spacing:.01em}.section__count{font-size:var(--fs-xs);color:var(--c-text-3);background:var(--c-surface-2);border-radius:var(--r-full);padding:1px 8px}.grid{display:grid;gap:var(--sp-4)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--today{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.mobile-tabbar{display:none}@media (max-width: 1080px){.grid--today{grid-template-columns:minmax(0,1fr)}.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:var(--sp-4);padding-bottom:88px}.topbar{padding:0 var(--sp-4)}.grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}.topbar__search{min-width:0}.topbar__search .kbd{display:none}.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff2;backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--c-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mobile-tabbar .nav-item{flex:1;flex-direction:column;gap:2px;color:var(--c-text-3);font-size:10px;padding:4px 2px;justify-content:center}.mobile-tabbar .nav-item:hover,.mobile-tabbar .nav-item[aria-current=page]{background:transparent;color:var(--c-ocean-600)}.mobile-tabbar .nav-item__icon{font-size:1.15rem}.mobile-tabbar .nav-item__badge{position:absolute;top:0;right:22%;margin:0;font-size:9px;min-width:15px;padding:0 4px}}.sidebar__brand{text-decoration:none;color:inherit;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease)}.sidebar__brand:hover{background:#ffffff12;text-decoration:none}.sidebar__avatar{width:36px;height:36px;flex:none;border-radius:50%;object-fit:cover;background:var(--c-ocean-600);border:2px solid rgba(255,255,255,.22)}.sidebar__avatar--initials{display:grid;place-items:center;color:#fff;font-weight:700;font-size:var(--fs-base)}.avatar-edit{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.avatar-edit__preview{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--c-surface-2);border:1px solid var(--c-border);display:grid;place-items:center;font-size:var(--fs-xl);font-weight:700;color:var(--c-ocean-700);flex:none}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);padding:var(--sp-5)}.card--flush{padding:0;overflow:hidden}.card--soft{background:var(--c-surface-2);border-color:transparent;box-shadow:none}.card__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card__title{font-size:var(--fs-md);font-weight:620}.clickable{cursor:pointer;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.clickable:hover{box-shadow:var(--sh-md);border-color:var(--c-border-strong);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md);padding:7px var(--sp-4);font-size:var(--fs-base);font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn:hover{background:var(--c-surface-2);border-color:var(--c-border-strong)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-ocean-600);border-color:var(--c-ocean-600);color:#fff}.btn--primary:hover{background:var(--c-ocean-700);border-color:var(--c-ocean-700)}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-text-2)}.btn--ghost:hover{background:var(--c-surface-2);border-color:transparent;color:var(--c-text)}.btn--danger{color:var(--c-danger);border-color:var(--c-border)}.btn--danger:hover{background:var(--c-danger-soft);border-color:var(--c-danger)}.btn--sm{padding:4px var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-2);white-space:nowrap;border:1px solid transparent}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge--urgent{background:#fdeeee;color:#b93b3b}.badge--report{background:#fdf3e9;color:#a35b1a}.badge--todo{background:#eaf4fa;color:#1f6b93}.badge--confirm{background:#f2edfb;color:#6c4fa8}.badge--high{background:#fdeeee;color:#b93b3b}.badge--medium{background:#fdf8e8;color:#8c6a1c}.badge--low,.badge--not_started{background:var(--c-surface-2);color:var(--c-text-2)}.badge--in_progress{background:#eaf4fa;color:#1f6b93}.badge--waiting{background:#f2edfb;color:#6c4fa8}.badge--done{background:var(--c-success-soft);color:var(--c-success-text)}.badge--outline{background:transparent;border-color:var(--c-border);color:var(--c-text-2)}.deadline{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:650;padding:2px 8px;border-radius:var(--r-full);white-space:nowrap}.deadline--none{background:var(--c-surface-2);color:var(--c-text-3);font-weight:500}.deadline--far{background:var(--c-surface-2);color:var(--c-text-2);font-weight:500}.deadline--soon{background:var(--c-caution-soft);color:var(--c-caution-text)}.deadline--tomorrow{background:var(--c-warning-soft);color:var(--c-warning-text)}.deadline--today{background:#fbe3e3;color:#b52222}.deadline--overdue{background:var(--c-danger-bg);color:#fff}.deadline--done{background:var(--c-success-soft);color:var(--c-success-text)}.task-list{display:flex;flex-direction:column}.task-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface);transition:background var(--dur-fast) var(--ease);position:relative}.task-item:last-child{border-bottom:none}.task-item:hover{background:var(--c-surface-2)}.task-item--done .task-item__title{text-decoration:line-through;color:var(--c-text-3)}.task-item--overdue:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c-danger)}.task-check{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:2px 0 0;border:1.5px solid var(--c-border-strong);border-radius:50%;cursor:pointer;flex:none;position:relative;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.task-check:hover{border-color:var(--c-ocean-500)}.task-check:checked{background:var(--c-success);border-color:var(--c-success)}.task-check:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-item__body{flex:1 1 auto;min-width:0;cursor:pointer}.task-item__title{font-size:var(--fs-base);font-weight:520;line-height:1.45;word-break:break-word}.task-item__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:5px;font-size:var(--fs-xs);color:var(--c-text-3)}.task-item__side{display:flex;align-items:center;gap:var(--sp-2);flex:none}.meta-chip{display:inline-flex;align-items:center;gap:3px;color:var(--c-text-3);font-size:var(--fs-xs)}.meta-chip__dot{width:7px;height:7px;border-radius:2px;flex:none}.meeting-card{display:flex;gap:var(--sp-4);padding:var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.meeting-card:last-child{border-bottom:none}.meeting-card:hover{background:var(--c-surface-2)}.meeting-card__time{flex:none;width:62px;text-align:right;font-variant-numeric:tabular-nums}.meeting-card__start{font-size:var(--fs-md);font-weight:650;letter-spacing:-.01em}.meeting-card__end{font-size:var(--fs-xs);color:var(--c-text-3)}.meeting-card__rail{flex:none;width:3px;border-radius:var(--r-full);background:var(--c-ocean-300)}.meeting-card__body{flex:1 1 auto;min-width:0}.meeting-card__title{font-size:var(--fs-base);font-weight:600}.meeting-card__meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:3px;font-size:var(--fs-xs);color:var(--c-text-3)}.meeting-card--now .meeting-card__rail{background:var(--c-danger)}.meeting-card--past{opacity:.55}.project-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);position:relative;overflow:hidden}.project-card__accent{position:absolute;left:0;top:0;bottom:0;width:4px}.project-card__title{font-size:var(--fs-md);font-weight:650}.project-card__desc{font-size:var(--fs-sm);color:var(--c-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__stats{display:flex;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-3);flex-wrap:wrap}.project-card__stat b{color:var(--c-text);font-weight:650;font-size:var(--fs-sm)}.progress{height:6px;background:var(--c-surface-3);border-radius:var(--r-full);overflow:hidden}.progress__bar{height:100%;border-radius:var(--r-full);background:var(--c-ocean-400);transition:width var(--dur-slow) var(--ease)}.workload__value{font-size:var(--fs-2xl);font-weight:680;letter-spacing:-.02em}.workload__unit{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:500}.workload__track{height:10px;background:var(--c-surface-3);border-radius:var(--r-full);overflow:hidden;display:flex;margin:var(--sp-3) 0 var(--sp-2)}.workload__seg{height:100%;transition:width var(--dur-slow) var(--ease)}.workload__hint{font-size:var(--fs-xs);color:var(--c-text-3);display:flex;justify-content:space-between}.alert{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);margin-top:var(--sp-3);line-height:1.5}.alert--warn{background:var(--c-warning-soft);color:#8a4d13}.alert--info{background:var(--c-info-soft);color:var(--c-ocean-700)}.alert--danger{background:var(--c-danger-soft);color:#a52f2f}.capture{display:flex;gap:var(--sp-2);align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);box-shadow:var(--sh-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.capture:focus-within{border-color:var(--c-ocean-400);box-shadow:var(--sh-focus)}.capture__input{flex:1 1 auto;border:none;background:transparent;padding:var(--sp-2) 0;font-size:var(--fs-md);min-width:0}.capture__input::placeholder{color:var(--c-text-3)}.capture__hint{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:var(--sp-2)}.fab{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:45;width:52px;height:52px;border-radius:50%;background:var(--c-ocean-600);color:#fff;border:none;box-shadow:var(--sh-lg);font-size:1.4rem;cursor:pointer;display:none;align-items:center;justify-content:center}@media (max-width: 860px){.fab{display:flex;bottom:76px;right:var(--sp-4)}}.overlay{position:fixed;inset:0;background:#0f2b3b52;backdrop-filter:blur(2px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--sp-4) var(--sp-4);animation:fade-in var(--dur) var(--ease)}.modal{background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;max-width:560px;max-height:76vh;display:flex;flex-direction:column;overflow:hidden;animation:pop-in var(--dur) var(--ease)}.modal--wide{max-width:720px}.modal__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.modal__title{font-size:var(--fs-md);font-weight:650}.modal__body{padding:var(--sp-5);overflow-y:auto}.modal__foot{display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.drawer-overlay{position:fixed;inset:0;background:#0f2b3b47;z-index:var(--z-drawer);animation:fade-in var(--dur) var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--c-surface);box-shadow:var(--sh-lg);z-index:var(--z-drawer);display:flex;flex-direction:column;animation:slide-in var(--dur) var(--ease)}.drawer__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);flex:none}.drawer__body{flex:1 1 auto;overflow-y:auto;padding:var(--sp-5)}.drawer__foot{flex:none;display:flex;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2)}.field__label .req{color:var(--c-danger);margin-left:2px}.field__hint{font-size:var(--fs-xs);color:var(--c-text-3)}.input,.select,.textarea{width:100%;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);padding:8px var(--sp-3);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-ocean-400);box-shadow:var(--sh-focus)}.textarea{min-height:84px;resize:vertical;line-height:1.55}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5L6 8.5L10 4.5' stroke='%2355697a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media (max-width: 560px){.field-row{grid-template-columns:1fr}}.segmented{display:inline-flex;background:var(--c-surface-2);border-radius:var(--r-md);padding:3px;gap:2px}.segmented__btn{border:none;background:transparent;padding:5px var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:550;color:var(--c-text-2);cursor:pointer;white-space:nowrap}.segmented__btn[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-xs)}.filter-bar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-4)}.chip{border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-full);padding:4px var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-2);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.chip:hover{border-color:var(--c-border-strong)}.chip[aria-pressed=true]{background:var(--c-ocean-900);border-color:var(--c-ocean-900);color:#fff}.chip__count{opacity:.65;font-size:var(--fs-xs)}.tag{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);background:var(--c-ocean-50);color:var(--c-ocean-700);border-radius:var(--r-sm);padding:1px 6px}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--c-text-3)}.empty__illu{width:96px;opacity:.85}.empty__title{font-size:var(--fs-base);font-weight:600;color:var(--c-text-2)}.empty__desc{font-size:var(--fs-sm);max-width:340px;line-height:1.6}.toast-host{position:fixed;left:50%;bottom:var(--sp-6);transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{background:var(--c-ocean-900);color:#fff;font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);box-shadow:var(--sh-lg);display:flex;align-items:center;gap:var(--sp-3);pointer-events:auto;animation:toast-in var(--dur) var(--ease);max-width:min(92vw,520px)}.toast--danger{background:var(--c-danger)}.toast--success{background:#2b6f54}.toast__action{background:#ffffff29;border:none;color:#fff;border-radius:var(--r-sm);padding:3px 9px;font-size:var(--fs-xs);font-weight:600;cursor:pointer}.inbox-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.inbox-row:last-child{border-bottom:none}.inbox-row:hover{background:var(--c-surface-2)}.inbox-row__content{flex:1 1 auto;min-width:0;word-break:break-word;line-height:1.5}.inbox-row__time{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:3px}.inbox-row__actions{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end}.inbox-row--converted{opacity:.6}.cal{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface)}.cal__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.cal__weekday{padding:var(--sp-2);text-align:center;font-size:var(--fs-xs);font-weight:650;color:var(--c-text-2)}.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal__cell{min-height:96px;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);padding:5px 6px;display:flex;flex-direction:column;gap:3px;background:var(--c-surface)}.cal__cell:nth-child(7n){border-right:none}.cal__cell--out{background:var(--c-surface-2)}.cal__cell--today{background:var(--c-ocean-50)}.cal__cell--selected{box-shadow:inset 0 0 0 2px var(--c-ocean-400)}.cal__cell{cursor:pointer}.cal__daynum{font-size:var(--fs-xs);font-weight:600;color:var(--c-text-2)}.cal__cell--today .cal__daynum{background:var(--c-ocean-600);color:#fff;border-radius:var(--r-full);width:20px;height:20px;display:grid;place-items:center}.cal__event{font-size:11px;background:var(--c-ocean-100);color:var(--c-ocean-800);border-radius:4px;padding:1px 5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;text-align:left;width:100%}.cal__event:hover{background:var(--c-ocean-200)}.cal__task{font-size:11px;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:3px}@media (max-width: 860px){.cal__cell{min-height:62px}.cal__event,.cal__task{font-size:9px}}.dl{display:grid;grid-template-columns:84px 1fr;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.dl dt{color:var(--c-text-3)}.dl dd{margin:0;color:var(--c-text);word-break:break-word}.detail-section{margin-bottom:var(--sp-5)}.detail-section__title{font-size:var(--fs-sm);font-weight:650;color:var(--c-text-2);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.checklist{display:flex;flex-direction:column;gap:6px}.checklist__item{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);line-height:1.5}.checklist__item input{margin-top:3px;flex:none;accent-color:var(--c-ocean-600)}.checklist__item--done span{text-decoration:line-through;color:var(--c-text-3)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-5);overflow-x:auto}.tabs__btn{border:none;background:transparent;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-base);font-weight:550;color:var(--c-text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs__btn:hover{color:var(--c-text)}.tabs__btn[aria-selected=true]{color:var(--c-ocean-700);border-bottom-color:var(--c-ocean-600)}.search-result{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);cursor:pointer;background:var(--c-surface)}.search-result:hover{background:var(--c-surface-2)}.search-result:last-child{border-bottom:none}.search-result__title{font-weight:580}.search-result__snippet{font-size:var(--fs-sm);color:var(--c-text-2);margin-top:2px}.search-result__meta{font-size:var(--fs-xs);color:var(--c-text-3);margin-top:3px;display:flex;gap:var(--sp-3);flex-wrap:wrap}mark{background:#fdf0c4;color:inherit;border-radius:3px;padding:0 1px}.timeline{position:relative;padding-left:var(--sp-6)}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--c-surface-3);border-radius:var(--r-full)}.timeline__group{position:relative;padding-bottom:var(--sp-5)}.timeline__group:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-ocean-400)}.timeline__group--past .timeline__dot{background:var(--c-ocean-400);border-color:var(--c-ocean-400)}.timeline__group--today .timeline__dot{border-color:var(--c-danger);background:var(--c-danger);box-shadow:0 0 0 4px #d94f4f29}.timeline__group--past .timeline__body{opacity:.72}.timeline__date{font-size:var(--fs-sm);font-weight:650;color:var(--c-text-2);margin-bottom:4px}.timeline__group--today .timeline__date{color:var(--c-danger)}.timeline__item{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-base);flex-wrap:wrap}.timeline__link{border:none;background:transparent;padding:0;color:var(--c-ocean-700);cursor:pointer;font:inherit;text-align:left}.timeline__link:hover{text-decoration:underline}.idea-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.idea-card__title{font-size:var(--fs-md);font-weight:620;line-height:1.4}.idea-card__content{font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.6;white-space:pre-wrap}.idea-card__tags{display:flex;gap:4px;flex-wrap:wrap}.idea-card__star{border:none;background:transparent;cursor:pointer;font-size:1.05rem;line-height:1;padding:2px}.settings-row{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-border);flex-wrap:wrap}.settings-row:last-child{border-bottom:none}.settings-row__label{min-width:180px;font-weight:600;font-size:var(--fs-base)}.settings-row__desc{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:2px}.settings-row__control{flex:1 1 260px}.source-row{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border)}.source-row:last-child{border-bottom:none}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-3) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--c-surface-2)}}.link-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.link-row .input{flex:1 1 180px;min-width:0}@media (max-width: 560px){.link-row .input{flex:1 1 100%;max-width:none!important}}.today-hero{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--c-ocean-800) 0%,var(--c-ocean-600) 62%,var(--c-ocean-500) 100%);color:#fff;padding:var(--sp-6);margin-bottom:var(--sp-6);box-shadow:var(--sh-md)}.today-hero__date{font-size:var(--fs-2xl);font-weight:680;letter-spacing:-.02em}.today-hero__greeting{margin-top:var(--sp-2);font-size:var(--fs-md);color:#ffffffdb}.today-hero__stats{display:flex;gap:var(--sp-6);margin-top:var(--sp-5);flex-wrap:wrap}.today-hero__stat b{display:block;font-size:var(--fs-xl);font-weight:680;letter-spacing:-.01em}.today-hero__stat span{font-size:var(--fs-xs);color:#ffffffb8}.today-hero__wave{position:absolute;right:-10px;bottom:-14px;width:240px;opacity:.28;pointer-events:none}@media (max-width: 560px){.today-hero__wave{width:160px;opacity:.2}.today-hero__date{font-size:var(--fs-xl)}}.capture-wrap{margin-bottom:var(--sp-6)}.year-switch{display:flex;align-items:center;gap:var(--sp-2)}.task-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);align-items:start}@media (max-width: 1180px){.task-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.task-board{grid-template-columns:1fr}}.board-col__head{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-1) var(--sp-2)}.board-col__title{font-size:var(--fs-sm);font-weight:650}.relax{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center}.ocean{position:relative;width:100%;max-width:780px;aspect-ratio:8 / 3;border-radius:var(--r-xl);overflow:hidden;background:#fbf6ec;box-shadow:var(--sh-sm);border:1px solid #ece3d4}.ocean__svg{width:100%;height:100%;display:block}.ocean__sea g[class*=ocean__wave]{mix-blend-mode:multiply}.ocean__sun{animation:sun-breathe 9s ease-in-out infinite;transform-origin:648px 66px}.ocean__cloud--a{transform:translate(-160px,12px);animation:cloud-float-a 58s linear infinite -18s}.ocean__cloud--b{transform:translate(-160px,58px);animation:cloud-float-b 82s linear infinite -50s}.ocean__whale{transform:translate(-330px,60px);animation:whale-swim 38s ease-in-out infinite -12s}.ocean__fish--a{transform:translate(-70px,188px);animation:fish-swim-a 21s linear infinite -7s}.ocean__fish--b{transform:translate(-70px,222px);animation:fish-swim-b 29s linear infinite -19s}.ocean__wave--far{animation:wave-slide 19s linear infinite}.ocean__wave--mid{animation:wave-slide 13s linear infinite reverse}.ocean__wave--near{animation:wave-slide 9s linear infinite}@media (prefers-reduced-motion: reduce){.ocean__whale{transform:translate(250px,56px)}.ocean__cloud--a{transform:translate(90px,12px)}.ocean__cloud--b{transform:translate(520px,58px)}.ocean__fish--a{transform:translate(160px,188px)}.ocean__fish--b{transform:translate(600px,222px)}}.breath{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.breath__stage{position:relative;width:190px;height:190px;display:grid;place-items:center}.breath__circle{position:absolute;inset:26px;border-radius:48% 52% 46% 54%/52% 46% 54% 48%;background:radial-gradient(circle at 36% 30%,#ffffffd9,#fff0 46%),radial-gradient(circle at 62% 70%,#6da8c88c,#6da8c800 58%),radial-gradient(circle at 50% 50%,#cfe7f2,#9fcde3 62%,#7cb6d3);box-shadow:0 0 22px 6px #85c4e247;filter:blur(.4px);transform:scale(.68);transition:transform var(--breath-dur, 4s) ease-in-out}.breath__circle:after{content:"";position:absolute;inset:-10px;border-radius:inherit;border:2px solid rgba(109,168,200,.28);filter:blur(1.5px)}.breath__circle[data-phase=idle]{transform:scale(.78)}.breath__circle[data-phase=in],.breath__circle[data-phase=hold]{transform:scale(1)}.breath__circle[data-phase=out]{transform:scale(.62)}.breath__text{position:relative;z-index:1;text-align:center;color:var(--c-ocean-900)}.breath__label{font-size:var(--fs-md);font-weight:650}.breath__count{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums}.relax__text{font-size:var(--fs-lg);color:var(--c-text-2);max-width:460px;line-height:1.9}.relax__stage{width:100%;display:flex;flex-direction:column;align-items:center}.ocean--photo{margin:0;padding:0;background:var(--c-surface-3)}.ocean__photo{width:100%;height:100%;object-fit:cover;display:block}.relax__caption{font-size:var(--fs-sm);color:var(--c-text-3);max-width:620px;margin:0;line-height:1.7}.dropzone{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:var(--sp-6) var(--sp-4);border:2px dashed var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-surface);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.dropzone:hover{border-color:var(--c-ocean-400);background:var(--c-ocean-50)}.dropzone--over{border-color:var(--c-ocean-500);background:var(--c-ocean-50);border-style:solid}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.img-card{margin:0;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface);display:flex;flex-direction:column}.img-card__thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--c-surface-2)}.img-card__meta{padding:var(--sp-2);display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs)}.img-card__del{border:none;border-top:1px solid var(--c-border);background:transparent;color:var(--c-danger-text);font-size:var(--fs-xs);padding:6px;cursor:pointer}.img-card__del:hover{background:var(--c-danger-soft)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--sp-5);background:linear-gradient(160deg,#f7fbfd,#e6f1f7 60%,#d5e8f1)}.login__card{position:relative;overflow:hidden;width:100%;max-width:430px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:var(--sp-8) var(--sp-6) var(--sp-6)}.login__wave{position:absolute;right:-30px;top:-20px;width:200px;opacity:.12;pointer-events:none}.login__brand{display:flex;align-items:center;gap:var(--sp-3)}.login__logo{width:44px;height:44px;flex:none}.login__title{font-size:var(--fs-xl);font-weight:680}.login__subtitle{font-size:var(--fs-sm);color:var(--c-text-3)}.login__lead{margin:var(--sp-5) 0;color:var(--c-text-2);line-height:1.8;font-size:var(--fs-base)}.login__notes{margin-top:var(--sp-5);padding-left:18px;list-style:disc;font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}@keyframes slide-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:rise var(--dur-slow) var(--ease) both}@keyframes wave-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-y{animation:float-y 5s var(--ease) infinite}@keyframes cloud-float-a{0%{transform:translate(-160px,12px)}to{transform:translate(880px,12px)}}@keyframes cloud-float-b{0%{transform:translate(-160px,58px)}to{transform:translate(880px,58px)}}@keyframes whale-swim{0%{transform:translate(-330px,60px) rotate(-1.5deg)}50%{transform:translate(250px,50px) rotate(1.5deg)}to{transform:translate(830px,60px) rotate(-1.5deg)}}@keyframes fish-swim-a{0%{transform:translate(-70px,188px)}to{transform:translate(830px,188px)}}@keyframes fish-swim-b{0%{transform:translate(-70px,222px)}to{transform:translate(830px,222px)}}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes sun-breathe{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.05);opacity:1}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1100px) and (min-width: 861px){:root{--sidebar-w: 196px}.sidebar__subtitle{display:none}.nav-item{font-size:var(--fs-sm)}.page{padding:var(--sp-5)}}@media (max-width: 860px){.filter-bar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-bar>*{flex:none}.filter-bar .grow{display:none}.page-header__row{gap:var(--sp-3)}.page-header__row .btn{width:100%}.dl{grid-template-columns:72px 1fr}.section{margin-bottom:var(--sp-6)}}@media (max-width: 640px){.drawer{top:auto;left:0;right:0;height:88dvh;width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;animation:sheet-in var(--dur) var(--ease)}.drawer__head{padding:var(--sp-3) var(--sp-4);position:relative}.drawer__head:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:var(--r-full);background:var(--c-border-strong)}.drawer__body{padding:var(--sp-4)}.drawer__foot{padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom))}.overlay{padding:6vh var(--sp-3) var(--sp-3);align-items:flex-end}.modal{max-height:86dvh;border-radius:var(--r-xl)}.modal__body{padding:var(--sp-4)}.modal__foot{padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));flex-wrap:wrap}.modal__foot .btn{flex:1 1 auto}.toast-host{bottom:96px;left:var(--sp-3);right:var(--sp-3);transform:none}.toast{width:100%}}@media (max-width: 420px){.dl{grid-template-columns:1fr;gap:2px var(--sp-2)}.dl dt{margin-top:var(--sp-2)}.today-hero{padding:var(--sp-5) var(--sp-4)}.today-hero__stats{gap:var(--sp-4)}}@media (hover: none){.clickable:hover{transform:none;box-shadow:var(--sh-xs)}.task-item:hover,.meeting-card:hover,.inbox-row:hover{background:var(--c-surface)}.task-item:active,.meeting-card:active,.inbox-row:active{background:var(--c-surface-2)}}@media (max-width: 640px){.btn--sm{padding:8px var(--sp-3);min-height:36px}.task-check{width:22px;height:22px}.checklist__item input{width:20px;height:20px}}