@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--color-bg: #ffffff;--color-text-main: #000000;--color-text-muted: #9ca3af;--color-blue-today: #2563eb;--color-line: #ebebeb;--color-line-dark: #000000;--row-height: 42px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-container{max-width:1400px;margin:0 auto;padding:24px 32px 48px;min-height:100vh;display:flex;flex-direction:column}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.header-title{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#000}.header-controls{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.icon-btn:hover{opacity:.9;transform:scale(1.04)}.icon-btn:active{transform:scale(.96)}.btn-purple{background-color:#a855f7;color:#fff}.btn-dark{background-color:#18181b;color:#fff}.back-week-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s ease}.back-week-btn:hover{background:#dbeafe}.grid-container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;flex:1}.focus-mode-container{width:66%;margin:0 auto;display:flex;flex-direction:column;flex:1}.day-column{display:flex;flex-direction:column;flex:1}.day-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:8px;margin-bottom:0;border-bottom:2px solid var(--color-line-dark);position:relative;height:var(--row-height)}.day-header.is-today{border-bottom:2px solid var(--color-blue-today)}.day-date{font-size:17px;font-weight:700;color:#000}.day-header.is-today .day-date,.day-header.is-today .day-name{color:var(--color-blue-today)}.day-name{font-size:15px;font-weight:500;color:var(--color-text-muted)}.focus-tag{opacity:0;font-size:11px;font-weight:700;color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;padding:2px 7px;border-radius:10px;cursor:pointer;transition:opacity .15s ease,background-color .15s ease;margin-left:6px}.day-header:hover .focus-tag{opacity:1}.focus-tag:hover{background-color:#e5e7eb;color:#111827}.notebook-lines{display:flex;flex-direction:column;flex:1;min-height:420px;background-image:linear-gradient(to bottom,transparent 41px,var(--color-line) 41px,var(--color-line) 42px);background-size:100% 42px;background-repeat:repeat-y;cursor:text}.task-row{height:var(--row-height);display:flex;align-items:center;position:relative;gap:8px;padding:0 4px;-webkit-user-select:none;user-select:none;background:transparent;transition:background-color .1s ease;cursor:grab}.task-row:active{cursor:grabbing}.task-row:hover{background-color:#00000005}.task-row.is-dragging{background-color:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:6px;border:1px solid #e5e7eb;z-index:999}.focus-mode-container .task-row{height:auto;min-height:var(--row-height);padding:6px 4px;border-bottom:1px solid var(--color-line);background-image:none}.focus-mode-container .task-text{white-space:pre-wrap;overflow:visible;text-overflow:clip}.task-text-container{flex:1;display:flex;align-items:center;min-width:0;padding:0}.task-text{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:2px 0;width:100%}.task-text.completed{text-decoration:line-through;color:#9ca3af}.task-checkbox-container{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease;flex-shrink:0}.task-row:hover .task-checkbox-container,.task-checkbox-container.checked{opacity:1}.task-checkbox-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid #9ca3af;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.task-checkbox-container.checked .task-checkbox-circle{background-color:#374151;border-color:#374151}.task-pill{padding:2px 9px;border-radius:12px;font-weight:600;display:inline-block;max-width:100%}.pill-yellow{background-color:#fef08a;color:#000}.pill-green{background-color:#4ade80;color:#000}.pill-blue{background-color:#93c5fd;color:#000}.pill-pink{background-color:#ff99ce;color:#000}.pill-orange{background-color:#fdba74;color:#000}.pill-purple{background-color:#e9d5ff;color:#000}.inline-input{width:100%;font-family:inherit;font-size:14px;font-weight:500;color:inherit;background:transparent;border:none;outline:none;padding:0;margin:0}.color-popover-rightclick{position:absolute;top:32px;left:20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px;display:flex;gap:8px;box-shadow:0 10px 20px -3px #00000026;z-index:100;animation:fadeIn .1s ease-out}.color-option{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .12s ease}.color-option:hover{transform:scale(1.25)}.empty-line-input-row{height:var(--row-height);display:flex;align-items:center;padding:0 4px}.weekend-column{display:flex;flex-direction:column;height:100%;gap:var(--row-height)}.weekend-half{display:flex;flex-direction:column;flex:1}.weekend-half .notebook-lines{min-height:168px}.someday-section{margin-top:36px;display:flex;flex-direction:column}.someday-header-container{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.someday-title{font-size:22px;font-weight:800;color:#000;letter-spacing:-.02em}.shortcut-tag{font-size:13px;font-weight:600;color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb;padding:2px 8px;border-radius:6px;font-family:monospace}.someday-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.someday-column{display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:460px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700;color:#111827}.modal-action-btn{width:100%;padding:12px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transition:all .15s ease}.modal-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #f3f4f6;font-size:14px}.shortcut-key{background:#f3f4f6;border:1px solid #e5e7eb;padding:2px 8px;border-radius:4px;font-family:monospace;font-weight:600}