:root{--bg-body: #f5f5f7;--bg-shell: #ffffff;--bg-sidebar: #f7f7f8;--bg-main: #fdfdfd;--border-subtle: #e3e4ea;--accent: #ff8a4a;--accent-soft: #fff3e8;--accent-strong: #ff8a4a;--text-main: #2f2933;--text-muted: #9b9ca5;--text-soft: #b2b3bb;--task-bg: #ffffff;--task-border: #e4e5ed;--radius-lg: 12px;--radius-xl: 16px;--shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);--shadow-task: 0 4px 10px rgba(15, 23, 42, .06)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#fff 0,#f5f5f7 50%) fixed;color:var(--text-main)}.app-root{min-height:100vh;padding:0;display:flex;justify-content:stretch;align-items:stretch}.app-shell{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-shell);overflow:hidden}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:#fbfbfc}.app-logo{display:flex;align-items:center;gap:10px}.app-logo-icon{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#ffb347,#ff8a4a);box-shadow:0 4px 10px #ff8a4a99}.app-logo-text-main{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-main)}.app-logo-text-sub{font-size:11px;color:var(--text-soft)}.app-topbar-right{display:flex;align-items:center;gap:16px}.app-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#f97316,#fb7185)}.app-layout{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:540px}.app-alert{padding:8px 12px;border-radius:8px;font-size:12px}.app-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.app-google{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.app-google-email{font-weight:500}.day-subtitle{font-size:12px;color:var(--text-muted)}.app-sidebar{padding:18px 16px 20px;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:18px}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);margin-bottom:8px}.sidebar-today{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--border-subtle)}.sidebar-today-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);margin-bottom:4px}.sidebar-today-main{display:flex;align-items:baseline;justify-content:space-between}.sidebar-today-date{font-size:16px;font-weight:600;color:var(--text-main)}.sidebar-today-weekday,.sidebar-today-focus{font-size:11px;color:var(--text-muted)}.app-main{padding:20px 20px 22px;background:var(--bg-main);display:flex;flex-direction:column;gap:16px;overflow-y:auto}.app-main-header{display:flex;justify-content:space-between;align-items:center}.app-main-title{display:flex;flex-direction:column;gap:2px}.app-main-title h1{font-size:18px;font-weight:600;margin:0;color:var(--text-main)}.app-main-title span{font-size:12px;color:var(--text-muted)}.app-main-actions{display:flex;align-items:center;gap:8px}.app-menu{display:flex;gap:8px;padding:8px 20px 0;border-bottom:1px solid var(--border-subtle);background:#fbfbfc}.app-menu-item{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.app-menu-item--active{border-color:var(--border-subtle);background:#fff;color:var(--text-main)}.btn-primary{border:none;cursor:pointer;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#ffb347,#ff8a4a);color:#fff;box-shadow:0 4px 10px #ff8a4a99;display:inline-flex;align-items:center;gap:6px}.btn-primary span.dot{width:6px;height:6px;border-radius:999px;background:#fff}.btn-primary:disabled{color:var(--text-muted);background:#efefef;box-shadow:none}.btn-ghost{border-radius:999px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-muted);padding:6px 10px;font-size:11px;cursor:pointer}.app-input-row{display:flex;gap:8px}.app-input{flex:1;padding:9px 11px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-main);font-size:13px;outline:none}.app-input::placeholder{color:var(--text-soft)}.app-days{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.day-column{min-width:380px;background:#fff;border-radius:16px;border:1px solid var(--border-subtle);padding:12px 12px 10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 10px #0f172a0a;flex-shrink:0;transition:background .15s ease,outline .15s ease}.day-header{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid #f0f0f3}.day-title{font-size:16px;font-weight:600;color:var(--text-main)}.day-sub{font-size:12px;color:var(--text-muted)}.day-header-top{display:flex;align-items:center;gap:8px}.day-overdue-pill{margin-left:auto;font-size:11px;padding:2px 10px;border-radius:999px;border:1px solid rgba(255,138,74,.5);background:var(--accent-soft);color:var(--accent-strong);cursor:pointer;white-space:nowrap}.day-overdue-pill:hover{background:#ffe3cf}.task-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:var(--task-bg);border:1px solid var(--task-border);box-shadow:var(--shadow-task);flex:0 0 auto;width:100%;box-sizing:border-box}.task-item.task-item-done .task-actions button{opacity:.4;cursor:default}.task-calendar-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-weight:600;opacity:.85}.task-checkbox{width:14px;height:14px;border-radius:999px;border:1px solid #d4d4dd}.task-title{flex:1;font-size:13px;color:var(--text-main);display:flex;flex-direction:column}.task-title.done{text-decoration:line-through;opacity:.45}.task-time-label{font-size:11px;color:var(--text-muted);margin-top:2px}.task-actions{display:flex;gap:4px}.task-pill,.task-pill-accent,.task-delete{border-radius:999px;border:1px solid #e0e0ea;background:#f7f7fb;color:var(--text-muted);padding:4px 9px;font-size:11px;cursor:pointer}.task-pill-accent{border-color:var(--accent-strong);background:var(--accent-soft);color:#c05621}.task-delete{border-color:#fecaca;background:#fff5f5;color:#b91c1c}.task-title{line-height:1.2}.calendar-filter-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.calendar-filter-item{display:flex;align-items:center;font-size:12px;cursor:pointer}.calendar-filter-item input{margin-right:6px}.calendar-filter-color-dot{width:10px;height:10px;border-radius:999px;margin-right:6px}.column{transition:background .15s ease,outline .15s ease}.now-line{position:relative;margin:8px 0;height:1px;background:#ff00004d}.now-line-label{position:absolute;top:-8px;left:0;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);padding:0 4px;opacity:.7}.item-past{opacity:.6}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:12px 12px 16px}.app-days{display:flex;flex-direction:column;gap:12px}.day-column{min-width:100%}}@media(max-width:720px){.app-root{padding:0}}